var str;
var x=0;
var color;
var colorStr="";
var sc;

var lbImgStr = '';

var splitChr = " | ";
var mUrl = "http://4imgs.com/445/pics/";

var LowSrcImg = 'http://4imgs.com/445/loading.gif';

var ColorsViews = '';

var ProdType = document.Add.ProdType.value;
var SkipMoreColors = false;


//var mcForProdTypes = '|1MAGL|1MAGO|1MCBN|1MCHF|1MCLS|1MCSH|1MCSO|1MCSS|1MCTS|1MHSB|1MLFP|1MLFT|1MLTB|1MLTT|1MOGL|1MOJK|1MOJS|1MOPN|1WCBN|1WCSO|1WCTS|1WHSB|1WLFT|1WOGL|1WOJK|1WOJS|1WOPN|1YAHL|1YHSB|1YOGL|1YOJK|1YOPN|BPACKM|CLMABL|CLMABR|CLMABX|CLMACD|CLMAHS|CLMAKC|CLMALN|CLMANT|CLMASK|CLMASL|CLMAWL|CLMBEN|CLMBSR|CLMBUL|CLMBUS|CLMCRW|CLMHAT|CLMHOD|CLMJER|CLMJKT|CLMPLO|CLMPNT|CLMSRT|CLMSTE|CLMSWT|CLMTEE|CLMTLS|CLMTNK|CLMWIN|CLTBTM|CLTTOP|CLYBEN|CLYBSR|CLYBUL|CLYBUS|CLYCRW|CLYHAT|CLYHOD|CLYJER|CLYJTK|CLYPLO|CLYPNT|CLYSRT|CLYTEE|CLYTLS|CLYTNK|RAMP|SHSLIP|SKHAHM|';

var mcForProdTypes = '|WATCHM|1MAGL|1MAGO|1MCBN|1MCHF|1MCSO|1MCSS|1MCSW|1MCTS|1MHSB|1MLFT|1MLTB|1MLTT|1MOGL|1MOJK|1MOPN|1UAAC|1UAFM|1UAGO|1UAHL|1UAKI|1UALK|1UALN|1UAPC|1UATO|1UBBB|1UBBP|1UBTB|1WAGO|1WAHL|1WCBN|1WCSO|1WCSS|1WCTS|1WHSB|1WLFT|1WOGL|1WOJK|1WOJS|1WOPN|1YAGO|1YHSB|1YOGL|1YOJK|1YOPN|ACMRNG|ACUIPD|BPACKM|CLASCF|CLMABL|CLMABR|CLMABX|CLMAKC|CLMALN|CLMANT|CLMASK|CLMAWL|CLMBEN|CLMBND|CLMBSR|CLMBUL|CLMBUS|CLMBUT|CLMCRW|CLMGLV|CLMHAT|CLMHOD|CLMJKT|CLMJTK|CLMPLO|CLMPNT|CLMSGL|CLMSRT|CLMSWT|CLMTEE|CLMTHR|CLMTLS|CLTACC|CLTBTM|CLTTEE|CLTTOP|CLYABL|CLYABX|CLYASK|CLYBEN|CLYBSR|CLYBUL|CLYBUS|CLYCRW|CLYHAT|CLYHOD|CLYJKT|CLYPLO|CLYPNT|CLYSRT|CLYSWT|CLYTEE|CLYTLS|SKHAHM|SKHAPD|SKHRIS|XMAS|';


if (mcForProdTypes.indexOf('|'+ProdType+'|') == -1) {
	SkipMoreColors = true;
	}




function sIClk(cnStr,fI) {
	l=0;
	fl=0;

	do {
		str = Add.SubProducts.options[l].text;
		if (str.indexOf(splitChr) != -1) {
			sc = str.split(splitChr);
			color = sc[1];
			}
		else {
			color = str;
			}



		if (color.indexOf('[') != -1) {
			sc = color.split('[');
			color = rtrim(rtrim(sc[0]));
			}



		if (color==cnStr) {
			FullImg(fI);
			document.Add.SubProducts.value = Add.SubProducts.options[l].value;
			fl=1;
			}


		l++;
		}
	while (l < document.Add.SubProducts.options.length && fl!=1)

	UpdateStatusPrice();
}




