/*
 * jQuery menu for VITASOY website
 * 
 */
	$(function(){
			   
/*			   
			var offimg = [ "images/menu_discount_tc_off.png", "images/menu_product_off.png", "images/menu_fans_off.png", "images/menu_gamefun_off.png", "images/menu_5_off.png", "images/menu_6_off.png" ];
			var onimg = [ "images/menu_discount_tc_on.png", "images/menu_product_on.png", "images/menu_fans_coming.png", "images/menu_gamefun_coming.png", "images/menu_5_on.png", "images/menu_6_on.png" ];
			var barbg = [ "images/topbg1.jpg", "images/topbg2.jpg", "images/topbg3.jpg", "images/topbg4.jpg", "images/topbg5.jpg", "images/topbg6.jpg" ];


jQuery.each(offimg, function(index, value) {
      $("#nav li:eq(" + index +") a").css('background-image', 'url('+ value +')');
   });
*/


	$('#nav li').each(function(i) { 
						   iconbg = $(this).attr("offimg");
						   $(this).children('a').css('background-image', 'url('+iconbg+')');
									   });
			
			$('#nav li')
			.mouseover(function(){
				//$(this).next('ul').stop().css({display: "none"}).slideToggle(50);
				//$(this).parent().children('ul').css({display: 'none'});
				//$(this).parent().children('ul').animate({height: 'toggle'}, 50, function() {// Animation complete.
				//															 });

				//$(this).children('a').css({backgroundPosition: "0 14px"})
				nowicon = $(this).attr("onimg");
				nowtopbg = $(this).attr("barbg");
				$("#headerwrapper").css('background-image', 'url('+nowtopbg+')');
				$(this).children('a').stop().css('background-image', 'url('+nowicon+')').animate({backgroundPosition:"(0 0)"}, {duration:300, complete:function(){
					//$(this).css({backgroundPosition: "0 3px"})
				}})
			})
			.mouseout(function(){
				//$(this).next('ul').stop().slideToggle(50);
				//$(this).parent().children('ul').animate({height: 'toggle'}, 50, function() {// Animation complete.
				//															 });
				$("#headerwrapper").css('background-image', 'none');
				//oriicon = $(this).attr("offimg");
				$(this).children('a').stop().animate({backgroundPosition:"(0 14px)"}, {duration:100, complete:function(){
					//$(this).css('background-image', 'url('+oriicon+')')
					$(this).css('background-image', 'url('+$(this).parent().attr("offimg") +')')
				}})
			})

	});
	
		$(function() {
		$('.facebookicon')
			.mouseover(function(){
								$("#header").css('background-image', 'url(images/top_bg_fb.jpg)');
								})
			.mouseout(function(){
								$("#header").css('background-image', 'url(images/top_bg.jpg)');
								})
	});