var isW3C = (document.getElementById) ? true : false;
var isAll = (document.all) ? true : false;

function imageSwap(id, imageURL) {
var elem = (isW3C) ? document.getElementById(id) : ((isAll) ? document.all[id] : null);
    if (elem) {
        elem.src = imageURL;
    }
}




var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var rootdomain="http://"+window.location.hostname

function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
if (bustcachevar) //if bust caching of external page
var bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}



var newWin = null;
function popUp(strURL, strType, strHeight, strWidth) {
 if (newWin != null && !newWin.closed)
   newWin.close();
 var strOptions="";
 if (strType=="console")
   strOptions="resizable=no,toolbar=no,status=no,location=no,directories=no,scrollbars=no,menubar=no,left=220,screenX=220,top=70,screenY=70,height="+
     strHeight+",width="+strWidth;
 if (strType=="fixed")
   strOptions="left=220,screenX=220,top=70,screenY=70,status,height="+
     strHeight+",width="+strWidth;
 if (strType=="console1")
   strOptions="resizable=no,toolbar=no,status=no,location=no,directories=no,scrollbars=no,menubar=no,left=220,screenX=220,top=70,screenY=70,height="+
     strHeight+",width="+strWidth;
 newWin = window.open(strURL, 'newWin', strOptions);
 newWin.focus();
}




var highlightcolor="#FFFFFF"

var ns6=document.getElementById&&!document.all
var previous=''
var eventobj

//Regular expression to highlight only form elements
var intended=/INPUT|TEXTAREA|SELECT|OPTION/

//Function to check whether element clicked is form element
function checkel(which){
if (which.style&&intended.test(which.tagName)){
if (ns6&&eventobj.nodeType==3)
eventobj=eventobj.parentNode.parentNode
return true
}
else
return false
}

//Function to highlight form element
function highlight(e){
eventobj=ns6? e.target : event.srcElement
if (previous!=''){
if (checkel(previous))
previous.style.backgroundColor=''
previous=eventobj
if (checkel(eventobj))
eventobj.style.backgroundColor=highlightcolor
}
else{
if (checkel(eventobj))
eventobj.style.backgroundColor=highlightcolor
previous=eventobj
}
}





