// Preload Images for the interface

var urlPath = "/";
var undoImages = new Array();
var undoLoc = new Array();
var preloadFlag = false;		
		
function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		undoImages = new Array();
		undoLoc = new Array();
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			undoImages[i] = document[changeImages.arguments[i]].src;
			undoLoc[i] = changeImages.arguments[i];
			document[changeImages.arguments[i]].src = urlPath+changeImages.arguments[i+1];
		}
	}
}

function undoChangeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<undoImages.length; i+=2) {
			oldPlace = undoLoc[i];
			oldImage = undoImages[i];
			document[oldPlace].src = oldImage;
		}
	}
}

function preloadImages() {
	if (document.images) {

		image1 = newImage(urlPath+"images/nav/t/collection-over.gif");
		image2 = newImage(urlPath+"images/nav/t/category-over.gif");
		image3 = newImage(urlPath+"images/nav/t/petlover-over.gif");
		image4 = newImage(urlPath+"images/nav/t/giftcert-over.gif");
		image5 = newImage(urlPath+"images/nav/t/other-over.gif");
		image6 = newImage(urlPath+"images/nav/t/cart-over.gif");
		
		image99 = newImage(urlPath+"images/nav/b/home-over.gif");
		image7 = newImage(urlPath+"images/nav/b/company-over.gif");
		image8 = newImage(urlPath+"images/nav/b/newsevents-over.gif");
		image9 = newImage(urlPath+"images/nav/b/orderinfo-over.gif");
		image10 = newImage(urlPath+"images/nav/b/sizing-over.gif");
		image11 = newImage(urlPath+"images/nav/b/contact-over.gif");
		image12 = newImage(urlPath+"images/nav/b/sitemap-over.gif");
		image13 = newImage(urlPath+"images/nav/b/myaccount-over.gif");
		
		preloadFlag = true;
	}
}

//PopUp Function
function popupWindow(url) {  
	window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}

//DropDown Menu Functions

	verStr=navigator.appVersion, 
	app=navigator.appName, 
	version = parseFloat(verStr);
	var zindex=100
	var ns4=document.layers
	var ns6=document.getElementById&&!document.all
	var ie4=document.all
	var opr=navigator.userAgent.indexOf("Opera")
	
	function dropit(e,whichone){
		curmenuID=ns6? document.getElementById(whichone).id : eval(whichone).id
		if (window.themenu&&themenu.id!=curmenuID)
			themenuStyle.visibility=ns4?"hide" : "hidden"
		
		themenu=ns6? document.getElementById(whichone): eval(whichone)
		themenuStyle=(ns6||ie4)? themenu.style : themenu
		
		themenuoffsetX=(ie4&&opr==-1)? document.body.scrollLeft : 0
		themenuoffsetY=(ie4&&opr==-1)? document.body.scrollTop : 0
		
		themenuStyle.left=ns6||ns4? e.pageX-e.layerX : themenuoffsetX+event.clientX-event.offsetX
		themenuStyle.top=ns6||ns4? e.pageY-e.layerY+19 : themenuoffsetY+event.clientY-event.offsetY+18
		
		hiddenconst=(ns6||ie4)? "hidden" : "hide"
		if (themenuStyle.visibility==hiddenconst){
			themenuStyle.visibility=(ns6||ie4)? "visible" : "show"
			themenuStyle.zIndex=zindex++
		}
		return false
	}

	function hidemenu(){
		if ((ie4||ns6)&&window.themenu)
			themenuStyle.visibility="hidden"
	}

	if (ie4||ns6)
		document.onclick=hidemenu
		
	if (document.layers){
		document.collectionsMenu.captureEvents(Event.CLICK)
		document.collectionsMenu.onclick=hidemenu
		document.categoriesMenu.captureEvents(Event.CLICK)
		document.categoriesMenu.onclick=hidemenu
	}
	
	var ns6=document.getElementById&&!document.all
	var ie=document.all

	function changeto(e,highlightcolor){
		source=ie? event.srcElement : e.target
		if (source.tagName=="TR"||source.tagName=="TABLE")
			return
			
		while(source.tagName!="TD"&&source.tagName!="HTML")
			source=ns6? source.parentNode : source.parentElement
			
		if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
			source.style.backgroundColor=highlightcolor
	}

	function contains_ns6(master, slave) {
	
		while (slave.parentNode)
			if ((slave = slave.parentNode) == master)
				return true;
				
			return false;
	}

	function changeback(e, originalcolor){
		if(ie&&(event.fromElement.contains(event.toElement)
			|| source.contains(event.toElement)||source.id=="ignore")
			||source.tagName=="TR"||source.tagName=="TABLE")
			return
		else if (ns6&&(contains_ns6(source, e.relatedTarget)||source.id=="ignore"))
			return
		if (ie&&event.toElement!=source||ns6&&e.relatedTarget!=source)
			source.style.backgroundColor=originalcolor
	}
	
	function timeoutMenu(){
		hideMenu = setTimeout("hidemenu()", 500);
	}
	hideMenu = setTimeout("hidemenu()", 500);