function setProductColor(whichState) {
	if (currentState == whichState) return;
	
	var currentLink = document.getElementById(currentState + 'Link');
	var newLink = document.getElementById(whichState + 'Link');
	
	

	var contentDiv = document.getElementById('productimg').style;
	var color3Div = document.getElementById('color3').style;
	var color1Div = document.getElementById('color1').style;
	var color2Div = document.getElementById('color2').style;
	var color4Div = document.getElementById('color4').style;
    

	switch(whichState) {
		case 'color1' :
			color3Div.display = 'none';
			color1Div.display = 'block';
			color2Div.display = 'none';
			color4Div.display = 'none';
			contentDiv.display = 'block';


			break;
		case 'color2' :
			color3Div.display = 'none';
			color1Div.display = 'none';
			color2Div.display = 'block';
			color4Div.display = 'none';
			contentDiv.display = 'block';
                        
					
		    break;
		case 'color3' :
			contentDiv.display = 'block';
			color1Div.display = 'none';
			color3Div.display = 'block';
			color2Div.display = 'none';	
	        color4Div.display = 'none';
	        
	        break;
	    case 'color4' :
			contentDiv.display = 'block';
			color1Div.display = 'none';
			color3Div.display = 'none';
			color2Div.display = 'none';	
	        color4Div.display = 'block';
	        
	        break;    
	}
	
	currentLink.className = 'off';
	newLink.className = 'on';
	currentState = whichState;
}