/*------------------------------------
Copyright(c) 1999-2007 Topper Jewelers.
All rights reserved. Reproduction in whole or in part in any form or medium 
without express written permission of Topper Fine Jewelers is prohibited.
--------------------------------------*/

/**
 * @author wcc 12.28.2007
 * @description display _th files
 * @modified 1.3.2008
 */
function zoomInThumb(id,imgFile,marginTop,thumbWidth,activeId){
	document.getElementById('wrapper_'+id).style.visibility = "visible";
	document.getElementById('wrapper_'+id).style.background = "url(../../images/thumb_header.gif) no-repeat 0 0";	
	document.getElementById('wrapper_'+id).style.position = "absolute";
	document.getElementById('wrapper_'+id).style.margin = marginTop+"px 0 0 -75px";
	document.getElementById('wrapper_'+id).style.zIndex = "100";
	
	document.getElementById('thumb_'+id).style.display = "";
	document.getElementById('thumb_'+id).src = imgFile;
	document.getElementById('thumb_'+id).style.marginTop = "7px";
	document.getElementById('thumb_'+id).style.float = "left";
	document.getElementById('thumb_'+id).style.paddingTop = "5px";
	/*if(!browserIs("Microsoft Internet Explorer")){*/		
		document.getElementById('thumb_'+id).style.opacity = "1.0";
		document.getElementById('thumb_'+id).style.filter = "alpha(opacity=100)";
	/*}*/
	document.getElementById('thumb_'+id).style.borderLeft = "1px solid #ccc";
	document.getElementById('thumb_'+id).style.borderRight = "2px solid #666";
	document.getElementById('thumb_'+id).style.borderBottom = "2px solid #666";
	if(thumbWidth > 160){
		document.getElementById('thumb_'+id).style.width = "160px";
	}
	if(activeId!=null){		
		/*if(!browserIs("Microsoft Internet Explorer")){*/
			document.getElementById('active_'+activeId).style.opacity = "0.5";
			document.getElementById('active_'+activeId).style.filter = "alpha(opacity=50)";
		/*}*/
	}
}

/**
 * @author wcc 12.28.2007
 * @description display _tm files
 * @modified 1.3.2008
 */
function zoomOutThumb(id,activeId){
	document.getElementById('wrapper_'+id).style.visibility = "hidden";
	if(activeId!=null){		
		/*if(!browserIs("Microsoft Internet Explorer")){*/
			document.getElementById('active_'+activeId).style.opacity = "1.0";
			document.getElementById('active_'+activeId).style.filter = "alpha(opacity=100)";
		/*}*/
	}
}
//wcc
var defaultDialPrice,defaultBezelPrice,defaultUrl, defaultTitle, defaultSrc, defaultStrapTitle, defaultDialTitle, defaultDialSrc, activeDialTitle, activeStrapTitle, defaultBezelTitle, activeBezelTitle, defaultBezelSrc;

