function confirm_delete(ref) {
	var x=window.confirm("WARNING: If you choose a new model or leave this page, your current customized model will not be saved");
	//var x = window.confirm(ref);
	if (x) {
		window.location = ref;
	}
}

function checkPage(myURL) {
	
	var current_page = new Array('model_info.php', 'layouts.php', 'options.php', 'save.php');
	var go_to_page = new Array('model_info.php', 'layouts.php', 'options.php', 'save.php');
	var str = document.URL;
	var page = 'page';
	var found = false;
	var found2 = false;
	
	i = 0;
	while (i <= current_page.length) {
		page = current_page[i];
		if(str.indexOf(page) != -1) {
			found = true;
			break;
		}
		i++;
	}
	
	if(found) {
		j=0;
		while (j <= go_to_page.length) {
			page = go_to_page[j];
			if(myURL.indexOf(page) != -1) {
				found2 = true;
				break;
			} 
			j++;
		}
		if(found2) {
			return false;	
		} else {
			return true;	
		}
	} else {
		return false;	
	}
		
}  

function whichElement(e) {
	
	var targ
	if (!e) var e = window.event
	if (e.target) targ = e.target
	else if (e.srcElement) targ = e.srcElement
	if (targ.nodeType == 3) // defeat Safari bug
		targ = targ.parentNode
	var tname
	tname=targ.tagName;
	
	if(tname == 'A') {
		var ref = targ.href;
		var contain = 'http';
		if(ref.indexOf(contain) != -1) {
			if(checkPage(ref)) {
				confirm_delete(ref);
			}
		}
	}
}

function doPic(imgName, imgId, total) {
	imgOn = ("" + imgName);
	document.mainpic.src = imgOn;
	classOn = "on";
	
	var i=0;
	var cond = total;
	var id = "";
		
	for(i=0; i<cond; i++) {
		id = "photo_" + (i+1);
		if(id == imgId) {
			document.getElementById(id).className = "on";
		} else {
			document.getElementById(id).className = "off";
		}
	}
}

function boxRoll(id) {
	var cid = "c_" + id;
	document.getElementById(cid).style.backgroundColor="#95AB05";
}

function boxOut(id) {
	var cid = "c_" + id;
	document.getElementById(cid).style.backgroundColor="#000000";
}

function layoutRoll(id) {
	var oid = "o_" + id;
	var ioid = "io_" + id;
	var adid = "ad_" + id;
	var did = "d_" + id;
	
	document.getElementById(oid).style.backgroundColor="#252525";
	document.getElementById(ioid).style.backgroundColor="#FFFFFF";
	document.getElementById(adid).style.visibility="visible";
	document.getElementById(did).style.visibility="visible";
}

function layoutOut(id) {
	var oid = "o_" + id;
	var ioid = "io_" + id;
	var adid = "ad_" + id;
	var did = "d_" + id;
	
	document.getElementById(oid).style.backgroundColor="#FFFFFF";
	document.getElementById(ioid).style.backgroundColor="#edede7";
	document.getElementById(adid).style.visibility="hidden";
	document.getElementById(did).style.visibility="hidden";
}

function productRoll(id) {
	var oid = "o_" + id;
	var ioid = "io_" + id;
	var adid = "ad_" + id;
	var did = "d_" + id;
	var cuid = "cu_" + id;
	
	document.getElementById(oid).style.backgroundColor="#252525";
	document.getElementById(ioid).style.backgroundColor="#252525";
	document.getElementById(adid).style.visibility="visible";
	document.getElementById(did).style.visibility="visible";
	document.getElementById(cuid).style.visibility="visible";
}

function productOut(id) {
	var oid = "o_" + id;
	var ioid = "io_" + id;
	var adid = "ad_" + id;
	var did = "d_" + id;
	var cuid = "cu_" + id;
	
	document.getElementById(oid).style.backgroundColor="#FFFFFF";
	document.getElementById(ioid).style.backgroundColor="#FFFFFF";
	document.getElementById(adid).style.visibility="hidden";
	document.getElementById(did).style.visibility="hidden";
	document.getElementById(cuid).style.visibility="hidden";
}

function modelRoll(id) {
	var oid = "o_" + id;
	var ioid = "io_" + id;
	var did = "d_" + id;
	var cuid = "cu_" + id;
	
	document.getElementById(oid).style.backgroundColor="#edede7";
	document.getElementById(ioid).style.backgroundColor="#edede7";
	document.getElementById(did).style.visibility="visible";
	document.getElementById(cuid).style.visibility="visible";
}

