$(document).ready(function() {
	
	
	$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	
	$("#topnav li").each(function() { //For each list item...
		var linkText = $(this).find("a").html(); //Find the text inside of the a tag
		$(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 
	
	
	var pageID = $("body").attr("id");// Get Page ID
	
	$("#topnav li").hover(function() {	//On hover...\
		var navClass = $(this).attr("class");	//Get current list class name	
		if (pageID != navClass) { //If page ID is not the same as hovered list class name...
			$(this).find("span").stop().animate({ 
				marginTop: "-40" //Find the span tag and move it up 40 pixels
			}, 250);
		}
	} , function() { //On hover out...
		var navClass = $(this).attr("class");	//Get current list class name	
		if (pageID != navClass) { //If page ID is not the same as hovered list class name...
			$(this).find("span").stop().animate({
				marginTop: "0" //Move the span back to its original state (0px)
			}, 250);
		}
		
	});
	

	 $('#coin-slider').coinslider({ width: 590, height: 310, navigation: true, delay: 5000 });
	 
//drop img by shr
var drop1 = 0;
var drop2 = 0;
var drop3 = 0;

	$(".drop_img_animbox_color1").click(function() {
	if(drop1 == 0)
	{
		$(".drop_img_animbox_white1").animate({
			top: 203,
			left: 1,
			width: 290,
			height: 300
		});
		$(this).animate({
			top: 456
		});
		drop1 = 1;
	}
	else
	{
		$(".drop_img_animbox_white1").animate({
			top: 155,
			left: 8,
			width: 276,
			height: 40
		});
		$(this).animate({
			top: 155
		});
		drop1 = 0;
	}
	});
	$(".drop_img_animbox_color2").click(function() {
	if(drop2 == 0)
	{
		$(".drop_img_animbox_white2").animate({
			top: 203,
			left: 309,
			width: 290,
			height: 300
		});
		$(this).animate({
			top: 456
		});
		drop2 = 1;
	}
	else
	{
		$(".drop_img_animbox_white2").animate({
			top: 155,
			left: 316,
			width: 276,
			height: 40
		});
		$(this).animate({
			top: 155
		});
		drop2 = 0;
	}
	});
	$(".drop_img_animbox_color3").click(function() {
	if(drop3 == 0)
	{
		$(".drop_img_animbox_white3").animate({
			top: 203,
			left: 617,
			width: 290,
			height: 300
		});
		$(this).animate({
			top: 456
		});
		drop3 = 1;
	}
	else
	{
		$(".drop_img_animbox_white3").animate({
			top: 155,
			left: 624,
			width: 276,
			height: 40
		});
		$(this).animate({
			top: 155
		});
		drop3 = 0;
	}
	});

	
});