//wcc
function computePrice(type, price) {	
	if(type=="dial") {
		defaultDialPrice = price;
	} else if(type=="bezel") {
		defaultBezelPrice = price;
	}
	return parseInt(defaultDialPrice) + parseInt(defaultBezelPrice);
}
function show(Obj,xyPos,zoom,alt_title) {
	//store default title, href, strap title, dial title before replacing 
	setDefaults();
	
	//hide the default image, dial image
	setStyle("visibility","hidden","iDefault","iDefaultDial","iDefaultBezel");
	
	//display selected thumbnail as image background for default image container (zoom anchor)
	var iDflt = document.getElementById("iDefault");
	var aZoom = getStyleObject("aZoomMain");
	
	if(iDflt && aZoom) {
		aZoom.backgroundImage = "url("+Obj.name+")";
		aZoom.backgroundPosition =xyPos; //Obj.style.backgroundPosition cannot be read in FF
		aZoom.height = iDflt.offsetHeight+"px"; //this fixes IE anchor loss
	}
	
	var status = document.getElementById("status");
	if (status) {
		status.style.visibility = "hidden"
	}
	
	//if element has large version
	if(zoom) {			
		if(Obj.name.match("_lg.")) {			
			setZoom(Obj.name);
		} else if(Obj.name.match("_md.")) {		//matching "_md" added by wcc 8.03.2007
			setZoom(Obj.name.replace(/_md.jpg/,"_lg.jpg"));
		}else {			
			setZoom(Obj.name.replace(/.jpg/,"_lg.jpg"));
		}
	} else {
		removeZoom();
	}
	
	//replace the content of the displayed name
	if(alt_title){
		setArgument("innerHTML",alt_title,"sActive");	
	}
	else{		
		setArgument("innerHTML",Obj.title,"sActive");
	}
	
	//store active dial and strap title, and then clear them if they exist
	if((a=document.getElementById("sActiveDial")) && (b=document.getElementById("sActiveStrap"))) {
		if(a.innerHTML && b.innerHTML) {
			activeDialTitle = a.innerHTML;
			activeStrapTitle = b.innerHTML;
			setArgument("innerHTML","","sActiveStrap","sActiveStrap2","sActiveDial","sActiveDial2");
		}
	}
	//return false;
}
/* commented wcc4.2.2008
function show(Obj,xyPos,zoom,alt_title) {
	//store default title, href, strap title, dial title before replacing 
	setDefaults();
	
	//hide the default image, dial image
	setStyle("visibility","hidden","iDefault","iDefaultDial","iDefaultBezel");
	
	//display selected thumbnail as image background for default image container (zoom anchor)
	var iDflt = document.getElementById("iDefault");
	var aZoom = getStyleObject("aZoomMain");
	if(iDflt && aZoom) {
		aZoom.backgroundImage = "url("+Obj.href+")";
		aZoom.backgroundPosition =xyPos; //Obj.style.backgroundPosition cannot be read in FF
		aZoom.height = iDflt.offsetHeight+"px"; //this fixes IE anchor loss
	}
	
	//if element has large version
	if(zoom) {
		if(Obj.href.match("_lg.")) {
			setZoom(Obj.href);
		} else if(Obj.href.match("_md.")) {		//matching "_md" added by wcc 8.03.2007
			setZoom(Obj.href.replace(/_md.jpg/,"_lg.jpg"));
		}else {			
			setZoom(Obj.href.replace(/.jpg/,"_lg.jpg"));
		}
	} else {
		removeZoom();
	}
	
	//replace the content of the displayed name
	if(alt_title){
		setArgument("innerHTML",alt_title,"sActive");	
	}
	else{		
		setArgument("innerHTML",Obj.title,"sActive");
	}
	
	//store active dial and strap title, and then clear them if they exist
	if((a=document.getElementById("sActiveDial")) && (b=document.getElementById("sActiveStrap"))) {
		if(a.innerHTML && b.innerHTML) {
			activeDialTitle = a.innerHTML;
			activeStrapTitle = b.innerHTML;
			setArgument("innerHTML","","sActiveStrap","sActiveStrap2","sActiveDial","sActiveDial2");
		}
	}
	return false;
}
*/
function setDefaults() {
	if(!defaultUrl && !defaultTitle) {
		//defaultUrl = document.getElementById("aZoomMain").href;commented. changed to name instead of href wcc.4.2.2008
		defaultUrl = document.getElementById("aZoomMain").name;
		defaultSrc = document.getElementById("iDefault").src;
		defaultTitle = document.getElementById("sActive").innerHTML;
		defaultStrapTitle = (a = document.getElementById("sActiveStrap"))? a.innerHTML : null;		
		defaultDialTitle = (b = document.getElementById("sActiveDial"))?  b.innerHTML: null;
		defaultDialSrc = (c = document.getElementById("iDefaultDial"))?  c.src: null;
		defaultBezelTitle = (d = document.getElementById("sActiveBezel"))? d.innerHTML : null;//wcc
		defaultBezelSrc = (e = document.getElementById("iDefaultBezel"))? e.src : null;//wcc
		defaultDialPrice = (f = document.getElementById("sActiveDialPrice"))? f.innerHTML : null;//wcc
		defaultBezelPrice = (g = document.getElementById("sActiveBezelPrice"))? g.innerHTML : null;//wcc		
	}
	setStyle("visibility","visible","aRefreshTop","aRefreshBottom");
}

function setZoom(url) {
	setArgument("href","javascript:void(0);","aZoomMain",/*"aZoomTop",*/"aZoomBottom");
	setArgument("name",url,"aZoomMain",/*"aZoomTop",*/"aZoomBottom");
	setArgument("title","Click to view full-size image","aZoomMain");
	//document.getElementById("aZoomMain").onclick = "show_large('"+url+"'); return false;";
	document.getElementById("aZoomMain").onclick = show_large; 
	document.getElementById("aZoomBottom").onclick = show_large; 
	//document.getElementById("aZoomTop").onclick = show_large;
	setStyle("visibility","visible","aZoomTop");
	setStyle("display","inline","aZoomBottom");
}

