// JavaScript Document

function clearDefault(el) {
  if (el.defaultValue==el.value) el.value = ""
}

$(document).ready(function(){
						   
							   
//	$('#galleryWrapper').hide();	
//	$('#colorWrapper').hide();	

	$("#galleryNav ul #colorHead a").click(function(){

		if(document.getElementById("colorHead").className=="galleryNavBg")
			{

				document.getElementById("colorHead").className="galleryRollNavBg";
				document.getElementById("views").className="galleryNavBg";		
				$('#colorWrapper').fadeIn();		
				$('#galleryWrapper').hide();		
			}
	});	

	$("#galleryNav ul #views a").click(function(){
		if(document.getElementById("views").className=="galleryNavBg")
			{
				document.getElementById("views").className="galleryRollNavBg";
				document.getElementById("colorHead").className="galleryNavBg";
					
				$('#colorWrapper').hide();								
				
			//	$('#galleryWrapper').fadeIn();	
			document.getElementById("showviewimage").innerHTML = "";				
				$('#galleryWrapper').show();
			}
	});	

	$(".colorGallery> a").click(function(){		
		$('#colorWrapper').hide();
		//$('#galleryWrapper').fadeIn();
			$('#galleryWrapper').show();
		$('#views').removeClass('galleryNavBg');
		$('#views').addClass('galleryRollNavBg');
		$('#colorHead').removeClass('galleryRollNavBg');
		$('#colorHead').addClass('galleryNavBg');
		$('#color1').fadeIn();
	}, function(){
	});
	
	//Product Angle Gallery MouseOvers


	$('div.productGallery> a').hover(function() {
		$(this).siblings('div:visible').hide();
		$(this).next().fadeIn();
		return false
		}, function(){
	});
	
	$('div.colorGallery> a').hover(function() {
		$(this).siblings('div:visible').hide();
		$(this).next().fadeIn('fast');
		$("#fordisplay").css('display','block');
		return false
		}, function(){
	});
	
	$('div.zoomGallery> div').hide();
	$('div.zoomGallery> .defaultAngle').fadeIn();
	$('div.zoomGallery> a').hover(function() {
		$(this).siblings('div:visible').hide();
		$(this).next().fadeIn('fast');
		return false
		}, function(){
	});
	
	$('#blue').hide();

	$('#color1').click(function(){
		$('#colorWrapper').hide();
		//$('#galleryWrapper').fadeIn();
		$('#galleryWrapper').show();
		$('#views').removeClass('galleryNavBg');
		$('#views').addClass('galleryRollNavBg');
		$('#colorHead').removeClass('galleryRollNavBg');
		$('#colorHead').addClass('galleryNavBg');
		$('#green').fadeIn();		
		$('#blue').hide();
	});

	$('#color2').click(function(){
		$('#colorWrapper').hide();
		//$('#galleryWrapper').fadeIn();
		$('#galleryWrapper').show();
		$('#views').removeClass('galleryNavBg');
		$('#views').addClass('galleryRollNavBg');
		$('#colorHead').removeClass('galleryRollNavBg');
		$('#colorHead').addClass('galleryNavBg');
		$('#green').hide();		
		$('#blue').fadeIn();
	});


/*
	$("#idForFive").toggle(function(){
		$(this).addClass('sizeClick');	
		$("#idForSix").removeClass('sizeClick');			
		},function(){
		$(this).removeClass('sizeClick');
	});


	$("#idForSix").toggle(function(){
		$(this).addClass('sizeClick');	
		$("#idForFive").removeClass('sizeClick');			
		},function(){
		$(this).removeClass('sizeClick');
	});
*/
/*	
	$("#sizerange ul li a").click(function(){
		$(this).addClass('sizeClick');	
	}); 
*/

 $("#idForFive").click(function(){	
	
	if(document.getElementById("idForFive").className=="sizeBg")
		{
			document.getElementById("idForFive").className="sizeClick";
			document.getElementById("idForFiveHalf").className="sizeBg";
			document.getElementById("idForSix").className="sizeBg";	
			document.getElementById("idForSixHalf").className="sizeBg";
			document.getElementById("idForSeven").className="sizeBg";
			document.getElementById("idForSevenHalf").className="sizeBg";
			document.getElementById("idForEight").className="sizeBg";	
			document.getElementById("idForEightHalf").className="sizeBg";	
			document.getElementById("idForNine").className="sizeBg";	
			document.getElementById("idForNineHalf").className="sizeBg";	
			document.getElementById("idForTen").className="sizeBg";	
			document.getElementById("idForTenHalf").className="sizeBg";	
			document.getElementById("idForEleven").className="sizeBg";	
			document.getElementById("idForElevenHalf").className="sizeBg";
			document.getElementById("idForTwelve").className="sizeBg";																																												
		}
		
		else if(document.getElementById("idForFive").className=="sizeClick")
		{
			document.getElementById("idForFive").className="sizeBg";
			
		}
	});


$("#idForFiveHalf").click(function(){	
	if(document.getElementById("idForFiveHalf").className=="sizeBg")
		{
			document.getElementById("idForFiveHalf").className="sizeClick";
			document.getElementById("idForFive").className="sizeBg";		
			document.getElementById("idForSix").className="sizeBg";	
			document.getElementById("idForSixHalf").className="sizeBg";	
			document.getElementById("idForSeven").className="sizeBg";
			document.getElementById("idForSevenHalf").className="sizeBg";
			document.getElementById("idForEight").className="sizeBg";	
			document.getElementById("idForEightHalf").className="sizeBg";	
			document.getElementById("idForNine").className="sizeBg";	
			document.getElementById("idForNineHalf").className="sizeBg";	
			document.getElementById("idForTen").className="sizeBg";	
			document.getElementById("idForTenHalf").className="sizeBg";	
			document.getElementById("idForEleven").className="sizeBg";	
			document.getElementById("idForElevenHalf").className="sizeBg";
			document.getElementById("idForTwelve").className="sizeBg";																																												
										
		}
		else if(document.getElementById("idForFiveHalf").className=="sizeClick")
		{
			document.getElementById("idForFiveHalf").className="sizeBg";	
		}
	});


$("#idForSix").click(function(){	
	if(document.getElementById("idForSix").className=="sizeBg")
		{
			document.getElementById("idForFiveHalf").className="sizeBg";
			document.getElementById("idForFive").className="sizeBg";		
			document.getElementById("idForSix").className="sizeClick";	
			document.getElementById("idForSixHalf").className="sizeBg";		
			document.getElementById("idForSeven").className="sizeBg";
			document.getElementById("idForSevenHalf").className="sizeBg";
			document.getElementById("idForEight").className="sizeBg";	
			document.getElementById("idForEightHalf").className="sizeBg";	
			document.getElementById("idForNine").className="sizeBg";	
			document.getElementById("idForNineHalf").className="sizeBg";	
			document.getElementById("idForTen").className="sizeBg";	
			document.getElementById("idForTenHalf").className="sizeBg";	
			document.getElementById("idForEleven").className="sizeBg";	
			document.getElementById("idForElevenHalf").className="sizeBg";
			document.getElementById("idForTwelve").className="sizeBg";																																												
									
		}
		else if(document.getElementById("idForSix").className=="sizeClick")
		{
			document.getElementById("idForSix").className="sizeBg";	
		}
	});

$("#idForSixHalf").click(function(){	
	if(document.getElementById("idForSixHalf").className=="sizeBg")
		{
			document.getElementById("idForFiveHalf").className="sizeBg";
			document.getElementById("idForFive").className="sizeBg";		
			document.getElementById("idForSix").className="sizeBg";	
			document.getElementById("idForSixHalf").className="sizeClick";
			document.getElementById("idForSeven").className="sizeBg";
			document.getElementById("idForSevenHalf").className="sizeBg";
			document.getElementById("idForEight").className="sizeBg";	
			document.getElementById("idForEightHalf").className="sizeBg";	
			document.getElementById("idForNine").className="sizeBg";	
			document.getElementById("idForNineHalf").className="sizeBg";	
			document.getElementById("idForTen").className="sizeBg";	
			document.getElementById("idForTenHalf").className="sizeBg";	
			document.getElementById("idForEleven").className="sizeBg";	
			document.getElementById("idForElevenHalf").className="sizeBg";
			document.getElementById("idForTwelve").className="sizeBg";																																						
		}
		else if(document.getElementById("idForSixHalf").className=="sizeClick")
		{
			document.getElementById("idForSixHalf").className="sizeBg";	
		}
	});
		


$("#idForSeven").click(function(){	
	if(document.getElementById("idForSeven").className=="sizeBg")
		{
			document.getElementById("idForFiveHalf").className="sizeBg";
			document.getElementById("idForFive").className="sizeBg";		
			document.getElementById("idForSix").className="sizeBg";	
			document.getElementById("idForSixHalf").className="sizeBg";
			document.getElementById("idForSeven").className="sizeClick";
			document.getElementById("idForSevenHalf").className="sizeBg";
			document.getElementById("idForEight").className="sizeBg";	
			document.getElementById("idForEightHalf").className="sizeBg";	
			document.getElementById("idForNine").className="sizeBg";	
			document.getElementById("idForNineHalf").className="sizeBg";	
			document.getElementById("idForTen").className="sizeBg";	
			document.getElementById("idForTenHalf").className="sizeBg";	
			document.getElementById("idForEleven").className="sizeBg";	
			document.getElementById("idForElevenHalf").className="sizeBg";
			document.getElementById("idForTwelve").className="sizeBg";																																						
		}
		else if(document.getElementById("idForSeven").className=="sizeClick")
		{
			document.getElementById("idForSeven").className="sizeBg";	
		}
	});


$("#idForSevenHalf").click(function(){	
	if(document.getElementById("idForSevenHalf").className=="sizeBg")
		{
			document.getElementById("idForFiveHalf").className="sizeBg";
			document.getElementById("idForFive").className="sizeBg";		
			document.getElementById("idForSix").className="sizeBg";	
			document.getElementById("idForSixHalf").className="sizeBg";
			document.getElementById("idForSeven").className="sizeBg";
			document.getElementById("idForSevenHalf").className="sizeClick";
			document.getElementById("idForEight").className="sizeBg";	
			document.getElementById("idForEightHalf").className="sizeBg";	
			document.getElementById("idForNine").className="sizeBg";	
			document.getElementById("idForNineHalf").className="sizeBg";	
			document.getElementById("idForTen").className="sizeBg";	
			document.getElementById("idForTenHalf").className="sizeBg";	
			document.getElementById("idForEleven").className="sizeBg";	
			document.getElementById("idForElevenHalf").className="sizeBg";
			document.getElementById("idForTwelve").className="sizeBg";																																						
		}
		else if(document.getElementById("idForSevenHalf").className=="sizeClick")
		{
			document.getElementById("idForSevenHalf").className="sizeBg";	
		}
	});

$("#idForEight").click(function(){	
	if(document.getElementById("idForEight").className=="sizeBg")
		{
			document.getElementById("idForFiveHalf").className="sizeBg";
			document.getElementById("idForFive").className="sizeBg";		
			document.getElementById("idForSix").className="sizeBg";	
			document.getElementById("idForSixHalf").className="sizeBg";
			document.getElementById("idForSeven").className="sizeBg";
			document.getElementById("idForSevenHalf").className="sizeBg";
			document.getElementById("idForEight").className="sizeClick";	
			document.getElementById("idForEightHalf").className="sizeBg";	
			document.getElementById("idForNine").className="sizeBg";	
			document.getElementById("idForNineHalf").className="sizeBg";	
			document.getElementById("idForTen").className="sizeBg";	
			document.getElementById("idForTenHalf").className="sizeBg";	
			document.getElementById("idForEleven").className="sizeBg";	
			document.getElementById("idForElevenHalf").className="sizeBg";
			document.getElementById("idForTwelve").className="sizeBg";																																						
		}
		else if(document.getElementById("idForEight").className=="sizeClick")
		{
			document.getElementById("idForEight").className="sizeBg";	
		}
	});


$("#idForEightHalf").click(function(){	
	if(document.getElementById("idForEightHalf").className=="sizeBg")
		{
			document.getElementById("idForFiveHalf").className="sizeBg";
			document.getElementById("idForFive").className="sizeBg";		
			document.getElementById("idForSix").className="sizeBg";	
			document.getElementById("idForSixHalf").className="sizeBg";
			document.getElementById("idForSeven").className="sizeBg";
			document.getElementById("idForSevenHalf").className="sizeBg";
			document.getElementById("idForEight").className="sizeBg";	
			document.getElementById("idForEightHalf").className="sizeClick";	
			document.getElementById("idForNine").className="sizeBg";	
			document.getElementById("idForNineHalf").className="sizeBg";	
			document.getElementById("idForTen").className="sizeBg";	
			document.getElementById("idForTenHalf").className="sizeBg";	
			document.getElementById("idForEleven").className="sizeBg";	
			document.getElementById("idForElevenHalf").className="sizeBg";
			document.getElementById("idForTwelve").className="sizeBg";																																						
		}
		else if(document.getElementById("idForEightHalf").className=="sizeClick")
		{
			document.getElementById("idForEightHalf").className="sizeBg";	
		}
	});


$("#idForNine").click(function(){	
	if(document.getElementById("idForNine").className=="sizeBg")
		{
			document.getElementById("idForFiveHalf").className="sizeBg";
			document.getElementById("idForFive").className="sizeBg";		
			document.getElementById("idForSix").className="sizeBg";	
			document.getElementById("idForSixHalf").className="sizeBg";
			document.getElementById("idForSeven").className="sizeBg";
			document.getElementById("idForSevenHalf").className="sizeBg";
			document.getElementById("idForEight").className="sizeBg";	
			document.getElementById("idForEightHalf").className="sizeBg";	
			document.getElementById("idForNine").className="sizeClick";	
			document.getElementById("idForNineHalf").className="sizeBg";	
			document.getElementById("idForTen").className="sizeBg";	
			document.getElementById("idForTenHalf").className="sizeBg";	
			document.getElementById("idForEleven").className="sizeBg";	
			document.getElementById("idForElevenHalf").className="sizeBg";
			document.getElementById("idForTwelve").className="sizeBg";																																						
		}
		else if(document.getElementById("idForNine").className=="sizeClick")
		{
			document.getElementById("idForNine").className="sizeBg";	
		}
	});


$("#idForNineHalf").click(function(){	
	if(document.getElementById("idForNineHalf").className=="sizeBg")
		{
			document.getElementById("idForFiveHalf").className="sizeBg";
			document.getElementById("idForFive").className="sizeBg";		
			document.getElementById("idForSix").className="sizeBg";	
			document.getElementById("idForSixHalf").className="sizeBg";
			document.getElementById("idForSeven").className="sizeBg";
			document.getElementById("idForSevenHalf").className="sizeBg";
			document.getElementById("idForEight").className="sizeBg";	
			document.getElementById("idForEightHalf").className="sizeBg";	
			document.getElementById("idForNine").className="sizeBg";	
			document.getElementById("idForNineHalf").className="sizeClick";	
			document.getElementById("idForTen").className="sizeBg";	
			document.getElementById("idForTenHalf").className="sizeBg";	
			document.getElementById("idForEleven").className="sizeBg";	
			document.getElementById("idForElevenHalf").className="sizeBg";
			document.getElementById("idForTwelve").className="sizeBg";																																						
		}
		else if(document.getElementById("idForNineHalf").className=="sizeClick")
		{
			document.getElementById("idForNineHalf").className="sizeBg";	
		}
	});

$("#idForTen").click(function(){	
	if(document.getElementById("idForTen").className=="sizeBg")
		{
			document.getElementById("idForFiveHalf").className="sizeBg";
			document.getElementById("idForFive").className="sizeBg";		
			document.getElementById("idForSix").className="sizeBg";	
			document.getElementById("idForSixHalf").className="sizeBg";
			document.getElementById("idForSeven").className="sizeBg";
			document.getElementById("idForSevenHalf").className="sizeBg";
			document.getElementById("idForEight").className="sizeBg";	
			document.getElementById("idForEightHalf").className="sizeBg";	
			document.getElementById("idForNine").className="sizeBg";	
			document.getElementById("idForNineHalf").className="sizeBg";	
			document.getElementById("idForTen").className="sizeClick";	
			document.getElementById("idForTenHalf").className="sizeBg";	
			document.getElementById("idForEleven").className="sizeBg";	
			document.getElementById("idForElevenHalf").className="sizeBg";
			document.getElementById("idForTwelve").className="sizeBg";																																						
		}
		else if(document.getElementById("idForTen").className=="sizeClick")
		{
			document.getElementById("idForTen").className="sizeBg";	
		}
	});

$("#idForTenHalf").click(function(){	
	if(document.getElementById("idForTenHalf").className=="sizeBg")
		{
			document.getElementById("idForFiveHalf").className="sizeBg";
			document.getElementById("idForFive").className="sizeBg";		
			document.getElementById("idForSix").className="sizeBg";	
			document.getElementById("idForSixHalf").className="sizeBg";
			document.getElementById("idForSeven").className="sizeBg";
			document.getElementById("idForSevenHalf").className="sizeBg";
			document.getElementById("idForEight").className="sizeBg";	
			document.getElementById("idForEightHalf").className="sizeBg";	
			document.getElementById("idForNine").className="sizeBg";	
			document.getElementById("idForNineHalf").className="sizeBg";	
			document.getElementById("idForTen").className="sizeBg";	
			document.getElementById("idForTenHalf").className="sizeClick";	
			document.getElementById("idForEleven").className="sizeBg";	
			document.getElementById("idForElevenHalf").className="sizeBg";
			document.getElementById("idForTwelve").className="sizeBg";																																						
		}
		else if(document.getElementById("idForTenHalf").className=="sizeClick")
		{
			document.getElementById("idForTenHalf").className="sizeBg";	
		}
	});		
	
$("#idForEleven").click(function(){	
	if(document.getElementById("idForEleven").className=="sizeBg")
		{
			document.getElementById("idForFiveHalf").className="sizeBg";
			document.getElementById("idForFive").className="sizeBg";		
			document.getElementById("idForSix").className="sizeBg";	
			document.getElementById("idForSixHalf").className="sizeBg";
			document.getElementById("idForSeven").className="sizeBg";
			document.getElementById("idForSevenHalf").className="sizeBg";
			document.getElementById("idForEight").className="sizeBg";	
			document.getElementById("idForEightHalf").className="sizeBg";	
			document.getElementById("idForNine").className="sizeBg";	
			document.getElementById("idForNineHalf").className="sizeBg";	
			document.getElementById("idForTen").className="sizeBg";	
			document.getElementById("idForTenHalf").className="sizeBg";	
			document.getElementById("idForEleven").className="sizeClick";	
			document.getElementById("idForElevenHalf").className="sizeBg";
			document.getElementById("idForTwelve").className="sizeBg";																																						
		}
		else if(document.getElementById("idForEleven").className=="sizeClick")
		{
			document.getElementById("idForEleven").className="sizeBg";	
		}
	});	


$("#idForElevenHalf").click(function(){	
	if(document.getElementById("idForElevenHalf").className=="sizeBg")
		{
			document.getElementById("idForFiveHalf").className="sizeBg";
			document.getElementById("idForFive").className="sizeBg";		
			document.getElementById("idForSix").className="sizeBg";	
			document.getElementById("idForSixHalf").className="sizeBg";
			document.getElementById("idForSeven").className="sizeBg";
			document.getElementById("idForSevenHalf").className="sizeBg";
			document.getElementById("idForEight").className="sizeBg";	
			document.getElementById("idForEightHalf").className="sizeBg";	
			document.getElementById("idForNine").className="sizeBg";	
			document.getElementById("idForNineHalf").className="sizeBg";	
			document.getElementById("idForTen").className="sizeBg";	
			document.getElementById("idForTenHalf").className="sizeBg";	
			document.getElementById("idForEleven").className="sizeBg";	
			document.getElementById("idForElevenHalf").className="sizeClick";
			document.getElementById("idForTwelve").className="sizeBg";																																						
		}
		else if(document.getElementById("idForElevenHalf").className=="sizeClick")
		{
			document.getElementById("idForElevenHalf").className="sizeBg";	
		}
	});	
		

$("#idForTwelve").click(function(){	
	if(document.getElementById("idForTwelve").className=="sizeBg")
		{
			document.getElementById("idForFiveHalf").className="sizeBg";
			document.getElementById("idForFive").className="sizeBg";		
			document.getElementById("idForSix").className="sizeBg";	
			document.getElementById("idForSixHalf").className="sizeBg";
			document.getElementById("idForSeven").className="sizeBg";
			document.getElementById("idForSevenHalf").className="sizeBg";
			document.getElementById("idForEight").className="sizeBg";	
			document.getElementById("idForEightHalf").className="sizeBg";	
			document.getElementById("idForNine").className="sizeBg";	
			document.getElementById("idForNineHalf").className="sizeBg";	
			document.getElementById("idForTen").className="sizeBg";	
			document.getElementById("idForTenHalf").className="sizeBg";	
			document.getElementById("idForEleven").className="sizeBg";	
			document.getElementById("idForElevenHalf").className="sizeBg";
			document.getElementById("idForTwelve").className="sizeClick";																																						
		}
		else if(document.getElementById("idForTwelve").className=="sizeClick")
		{
			document.getElementById("idForTwelve").className="sizeBg";	
		}
	});	
		
	
});