$(document).ready(function() {
	
	jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

$.preloadImages("js/flake.png", "/images/menuSelBG1.png",
"/images/menuSelBG2.png", "/images/menuSelBG3.png", "/images/menuSelBG4.png", "/images/menuSelBG5.png");

//	$("#flake").animate({marginLeft: "+=250px",    }, 2000 );
	var i;
	var nStars = 10;
	for (i = 0; i< nStars; i++){
	$("#wrapper").append('<div class="stars" id="flakeholder' + i + '"; style="position:absolute; left:' + (i*8)
																							+ 'px; top:290px; "><div id="flake'+i+'" style="background-image:url(js/flake.png); position:absolute;width:15px; height:15px;"></div></div>')
	$(".stars").hide();
	}
	
//	$("#wrapper").append('<div class="menuSelBG" style="background-image:url(images/menuSelBG.png); position:absolute; width:100px; height:32px; left:160px;"></div>');
	
	$(".menuSelBG").css("top", "266px");
	 $(".menuTD").mouseleave(function()
  {
	  $(this).css("background-image", "");
  });
  $(".menuTD").mouseenter(function() {
	  //  alert($(this).position().left + $(this).width() / 2);
	var nStars = 10;	
	var i;
	var dist = ($(this).width()/nStars);
	
	$(".stars").css("top", $(this).position().top + $(this).height() + 8);
	$(this).css("background-image", "url(images/menuSelBG" + $(this).attr("id").substring(4,5) + ".png)");
	$(".stars").show();
	$(".stars").stop();

	for (i = 0; i< nStars; i++){
		$("#flakeholder" + i).css("left", ($(this).position().left + i * dist) + 'px');
		$("#flakeholder" + i).animate({top: $("#wrapper").height()   }, 5000 * Math.random(), null , function() { $(this).hide();} );
		
		$("#flake"+i).animate({marginLeft: "+=" + (Math.random()*25) + "px"   }, 2000 );
		$("#flake"+i).animate({marginLeft: "-=" + (Math.random()*25) + "px"   }, 2000 );
	}
  });

			 
});