function removeZoom() {
	a = document.getElementById("aZoomMain");
	b = document.getElementById("aZoomBottom");
	a.removeAttribute("href");
	a.removeAttribute("title");
	a.onclick = null;
	b.removeAttribute("href");
	b.removeAttribute("title");
	b.onclick = null;
	setStyle("visibility","hidden","aZoomTop");
	setStyle("display","none","aZoomBottom");
}
/*
function removeZoom() {
	a = document.getElementById("aZoomMain");
	a.removeAttribute("href");
	a.removeAttribute("title");
	a.onclick = null;
	setStyle("visibility","hidden","aZoomTop","aZoomBottom");
}
*/
function refresh() {
	//replace the url of the zoom anchor to orginal url
	if(defaultUrl) {
		setZoom(defaultUrl);
	} else {
		removeZoom();
	}
	//replace the content of the displayed name to orginal content
	setArgument("innerHTML",defaultTitle,"sActive");
	setArgument("innerHTML",defaultStrapTitle,"sActiveStrap","sActiveStrap2");
	setArgument("innerHTML",defaultDialTitle,"sActiveDial","sActiveDial2");
	setArgument("innerHTML",defaultBezelTitle,"sActiveBezel","sActiveBezel2");//wcc

	setArgument("src",defaultSrc,"iDefault");
	setArgument("src",defaultDialSrc,"iDefaultDial");
	setArgument("src",defaultBezelSrc,"iDefaultBezel");
	//wipe the background image for the default image container (in case it has been set by showing additional image)
	if(aZoom = getStyleObject("aZoomMain")) {
		aZoom.backgroundImage = "none";
	}

	//make default image visible (in case it has been hidden by showing additional image)
	setStyle("visibility","visible","iDefault","iDefaultDial","iDefaultBezel");
	setStyle("visibility","hidden","aRefreshTop","aRefreshBottom");
	//return false;
	
	var status = document.getElementById("status");
	if (status) {
		status.style.visibility = "visible"
	}
}

showLarge = function() {
	var name = this.name;
	show_large();
}

function show_large(oid){
	if(name==null) {
		if (oid == 'aZoomPhoto') {
		var name = document.getElementById('aZoomPhoto').name;
		} else {
		var name = document.getElementById('aZoomMain').name;
		}
	}
	
//set width container to image width
	if(dLrg = getStyleObject('dLargeImage')) {
		tmpImage = new Image();
		tmpImage.src = name
		tmpImage.onload = function () {
			dLrg.width = (tmpImage.width+26)+"px";
		}
		dLrg.width = (tmpImage.width)? (tmpImage.width+26)+"px" : '826px';
	}
	
	//insert image tag in large image placeholder
	setArgument("src",name,"iLargeImage");
	
	//hide content block & show largeimage block
	setStyle("display","none","dLeft","dRight","dCenter");
	setStyle("display","block","dLargeImage");
	
	//return false;	
}

function hide_large() {
	//hide largeimage block  & show content block
	setStyle("display","none","dLargeImage");
	setStyle("display","block","dLeft","dRight","dCenter");
	
	//return false;
}

/**
 * a new version of showStrap
 * @author wcc.3.19.2008
 */
