function validateOptions(){
	var selectNames = document.getElementById("validateoptions").value;
	if(selectNames != ""){
		var selectArray = selectNames.split("|");
		for(var i=0; i < selectArray.length - 1; i++){
			var frm = document.forms["orderForm"];
			if(frm.elements[selectArray[i]].selectedIndex == 0){
				alert("Please Select an Option");
				frm.elements[selectArray[i]].focus();
				return false;
			}
		}
	}
}
//**************************************************
//********** IMAGE FADE FUNCTIONS          *********
//**************************************************
////NO need to edit beyond here/////////////
 
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
 
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all
 
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}
 
var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
obj.tempobj.style.opacity=obj.degree/101
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}
 
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}
 
 
fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
 
fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=this.degree/100
else if (crossobj.style.opacity&&!crossobj.filters)
crossobj.style.opacity=this.degree/101
}
 
 
fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}

function displayTrack(state){
	//*********** DEFINE VARIABLES *********//
	var fadeBg = document.getElementById('wrapperFade');
	var wrapper = document.getElementById('wrapperTrack');
	var inner = document.getElementById('track');
	var winHeight = window.document.body.scrollHeight;
	var winWidth = window.document.body.scrollWidth - 10;
	
	if(state == 'on'){
		ieHideSelect(true);
		//************ SET DIV HEIGHT/WIDTH *************
		fadeBg.style.height = winHeight + 'px';
		fadeBg.style.width = winWidth + 'px';
		wrapper.style.width = winWidth + 'px';
		//************ SET DIV DISPLAY *************
		document.EFSTracking.submit();
		fadeBg.style.display = "block";
		wrapper.style.display = "block";
		inner.style.display = "block";
		
	}else{
		ieHideSelect(false);
		fadeBg.style.display = "none";
		wrapper.style.display = "none";
	}
}

function displayJoinEmail(state){
	//*********** DEFINE VARIABLES *********//
	var fadeBg = document.getElementById('wrapperFade');
	var wrapper = document.getElementById('wrapper');
	var inner = document.getElementById('message');
	var winHeight = window.document.body.scrollHeight;
	var winWidth = window.document.body.scrollWidth - 10;
	
	if(state == 'on'){
		ieHideSelect(true);
		//************ SET DIV HEIGHT/WIDTH *************
		fadeBg.style.height = winHeight + 'px';
		fadeBg.style.width = winWidth + 'px';
		wrapper.style.width = winWidth + 'px';
		//************ SET DIV DISPLAY *************
		fadeBg.style.display = "block";
		wrapper.style.display = "block";
		inner.style.display = "block";
	}else{
		ieHideSelect(false);
		fadeBg.style.display = "none";
		wrapper.style.display = "none";
	}
}
function ieHideSelect(state){
	var selectTags = document.getElementsByTagName("SELECT");
	for(i=0; i<selectTags.length; i++){
		if(state){
			if(selectTags[i].className != "prSelect"){
				selectTags[i].style.display = "none";
			}
		}else{
			selectTags[i].style.display = "block";
		}
	}
}

function popIt(width,height,scrollbars,toolbar,menubar){ 
	if(!width) width = "640";
	if(!height) height = "480";
	if(!scrollbars) scrollbars = 1;
	if(!toolbar) toolbar = "no";
	if(!menubar) menubar = "no";
	
	var windowString = 'width=' + width + ',height=' + height + ',resizable=1,status=0,menubar=' + menubar + ',toolbar=' + toolbar + ',scrollbars=' + scrollbars + ',scrolling=auto';
	var popItWindow = window.open('',"popIt", windowString);
	return false;
}
function addBookmark(title,url){
	if (window.sidebar) // firefox
		window.sidebar.addPanel(title, url, "");
	else if(window.opera && window.print){ // opera
		var elem = document.createElement('a');
		elem.setAttribute('href',url);
		elem.setAttribute('title',title);
		elem.setAttribute('rel','sidebar');
		elem.click();
	}		 
	else if(document.all)// ie
		window.external.AddFavorite(url, title);
}
function getUrl(url){
	window.location = url + ".html";
}
function swapImg(imgobj,state){
	var newSrc = "http://site.pipeunderwear.com/images/nav/" + state + "/" + imgobj.id + ".gif";
	if(document.images){imgobj.src = newSrc;}
}
function preloader() {
	 // img url prefix
	 var imgurlstart = "http://site.pipeunderwear.com/images/nav";
     // counter
     var i = 0;

     // create object
     imageObj = new Image();

     // set image list
     images = new Array();
     images[0]= imgurlstart + "/off/home.gif"
     images[1]= imgurlstart + "/on/home.gif"
     images[2]= imgurlstart + "/hover/home.gif"

     images[3]= imgurlstart + "/off/collection.gif"
     images[4]= imgurlstart + "/on/collection.gif"
     images[5]= imgurlstart + "/hover/collection.gif"

     images[6]= imgurlstart + "/off/gallery.gif"
     images[7]= imgurlstart + "/on/gallery.gif"
     images[8]= imgurlstart + "/hover/gallery.gif"

     images[9]= imgurlstart + "/off/contactUs.gif"
     images[10]= imgurlstart + "/on/contactUs.gif"
     images[11]= imgurlstart + "/hover/contactUs.gif"

     images[12]= imgurlstart + "/off/joinEmail.gif"
     images[13]= imgurlstart + "/on/joinEmail.gif"
     images[14]= imgurlstart + "/hover/joinEmail.gif"

     images[15]= imgurlstart + "/off/myAccount.gif"
     images[16]= imgurlstart + "/on/myAccount.gif"
     images[17]= imgurlstart + "/hover/myAccount.gif"

     // start preloading
     for(i=0; i<=18; i++) {
          imageObj.src=images[i];
     }

} 
function resetGalleryThumbs(){
	var thumbs = document.getElementById("thumbs");
	if(thumbs){
		div = thumbs.getElementsByTagName("DIV");
		for(i=0;i<div.length;i++){
			div[i].className = "thumbOff";
		}
	}
}

function gallery(){
	var display = document.getElementById("imageDisplay");
	var thumbs = document.getElementById("thumbs");
	if(display && thumbs){
		div = thumbs.getElementsByTagName("DIV");
		for(i=0;i<div.length;i++){
			//******* MOUSEOVER EVENT ********//
				div[i].onmouseover=function(){
					if(this.className != "thumbActive"){
						this.className = "thumbOver";
					}
				}
			//******* MOUSEOUT EVENT ********//
				div[i].onmouseout=function(){
					if(this.className != "thumbActive"){
						this.className = "thumbOff";
					}
				}
			//******* ONCLICK EVENT ********//
				div[i].onclick=function(){
					display.innerHTML = '<img src="' + this.title + '">';
					resetGalleryThumbs();
					this.className = "thumbActive";
				}
		}
	}
}

//**************************************************
//********** CALL FUNCTIONS ON WINDOW LOAD *********
//**************************************************
function onloadScript(){
	preloader();
	gallery();
}
//window.onload = onloadScript;