// JavaScript Document


function colorselecbox() {
		var cc=document.getElementById("colorlist").offsetWidth;
		document.getElementById("colorinput").style.width =  cc + "px";
}

function sizeselecbox() {
		var ss=document.getElementById("sizelist").offsetWidth;
		document.getElementById("sizebox").style.width = ss + "px";
}


  $(document).ready(function(){


/*****************************
	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 a").toggle(function(){
		$(this).parent().addClass('selectbg');	
		setpage('brands');									
		},function(){
		$(this).parent().removeClass('selectbg');	
		setpage('brands');									
	});

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

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



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

 $("#shoecolors li span img").click(function () {
      $(this).toggleClass("colorheight");
      setpage('colors');
    });
*/

});