function show_strap(image_file,title){
	//store default title, href, strap title, dial title before replacing 
	setDefaults();
	//swap image with main image, change active titles
	setArgument("src",image_file,"iDefault");
	setArgument("innerHTML",title,"sActiveStrap","sActiveStrap2");
	setArgument("innerHTML",defaultTitle,"sActive");
	
	//straps do not have zooms
	removeZoom();

	//in case an additional image has been clicked before, clear that
	//wipe the background image for the default image container
	if(aZoom = getStyleObject("aZoomMain")) {
		aZoom.backgroundImage = "none";
	}
	
	//make default image visible
	setStyle("visibility","visible","iDefault","iDefaultDial","iDefaultBezel");
	
	//reset active dial title if it was cleared
	if(a = document.getElementById("sActiveDial")) {
		if(!a.innerHTML) {
			setArgument("innerHTML",activeDialTitle,"sActiveDial","sActiveDial2");
		}
	}

	//return false;
}
/*
showStrap = function () {
	//store default title, href, strap title, dial title before replacing 
	setDefaults();
	
	//swap image with main image, change active titles
	setArgument("src",this.href,"iDefault");
	setArgument("innerHTML",this.title,"sActiveStrap","sActiveStrap2");
	setArgument("innerHTML",defaultTitle,"sActive");
	
	//straps do not have zooms
	removeZoom();

	//in case an additional image has been clicked before, clear that
	//wipe the background image for the default image container
	if(aZoom = getStyleObject("aZoomMain")) {
		aZoom.backgroundImage = "none";
	}
	
	//make default image visible
	setStyle("visibility","visible","iDefault","iDefaultDial","iDefaultBezel");
	
	//reset active dial title if it was cleared
	if(a = document.getElementById("sActiveDial")) {
		if(!a.innerHTML) {
			setArgument("innerHTML",activeDialTitle,"sActiveDial","sActiveDial2");
		}
	}

	return false;
}
*/
function show_dial(Obj,zoom,price) {
	//store default title, href, strap title, dial title before replacing 
	//display the "reset image" link
	setDefaults();
	//swap image with dial image, change active dial titles
	//change image
	setArgument("src",Obj.name,"iDefaultDial");
	//change title
	setArgument("innerHTML",Obj.title,"sActiveDial","sActiveDial2");	
	//setArgument("innerHTML",Obj.lastChild.innerHTML,"sActiveDial","sActiveDial2");//Obj.lastChild.innerHTML is wrong @modified wcc 8.14.2007	
	setArgument("innerHTML",defaultTitle,"sActive");
	//if element has large version
	if(zoom) {
		setZoom(Obj.name.slice(0,Obj.name.length-7)+'_lg.jpg');
	} else {		
		removeZoom();
	}

	//if a price was set	
	if(price){
		setArgument("innerHTML",price,"sActiveDialPrice","sActiveDialPrice2");
		setArgument("innerHTML",computePrice('dial',price),"totalPrice","totalPrice2");
	}
	
	//in case an additional image has been clicked before, clear that
	//wipe the background image for the default image container
	if(aZoom = getStyleObject("aZoomMain")) {
		aZoom.backgroundImage = "none";
	}
	
	//make default image visible
	setStyle("visibility","visible","iDefault","iDefaultDial","iDefaultBezel");
	
	//reset active strap title if it was cleared
	if(a = document.getElementById("sActiveStrap")) { 
		if(!a.innerHTML) {
			setArgument("innerHTML",activeStrapTitle,"sActiveStrap","sActiveStrap2"); 
		}
	}
		
	return false;
}

/**
 * @author wcc 7.25.2007
 */
function showBezel(Obj,zoom,price) {
	//store default title, href, strap title, dial title before replacing 
	//display the "reset image" link
	setDefaults();
	//swap image with dial image, change active dial titles
	setArgument("src",Obj.href,"iDefaultBezel");

	setArgument("innerHTML",Obj.title,"sActiveBezel","sActiveBezel2");

	setArgument("innerHTML",defaultTitle,"sActive");

	//if element has large version
	if(zoom) {
		setZoom(Obj.href.slice(0,Obj.href.length-7)+'_lg.jpg');
	} else {
		removeZoom();
	}

	
	if(price){
		setArgument("innerHTML",price,"sActiveBezelPrice","sActiveBezelPrice2");
		setArgument("innerHTML",computePrice('bezel',price),"totalPrice","totalPrice2");
	}
	//in case an additional image has been clicked before, clear that
	//wipe the background image for the default image container
	if(aZoom = getStyleObject("aZoomMain")) {
		aZoom.backgroundImage = "none";
	}
	
	//make default image visible
	setStyle("visibility","visible","iDefault","iDefaultDial","iDefaultBezel");
	
	//reset active strap title if it was cleared
	if(a = document.getElementById("sActiveStrap")) { 
		if(!a.innerHTML) {
			setArgument("innerHTML",activeStrapTitle,"sActiveStrap","sActiveStrap2"); 
		}
	}
		
	return false;
}

/*wcc.1.16.2008
swatch = function() {
	if(this.parentNode.className.match("dOpen")) {
		this.title = "Click to expand";
		this.parentNode.className = this.parentNode.className.replace(/dOpen/,"dClosed");
	} else {
		this.title = "Click to collapse";
		this.parentNode.className = this.parentNode.className.replace(/dClosed/,"dOpen");
	}
	return false;
}*/
/*
doToolTip = function(Obj) {
	
	var t = Obj.title;
	Obj.removeAttribute("title");
	var s=document.createElement("span");
	s.appendChild(document.createTextNode(t));
	Obj.appendChild(s);
	if(typeof document.body.style.maxHeight == "undefined") 
	{  //only IE6 and below should see this
		Obj.onmouseover = function() { this.className = "over"; }
		Obj.onmouseout = function() { this.className = ""; }
	}
}
*/