var dom = (document.getElementById) ? true : false;
var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ns4 = (document.layers && !dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;

// resize fix for ns4
var origWidth, origHeight;
if (ns4) {
	origWidth = window.innerWidth; origHeight = window.innerHeight;
	window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
}

// avoid error of passing event object in older browsers
if (nodyn) { event = "nope" }

///////////////////////  CUSTOMIZE  ////////////////////
// settings for tooltip 
// Do you want tip to move when mouse moves over link?
var tipFollowMouse= false;	
// Be sure to set tipWidth1 wide enough for widest image
var tipWidth1= 180;
var offX1= 20;	// how far from mouse to show tip
var offY1= 12; 
var tipFontFamily1= "Verdana, arial, helvetica, sans-serif";
var tipFontSize1= "8pt";
// set default text color and background color for tooltip here
// individual tooltips can have their own (set in messages arrays)
// but don't have to
var tipFontColor1= "#000000";
var tipBgColor1= "#EFEFEF"; 
var tipBorderColor1= "#000000";
var tipBorderWidth1= 0;
var tipBorderStyle1= "solid";
var tipPadding1= 0;

// tooltip content goes here (image, description, optional bgColor, optional textcolor)
var messages = new Array();
// multi-dimensional arrays containing: 
// image and text for tooltip
// optional: bgColor and color to be sent to tooltip
messages[0] = new Array('','',"transparent");

////////////////////  END OF CUSTOMIZATION  ///////////////////

// preload images that are to appear in tooltip
// from arrays above
if (document.images) {
	var theImgs = new Array();
	for (var i=0; i<messages.length; i++) {
  	theImgs[i] = new Image();
		theImgs[i].src = messages[i][0];
  }
}



// startStr goes before image, midStr goes between image and text
var startStr = '<table width=180 height=316 border=0 cellpadding=0 cellspacing=0 style="background: transparent url(images/guarantee1.gif) no-repeat top left;"><tr><td width=167 valign=middle align=center><a href="order/"><img src="images/spacer.gif" width=167 height=316 alt="" border=0></a></td><td width=13 valign=middle align=center><table width=13 height=316 border=0 cellpadding=0 cellspacing=0><tr><td width=13 height=13 valign=middle align=center>';
var midStr = '<a href="javascript:hideTip1()"><img src="images/spacer.gif" width=13 height=13 alt="" border=0></a>';
var endStr = '<tr><td width=13 height=303 valign=middle align=center><a href="order/"><img src="images/spacer.gif" width=13 height=303 alt="" border=0></a></td></tr></table></td></tr></table>';

////////////////////////////////////////////////////////////
//  initTip1	- initialization for tooltip.
//		Global variables for tooltip. 
//		Set styles for all but ns4. 
//		Set up mousemove capture if tipFollowMouse set true.
////////////////////////////////////////////////////////////
var tooltip1, tipcss1;
function initTip1() {
	if (nodyn) return;
	tooltip1 = (ns4)? document.tipDiv1.document: (ie4)? document.all['tipDiv1']: (ie5||ns5)? document.getElementById('tipDiv1'): null;
	tipcss1 = (ns4)? document.tipDiv1: tooltip1.style;
	if (ie4||ie5||ns5) {	// ns4 would lose all this on rewrites
		tipcss1.width = tipWidth1+"px";
		tipcss1.fontFamily = tipFontFamily1;
		tipcss1.fontSize = tipFontSize1;
		tipcss1.color = tipFontColor1;
		tipcss1.backgroundColor = tipBgColor1;
		tipcss1.borderColor = tipBorderColor1;
		tipcss1.borderWidth = tipBorderWidth1+"px";
		tipcss1.padding = tipPadding1+"px";
		tipcss1.borderStyle = tipBorderStyle1;
	}
	if (tooltip1&&tipFollowMouse) {
		if (ns4) document.captureEvents(Event.MOUSEMOVE);
		document.onmousemove = trackMouse;
	}
}

window.onload = initTip1;

/////////////////////////////////////////////////
//  dotooltip11 function
//			Assembles content for tooltip1 and writes 
//			it to tipDiv1
/////////////////////////////////////////////////
var t1,t2;	// for setTimeouts
var tipOn = false;	// check if over tooltip1 link
function doTooltip1(evt,num) {
	if (!tooltip1) return;
	if (t1) clearTimeout(t1);	if (t2) clearTimeout(t2);
	tipOn = true;
	// set colors if included in messages array
	if (messages[num][2])	var curBgColor = messages[num][2];
	else curBgColor = tipBgColor1;
	if (messages[num][3])	var curFontColor = messages[num][3];
	else curFontColor = tipFontColor1;
	if (ns4) {
		var tip = '<table bgcolor="' + tipBorderColor1 + '" width="' + tipWidth1 + '" cellspacing="0" cellpadding="' + tipBorderWidth1 + '" border="0"><tr><td><table bgcolor="' + curBgColor + '" width="100%" cellspacing="0" cellpadding="' + tipPadding1 + '" border="0"><tr><td>'+ startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily1 + '; font-size:' + tipFontSize1 + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr + '</td></tr></table></td></tr></table>';
		tooltip1.write(tip);
		tooltip1.close();
	} else if (ie4||ie5||ns5) {
		var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily1 + '; font-size:' + tipFontSize1 + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;
		tipcss1.backgroundColor = curBgColor;
	 	tooltip1.innerHTML = tip;
	}
	if (!tipFollowMouse) positionTip(evt);
	else t1=setTimeout("tipcss1.visibility='visible'",100);
}

var mouseX, mouseY;
function trackMouse(evt) {
	mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
	mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
	if (tipOn) positionTip(evt);
}

/////////////////////////////////////////////////////////////
//  positionTip function
//		If tipFollowMouse set false, so trackMouse function
//		not being used, get position of mouseover event.
//		Calculations use mouseover event position, 
//		offset amounts and tooltip1 width to position
//		tooltip1 within window.
/////////////////////////////////////////////////////////////
function positionTip(evt) {
	if (!tipFollowMouse) {
		mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
		mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
	}
	// tooltip1 width and height
	var tpWd = (ns4)? tooltip1.width: (ie4||ie5)? tooltip1.clientWidth: tooltip1.offsetWidth;
	var tpHt = (ns4)? tooltip1.height: (ie4||ie5)? tooltip1.clientHeight: tooltip1.offsetHeight;
	// document area in view (subtract scrollbar width for ns)
	var winWd = (ns4||ns5)? window.innerWidth-20+window.pageXOffset: document.body.clientWidth+document.body.scrollLeft;
	var winHt = (ns4||ns5)? window.innerHeight-20+window.pageYOffset: document.body.clientHeight+document.body.scrollTop;
	// check mouse position against tip and window dimensions
	// and position the tooltip1 
	if ((mouseX+offX1+tpWd)>winWd) 
		tipcss1.left = (ns4)? mouseX-(tpWd+offX1): mouseX-(tpWd+offX1)+"px";
	else tipcss1.left = (ns4)? mouseX+offX1: mouseX+offX1+"px";
	if ((mouseY+offY1+tpHt)>winHt) 
		tipcss1.top = (ns4)? winHt-(tpHt+offY1): winHt-(tpHt+offY1)+"px";
	else tipcss1.top = (ns4)? mouseY+offY1: mouseY+offY1+"px";
	if (!tipFollowMouse) t1=setTimeout("tipcss1.visibility='visible'",100);
}

function hideTip1() {
	if (!tooltip1) return;
	t2=setTimeout("tipcss1.visibility='hidden'",100);
	tipOn = false;
}