// JavaScript Document

  $(document).ready(function(){

			$("img[@src$=png]").pngfix();
            
			
		$("#cbox").hide();							 
		
		$("#go, #ibox").toggle(function(){	
				$("#cbox").show();
				}, function(){
				$("#cbox").hide();	
		});
	
		$("#cbox ul li").click(function(){
		var a = this.innerHTML;									   
		document.getElementById("ibox").innerHTML =a;
		$("#cbox").hide();
	   });

		$("#cbox ul li").hover(function(){		
		$(this).addClass("bgcolor");
		$(this).siblings().removeClass("bgcolor");
		});

/*******************/

		$(".cboxsmall").hide();							 
		
		$(".pagebox a, .iboxsmall").toggle(function(){	
			$(".cboxsmall").show();
			}, function(){
			$(".cboxsmall").hide();	
		});
	
		$(".cboxsmall ul li").click(function(){
			$(".iboxsmall").html($(this).html());
			$(".cboxsmall").hide();
	   });

		$(".cboxsmall ul li").hover(function(){		
			$(this).addClass("bgcolor");
			$(this).siblings().removeClass("bgcolor");
		});



		$("#women_shoes").show();
		$("#men_shoes").hide();
		$("#top_seller").hide();

	$("#nav_tab li").click(function() {
	
		if (document.getElementById('women').className = "tab_bg") 
		{
		$(this).removeClass("tab_bg");			
		$(this).addClass("tab_bg_select");
		$(this).siblings().removeClass("tab_bg_select");
		$(this).siblings().addClass("tab_bg");		
		}

		if (document.getElementById('men').className = "tab_bg") 
		{
		$(this).removeClass("tab_bg");			
		$(this).addClass("tab_bg_select");
		$(this).siblings().removeClass("tab_bg_select");
		$(this).siblings().addClass("tab_bg");		
		}

		if (document.getElementById('topseller').className = "tab_bg") 
		{
		$(this).removeClass("tab_bg");			
		$(this).addClass("tab_bg_select");
		$(this).siblings().removeClass("tab_bg_select");
		$(this).siblings().addClass("tab_bg");		
		}

	});

/*
	$("#banner_nav li a").click(function(){
		$(this).addClass("activeslide");
		$(this).siblings().removeClass("activeslide");
		
	});*/

	$("#women").click(function() {
		$("#women_shoes").show();
		$("#men_shoes").hide();
		$("#top_seller").hide();

	 });

	$("#men").click(function() {
		$("#women_shoes").hide();
		$("#men_shoes").show();
		$("#top_seller").hide();
	 });

	$("#topseller").click(function() {
		$("#women_shoes").hide();
		$("#men_shoes").hide();
		$("#top_seller").show();
	 });

	$("#banner2").hide();
	$("#banner3").hide();
	$("#banner4").hide();	
	$("#banner5").hide();		
	
	$("#nav1").click(function() {
	$("#banner1").fadeIn(300);							  
	$("#banner2").hide();
	$("#banner3").hide();
	$("#banner4").hide();	
	$("#banner5").hide();		
	$("#nav1 a").addClass("activeslide");			
	$("#nav2 a, #nav3 a, #nav4 a, #nav5 a").removeClass("activeslide");
    });

	$("#nav2").click(function() {
	$("#banner1").hide();							  
	$("#banner2").fadeIn(300);
	$("#banner3").hide();
	$("#banner4").hide();	
	$("#banner5").hide();		
	$("#nav2 a").addClass("activeslide");			
	$("#nav1 a, #nav3 a, #nav4 a, #nav5 a").removeClass("activeslide");
	
    });

	$("#nav3").click(function() {
	$("#banner1").hide();							  
	$("#banner2").hide();
	$("#banner3").fadeIn(300);
	$("#banner4").hide();	
	$("#banner5").hide();		
	$("#nav3 a").addClass("activeslide");			
	$("#nav2 a, #nav1 a, #nav4 a, #nav5 a").removeClass("activeslide");
    });


	$("#nav4").click(function() {
	$("#banner1").hide();							  
	$("#banner2").hide();
	$("#banner3").hide();
	$("#banner4").fadeIn(300);	
	$("#banner5").hide();		
	$("#nav4 a").addClass("activeslide");			
	$("#nav2 a, #nav3 a, #nav1 a, #nav5 a").removeClass("activeslide");
	
    });

	$("#nav5").click(function() {
	$("#banner1").hide();							  
	$("#banner2").hide();
	$("#banner3").hide();
	$("#banner4").hide();	
	$("#banner5").fadeIn(300);		
	$("#nav5 a").addClass("activeslide");			
	$("#nav2 a, #nav3 a, #nav4 a, #nav1 a").removeClass("activeslide");
	
    });


/*****************************
	sorf function
******************************/




	$("#shoestyle").hide();


	$("#tab_nav li").click(function() {
		if (document.getElementById('brand_tab').className = "tab_nav") 
		{
		$(this).removeClass("tab_nav");			
		$(this).addClass("tab_nav_select");
		$(this).siblings().removeClass("tab_nav_select");
		$(this).siblings().addClass("tab_nav");		
		}

		if (document.getElementById('style_tab').className = "tab_nav") 
		{
		$(this).removeClass("tab_nav");			
		$(this).addClass("tab_nav_select");
		$(this).siblings().removeClass("tab_nav_select");
		$(this).siblings().addClass("tab_nav");			
		}
	});
	
		$("#brand_tab").click(function(){
			$("#shoebrand").show();
			$("#shoestyle").hide();
		});

		$("#style_tab").click(function(){
			$("#shoebrand").hide();
			$("#shoestyle").show();			
		});

	$("#shoebrand ul li").toggle(function(){
		$(this).addClass('selectbg');										
		},function(){
		$(this).removeClass('selectbg');											
	});

	$("#shoestyle ul li").toggle(function(){
		$(this).addClass('selectbg');										
		},function(){
		$(this).removeClass('selectbg');											
	});

	
	$("#shoesizes ul li a span").toggle(function(){
		$(this).addClass('selectbg');										
		},function(){
		$(this).removeClass('selectbg');											
	});



	$(".heelsection a").toggle(function(){
	$(this).css('background-position', '0px -2px');		
	},function(){	
	$(this).css('background-position', '0px -24px');	
	 });


 $("#shoecolors li span img").click(function () {
      $(this).toggleClass("colorheight");
    });

/****************************
	sale shoes gender nav
*****************************/

	$("#sales_gender_nav li a").click(function(){
	$(this).addClass('selected_nav');	
	$(this).siblings().removeClass('');
    });


});