// JavaScript Document

function getColor(txtColor)
{

	var backcolor;
	
	//var txtColor2=txtColor.toLowerCase();
	
	switch(txtColor2) {
			case 'black':
				backcolor='#202823'
				break;
			case 'beige':
				backcolor='#F8F8F8'
				break;
			case 'white':
				backcolor='#FFFFFF'
				break;
			case 'cognac brown':
				backcolor='#86736D'			
				break;
			case 'tan':
				backcolor='#7A534C'
				break;
			default:
				backcolor='#202823'
				break;
		}	
		return backcolor;				
}

function changeShoeColor(color, styleNo, imgBlockID) {
	var picturePath,curImgBlock,curSpan,strHTML;
	
	// get path
	picturePath = "assets/product_img2/" + styleNo.replace(/^\s*|\s*$/g,"") + color.toLowerCase() + ".jpg";
	curImgBlock = document.getElementById("shoeImage" + imgBlockID);
	
	// set the new picture with selected color
	curImgBlock.height="158"
	curImgBlock.src = picturePath;
	
	
	// re-compose div block for 'view larger' and 'multi-view-images'
	/*strHTML ="<div align='right'><a style='text-decoration:none;' ";
	strHTML = strHTML + "href='javascript:newWin(\" + picturePath + "\"";
	strHTML = strHTML  + ",\"winImage\")'>view larger</div>";*/
	strHTML ="<div align='right'><a style='text-decoration:none;' ";
	strHTML = strHTML + "href=\"javascript:newWin('"+ picturePath + "','winImage');\">view larger</a><br>";
	
	
	strHTML = strHTML + "<a style='text-decoration:overline' ";
	strHTML = strHTML + "href=\"javascript:newWin('product_multiview.asp?styleNo=" + styleNo.replace(/^\s*|\s*$/g,"") + "&color=" + color + "','winMultiView');\">more views</a></div>"
	
	curSpan = document.getElementById("viewlarge" + imgBlockID);
	curSpan.innerHTML = strHTML;
	
	
	
	//alert(strHTML)
	
	
}