function modelOut(id) {
	var oid = "o_" + id;
	var ioid = "io_" + id;
	var did = "d_" + id;
	var cuid = "cu_" + id;
	
	document.getElementById(oid).style.backgroundColor="#FFFFFF";
	document.getElementById(ioid).style.backgroundColor="#edede7";
	document.getElementById(did).style.visibility="visible";
	document.getElementById(cuid).style.visibility="visible";
}

/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/

var offsetfrommouse=[15,15]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0; //duration in seconds image should remain visible. 0 for always.
var currentimageheight = 339;	// maximum image size.
var currentPos=[0,0];
var thumbPos=[0,0]

if (document.getElementById || document.all){
	document.write('<div id="trailimageid">');
	document.write('</div>');
	document.write('<div id="pass_pop">');
	document.write('</div>');
}

function gettrailobj() {
	
	if (document.getElementById) {
		return document.getElementById("trailimageid").style
	} else if (document.all) {
		return document.all.trailimagid.style
	}
}

function gettrailobjnostyle(){

	if (document.getElementById) {
		return document.getElementById("trailimageid")
	} else if (document.all) {
		return document.all.trailimagid
	}
}

function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function findPos(obj) {	// gets position of object on page, thanks quirksmode!
	
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function getScrollXY() {	// gets scroll position, thanks howtocreate.co.uk
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

function setLyr(obj,lyr)
{
	var coors = findPos(obj);
	if (lyr == 'testP') coors[1] -= 50;
	var x = document.getElementById(lyr);
	x.style.top = coors[1] + 'px';
	x.style.left = coors[0] + 'px';
}

function showtrail(obj, lyr, imagename, title, description, price) {
	
	var coors = findPos(document.getElementById('page'));
	var pageWidth = document.getElementById('page').offsetWidth;
	var passPopWidth = document.getElementById('pass_pop').offsetWidth;
	var horzPos = coors[0] + ((pageWidth-passPopWidth)/2);
	
	var scrollpos = getScrollXY();
	//alert(scrollpos[0]);
	var yscroll = scrollpos[1] + 175;
	
	
	//gettrailobj().top=175+"px"
	gettrailobj().top=yscroll+"px"
	
	//newHTML = '<span class="image" style="background:url(' + imagename + ');">&nbsp;</span>';
	newHTML = '<span class="image"><img src="' + imagename + '" alt="' + title + '" id="hoverImage" /></span>';
	newHTML = newHTML + '<span class="text">';
	newHTML = newHTML + '	<span class="option_title">' + title + '</span>';
	newHTML = newHTML + '	<span class="price">' + price + '</span>';
	newHTML = newHTML + '	<span class="desc">' + description + '</span>';
	newHTML = newHTML + '	<span class="close_button"><a href="javascript:hidetrail();" class="close"><span>close</span></a></span>';
	newHTML = newHTML + '</span>';

	var img = new Image();
	img.src	= imagename;
  	img.onload = function() {
		gettrailobj().visibility="visible";
		gettrailobj().left= coors[0] + ((pageWidth / 2) - (img.width / 2));

	}
	gettrailobjnostyle().innerHTML = newHTML;
	
}

/********************* PASSWORD POPUP **********************/

function pop_password(cPath){
	
	var coors = findPos(document.getElementById('page'));
	var pageWidth = document.getElementById('page').offsetWidth;
	var passPopWidth = document.getElementById('pass_pop').offsetWidth;
	var horzPos = coors[0] + ((pageWidth-passPopWidth)/2);
	
	getpopobj().left=horzPos+"px"
	getpopobj().top=225+"px"
	
	newHTML = '<span class="inner">';
	newHTML = newHTML + '	<span class="text">';
	newHTML = newHTML + '	<form name="retrieve" action="save.php?cPath=' + cPath + '&action=process" method="POST">';
	newHTML = newHTML + '		<ul>';
	newHTML = newHTML + '			<li class="info">I Forgot my Password</li>';
	newHTML = newHTML + '			<li class="title">Enter your email:</li>';
	newHTML = newHTML + '			<li class="input"><input type="text" name="email_address" value="" size="27"/></li>';
	newHTML = newHTML + '			<li class="email_button"><a href="javascript:document.retrieve.submit()"><span>Email It To Me</span></a></li>';
	newHTML = newHTML + '			<li class="close_button"><a href="javascript:hidepop();"><span>close</span></a></li>';
	newHTML = newHTML + '	</form>';
	newHTML = newHTML + '	</span>';
	newHTML = newHTML + '</span>';

	getpopobjnostyle().innerHTML = newHTML;

	getpopobj().visibility="visible";

}

function getpopobj() {
	
	if (document.getElementById) {
		return document.getElementById("pass_pop").style
	} else if (document.all) {
		return document.all.trailimagid.style
	}
}

function getpopobjnostyle(){

	if (document.getElementById) {
		return document.getElementById("pass_pop")
	} else if (document.all) {
		return document.all.trailimagid
	}
}

function hidepop(){
	getpopobj().visibility="hidden"
	//document.onmousemove=""
	getpopobj().left="-500px"

}

/*************************** END ****************************/

function setPos(e) {
	
	/*var coors = findPos(obj);
	if (lyr == 'testP') coors[1] -= 50;
	var x = document.getElementById(lyr);*/
	
	/*var xcoord=coors[0] + 150
	var ycoord=coors[1]*/
	
	var xcoord=currentPos[0]
	var ycoord=currentPos[1]
	
	/*x.style.top = coors[1] + 'px';
	x.style.left = coors[0] + 'px';*/

	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)
	
	if (typeof e != "undefined"){
		if (docwidth - e.pageX < 380){
			//xcoord = e.pageX - xcoord - 400; // Move to the left side of the cursor
			xcoord = xcoord - 193;
		} else {
			//xcoord += e.pageX;
			xcoord += 150;
		}
		if (docheight - e.pageY < (currentimageheight + 85)){
			//ycoord += e.pageY - Math.max(0,(110 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
			ycoord -= Math.max(0,(85 + currentimageheight + ycoord - docheight - truebody().scrollTop));
		} /*else {
			ycoord += e.pageY;
		}*/

	} else if (typeof window.event != "undefined"){
		if (docwidth - event.clientX < 380){
			//xcoord = event.clientX + truebody().scrollLeft - xcoord - 400; // Move to the left side of the cursor
			xcoord = xcoord - 193;
		} else {
			//xcoord += truebody().scrollLeft+event.clientX
			xcoord += 150;
		}
		if (docheight - event.clientY < (currentimageheight + 85)){
			//ycoord += event.clientY + truebody().scrollTop - Math.max(0,(110 + currentimageheight + event.clientY - docheight));
			ycoord += event.clientY + truebody().scrollTop - Math.max(0,(85 + currentimageheight + event.clientY - docheight));
		} /*else {
			ycoord += truebody().scrollTop + event.clientY;
		}*/
	}

	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
	
	if(ycoord < 0) { ycoord = ycoord*-1; }
	
	gettrailobj().left=xcoord+"px"
	gettrailobj().top=ycoord+"px"
	
}

function showhide(obj)
{
	var x = document.getElementById('testP');
	hide = !hide;
	x.style.visibility = (hide) ? 'hidden' : 'visible';
	setLyr(obj,'testP');
}


function hidetrail(){
	gettrailobj().visibility="hidden"
	//document.onmousemove=""
	gettrailobj().left="-500px"

}

function followmouse(e){

	var xcoord=offsetfrommouse[0]
	var ycoord=offsetfrommouse[1]

	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)

	//if (document.all){
	//	gettrailobjnostyle().innerHTML = 'A = ' + truebody().scrollHeight + '<br>B = ' + truebody().clientHeight;
	//} else {
	//	gettrailobjnostyle().innerHTML = 'C = ' + document.body.offsetHeight + '<br>D = ' + window.innerHeight;
	//}

	if (typeof e != "undefined"){
		if (docwidth - e.pageX < 380){
			xcoord = e.pageX - xcoord - 400; // Move to the left side of the cursor
		} else {
			xcoord += e.pageX;
		}
		if (docheight - e.pageY < (currentimageheight + 110)){
			ycoord += e.pageY - Math.max(0,(110 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
		} else {
			ycoord += e.pageY;
		}

	} else if (typeof window.event != "undefined"){
		if (docwidth - event.clientX < 380){
			xcoord = event.clientX + truebody().scrollLeft - xcoord - 400; // Move to the left side of the cursor
		} else {
			xcoord += truebody().scrollLeft+event.clientX
		}
		if (docheight - event.clientY < (currentimageheight + 110)){
			ycoord += event.clientY + truebody().scrollTop - Math.max(0,(110 + currentimageheight + event.clientY - docheight));
		} else {
			ycoord += truebody().scrollTop + event.clientY;
		}
	}

	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
		if(ycoord < 0) { ycoord = ycoord*-1; }
	gettrailobj().left=xcoord+"px"
	gettrailobj().top=ycoord+"px"

}