function UpdateStatusPrice() {
	var iSel=document.Add.SubProducts.selectedIndex;
	var cprc=document.getElementById('pd_ComparePrice');
	var rprc=document.getElementById('c_RegularPrice');

	//alert(oPrice);

	//if (oPrice!=undefined) {
	if (iSel!=0) {
		document.getElementById('c_Price').innerHTML = oPrice[iSel];


		if (oCprice[iSel]==0) {
			if (cprc != undefined) {cprc.style.display='none';}
			}
		else {
			if (cprc != undefined) {cprc.style.display='block';}
			if (rprc != undefined) {rprc.innerHTML = oCprice[iSel];}
			}


		document.getElementById('c_StockStatus').innerHTML = oStatus[iSel];
		}
	else {
		document.getElementById('c_StockStatus').innerHTML = '<div class=c_SS>Select to View Availability</div>';
		}
}



function FullImg(fImg) {
	fImg = fImg.replace(/_not-available_/g,"_")
	fImg = fImg.replace(/_not-available_/g,"_")

	//document.getElementById('NoItemPic').innerHTML = '<div><br><a href="javascript:BigImg(\''+fImg+'\');" style="cursor:pointer;">Click to enlarge image<br><img src="' + fImg + '" border=0 id="ItemPic" align=left></a></div>';


	document.getElementById('ItemPic').src = fImg;
	document.getElementById('ItemPic').lowsrc = LowSrcImg;

	//document.getElementById('ItemPicLink').href = "item_big.asp?url=" + fImg.replace(/\/pics\//g,"/pics/&simg=") + lbImgStr;
	//document.getElementById('ItemPicLink').href = "item_big.asp?simg=" + lbImgStr;


	document.getElementById('ItemPicLink').onclick = function() {
		//document.getElementById('ItemPicLink').href = 'item_big.asp?simg=' + escape(fImg) + lbImgStr
		Lightbox.showBoxByAJAX('item_big.asp?simg=' + escape(fImg) + lbImgStr,506,538);
		return false;
	}


	//document.getElementById('NoItemPic').innerHTML = '<a href="'+fImg+'" style="cursor:pointer;" rel="lbOn"><img src="' + fImg + '" border=0 id="ItemPic"><br><img src="images/LargerView.gif width="75" height="25" border="0"></a>';


}



function BigImg(fImg) {
	var bImg = fImg.toLowerCase();
	bImg = bImg.replace(/_f.jpg/,"_b.jpg");

	//document.getElementById('NoItemPic').innerHTML = '<center><br><a href="javascript:FullImg(\''+fImg+'\');">Return To Normal Size Image<br><img src='+bImg+' border=0 id="ItemPic" vspace=5 onclick="FullImg(\''+fImg+'\');"><br>Return To Normal Size Image</a><br><br></center>';
	//document.getElementById('NoItemPic').innerHTML = '<div style="text-align:center;"><a href="javascript:FullImg(\''+fImg+'\');">Return To Normal Size Image</a><br><img src='+bImg+' border=0 id="ItemPic" onclick="FullImg(\''+fImg+'\');"></div>';
}



function UpdateAddBtnLink() {
	var aBtn = document.getElementById('AddBtnLink');
	if (aBtn != undefined) {
		var spn = document.Add.SubProducts;
		if (spn != undefined) {
			aBtn.href = '#';
			aBtn.onclick = function() {
				if (document.Add.SubProducts.value == '') {
					alert('Please select an option first.');
					}
				else {
					Lightbox.showBoxByAJAX('item_gift.asp?q=' + document.Add.Quantity.value + '&n=' + document.Add.SubProducts.value,520,520);
					}
				return false;
				}
			}
		else {
			aBtn.href = '#';
			aBtn.onclick = function() {
				Lightbox.showBoxByAJAX('item_gift.asp?q=' + document.Add.Quantity.value + '&n=' + document.Add.Number.value,520,520);
				return false;
				}
			}

		}
}



function dbChangeFullImg() {
	var fmFld = document.Add.SubProducts;
	var x = fmFld.selectedIndex;
	var str = fmFld[x].text;





	if (str.toLowerCase() == "please select") {
		if (fmFld[x] != undefined) {
			x = x + 1;
			str = fmFld[x].text;
			}
		}






if (SkipMoreColors == true) {
	FullImg(mUrl + MstrNo+'_f.jpg');
	}

else {







	if (str.indexOf(splitChr) != -1) {
		sc = str.split(splitChr);
		color = sc[1];
		}
	else {
		color = str;
		}



	if (color.indexOf('[') != -1) {
		sc = color.split('[');
		color = rtrim(rtrim(sc[0]));
		}






	color = color.replace(/\//g,"-")

	if (color.toLowerCase().indexOf('size') != -1) {color='';}






	if (color.length>0) {
		FullImg(mUrl + MstrNo+'_'+color.replace(/ /g,"-").toLowerCase() + '_f.jpg');
		}
	else {
		FullImg(mUrl + MstrNo+'_f.jpg');
		}



}


	UpdateStatusPrice();
	UpdateAddBtnLink();
}





function NormalProduct() {
	MstrNo = document.Add.Number.value;
	document.Add.Quantity.onchange = UpdateAddBtnLink;

	var BrandDescHtml = document.getElementById("c_BrandDesc");
	if (BrandDescHtml != undefined) {
		document.getElementById("c_Manufacturer").innerHTML = BrandDescHtml.innerHTML;
		}
	else {
		var AboutBrandDiv = document.getElementById("c_AboutBrand");
		if (AboutBrandDiv != undefined) {
			AboutBrandDiv.style.display='none';
			}
		}


	var url = "";
	var sI = "";
	var fI = "";
	var cn = "";

	var sc2 = "";

	FullImg(mUrl + MstrNo+'_f.jpg');


	if (xtraImgs>0) {
		ColorsViews = ColorsViews + '<div id="c_MoreImages">More Views<br>';

		for (l=1; l <= xtraImgs; l++) {
			fI = mUrl + MstrNo  +'_d' + l+ '_f.jpg';
			sI = mUrl + MstrNo  +'_d' + l+ '_s.gif';


			lbImgStr = lbImgStr + '&img=' + encodeURI(MstrNo  +'_d' + l+ '_b.jpg');

			var Img2 = new Image();
			Img2.src=fI;
			Img2.lowsrc = LowSrcImg;

			ColorsViews = ColorsViews + '<div class=smtext2 style="text-align:center;width:55px;height:20px;float:left;text-align:center;background:#666666;color:#FFFFFF;cursor:pointer;margin-right:5px;padding-top:3px;" onclick="FullImg(\''+fI+'\');">View '+l+'</div>';
			}

		ColorsViews = ColorsViews + '<div style="clear:left;"><br></div>';
		ColorsViews = ColorsViews + '</div>';
		}


	document.getElementById('c_ColorsViews').innerHTML = ColorsViews;

	UpdateAddBtnLink();
}








function SubProduct() {
		document.Add.onsubmit = BeforeSubmit;
		document.Add.Quantity.onchange = UpdateAddBtnLink;

		document.Add.SubProducts.onchange = dbChangeFullImg;


		//if (document.getElementById("c_FreeGift").innerHTML != '') {
			//document.Add.className = '';
			//}


var BrandDescHtml = document.getElementById("c_BrandDesc");
if (BrandDescHtml != undefined) {
	document.getElementById("c_Manufacturer").innerHTML = BrandDescHtml.innerHTML;
	}
else {
	var AboutBrandDiv = document.getElementById("c_AboutBrand");
	if (AboutBrandDiv != undefined) {
		AboutBrandDiv.style.display='none';
		}
	}




for (l=0; l < Add.SubProducts.options.length; l++) {
	str = Add.SubProducts.options[l].text;


	if (str != 'Please Select') {

		if (str.indexOf(splitChr) != -1) {
			sc = str.split(splitChr);
			color = sc[1];
			}
		else {
			color = str;
			}



		if (color.indexOf('[') != -1) {
			sc = color.split('[');
			color = rtrim(rtrim(sc[0]));
			}




		if (color.toLowerCase().indexOf('size') != -1) {color='';}



		if (colorStr.indexOf(color) == -1) {
			if (colorStr.length>0) {
				colorStr = colorStr.concat('|'+color);
				}
			else {
				colorStr = color;
				}
			}

		}
	}


//try { if (Add.SubProducts.options[1].text.indexOf('Waist')!=-1) {colorStr = '';} } catch (err) {}

if (colorStr == 'Not Available') { colorStr = '';}


var url = "";
var sI = "";
var fI = "";
var cn = "";

var sc2 = "";




if (colorStr.length>0 && SkipMoreColors != true) {

//if (MstrNo='ATA092') {
//	alert('{'+colorStr+'}');
//	}

//colorStr = colorStr;



	ColorsViews = ColorsViews + '<div id="c_MoreImages">More Colors<br>';

	sc = colorStr.split("|");
	for (l=0; l < sc.length; l++) {
		cn=sc[l];

		url=MstrNo+'_'+sc[l].replace(/ /g,"-").toLowerCase();
		url=url.replace(/\//g,"-")




		if (url.indexOf('[') != -1) {
			sc2 = url.split('[');
			url = sc2[0];
			url = url.replace(/ /g,"");
			url = Left(url,url.length-2);
			}


		fI = mUrl + url + '_f.jpg';
		sI = mUrl + url + '_s.gif';



		lbImgStr = lbImgStr + '&img=' + encodeURI(url + '_b.jpg');



		var Img2 = new Image();
		Img2.src=fI;
		Img2.lowsrc = LowSrcImg;



		//ColorsViews = ColorsViews + '<div class=smtext2 style="width:60px;float:left;border:1px solid #FFFFFF;text-align:center;cursor:pointer;" onclick="sIClk(\''+cn+'\',\''+fI+'\')" onmouseover="this.style.border=\'1px solid #999999\';" onmouseout="this.style.border=\'1px solid #FFFFFF\';"><img src='+sI+' border=0><br>' + cn + '</div>';
		//ColorsViews = ColorsViews + '<div class=smtext2 style="width:60px;float:left;border:1px solid #FFFFFF;text-align:center;cursor:pointer;" onclick="sIClk(\''+cn+'\',\''+fI+'\')"><img src='+sI+' border=0><br>' + cn + '</div>';
		ColorsViews = ColorsViews + '<div class=smtext2 style="width:60px;float:left;border:1px solid #FFFFFF;text-align:center;cursor:pointer;" onclick="sIClk(\''+cn+'\',\''+fI+'\')"><img src='+sI+' border=0></div>';
		}

	ColorsViews = ColorsViews + '<div style="clear:left;"><br></div>';


	ColorsViews = ColorsViews + '</div>';
	}





if (xtraImgs>0) {
	ColorsViews = ColorsViews + '<div id="c_MoreImages">More Views<br>';

	for (l=1; l <= xtraImgs; l++) {
		fI = mUrl + MstrNo  +'_d' + l+ '_f.jpg';
		sI = mUrl + MstrNo  +'_d' + l+ '_s.gif';


		lbImgStr = lbImgStr + '&img=' + encodeURI(MstrNo  +'_d' + l+ '_b.jpg');



		var Img2 = new Image();
		Img2.src=fI;
		Img2.lowsrc = LowSrcImg;


		//ColorsViews = ColorsViews + '<div class=smtext2 style="width:90px;float:left;border:1px solid #FFFFFF;text-align:center;cursor:pointer;" onclick="FullImg(\''+fI+'\');" onmouseover="this.style.border=\'1px solid #999999\';window.status=\'Click To View Detail ' + l + '\';" onmouseout="this.style.border=\'1px solid #FFFFFF\';window.status=\'\'"><img src="'+sI+'" border=0><br>Detail '+l+'</div>';
		ColorsViews = ColorsViews + '<div class=smtext2 style="text-align:center;width:55px;height:20px;float:left;text-align:center;background:#666666;color:#FFFFFF;cursor:pointer;margin-right:5px;padding-top:3px;" onclick="FullImg(\''+fI+'\');">View '+l+'</div>';
		}

	ColorsViews = ColorsViews + '<div style="clear:left;"><br></div>';

	ColorsViews = ColorsViews + '</div>';
	}


	document.getElementById('c_ColorsViews').innerHTML = ColorsViews;


dbChangeFullImg();


//alert(lbImgStr);
}





function trim(stringToTrim) {
	return stringToTrim.replace(/^\s+|\s+$/g,"");
}
function ltrim(stringToTrim) {
	return stringToTrim.replace(/^\s+/,"");
}
function rtrim(stringToTrim) {
	return stringToTrim.replace(/\s+$/,"");
}




function Left(str, n){
	if (n <= 0)
	    return "";
	else if (n > String(str).length)
	    return str;
	else
	    return String(str).substring(0,n);
}


function Right(str, n){
    if (n <= 0)
       return "";
    else if (n > String(str).length)
       return str;
    else {
       var iLen = String(str).length;
       return String(str).substring(iLen, iLen - n);
    }
}






function BeforeSubmit() {
	if (document.Add.SubProducts.value=='') {
		alert("Please select an option first.");
		//showDialog('Warning','Please select an option first.','warning');
		return false;
		}
	else {

		}
}





FullImg('http://4imgs.com/445/loading.gif');


if (document.Add.SubProducts != undefined) {
	window.onload = function() {SubProduct();c_HdrLinks();}
	}
else {
	window.onload = function() {NormalProduct();c_HdrLinks();}
	}



function c_HdrLinks() {
	var c_II = document.getElementById("c_InfoImg");
	if (c_II != undefined) {
		c_II.style.cursor="pointer";
		c_II.onclick = function() {
			Lightbox.showBoxByAJAX('page2.asp?i='+c_II.getAttribute("rel"),590,435);
			return false;
			}
		}
}