function kingwindow(url,ww,wh){
	window.open(url,'popupwin','width='+ww+',height='+wh+',status=no,toolbar=no,menubar=no,location=no,resizable=yes,scrollbars=yes');
}
function sendToFriend(account,store,email,subject){
var newwindow = "http://site.tri-sports.com/solidcactus/tellfriend.php?url=" + escape(window.location) + "&email=" + escape(email) + "&store=" + escape(account) + "&itemname=" + escape(itemname) + "&subject=" + escape(subject);
var popUpWin=0;
if(popUpWin){
    if(!popUpWin.closed) popUpWin.close();
  }
popUpWin = open(newwindow ,'tfpopup','resizable=yes, left=0, top=0, scrollbars=yes, width=650, height=475');
popUpWin.focus();
}

function isEmail(str) {
  var supported = 0;
  if (window.RegExp) {
    var tempStr = "a";
    var tempReg = new RegExp(tempStr);
    if (tempReg.test(tempStr)) supported = 1;
  }
  if (!supported) 
    return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);
    var r1 = new RegExp("(@.*@)|(\\.\\.)|(@\\.)|(^\\.)");
    var r2 = new RegExp("^.+\\@(\\[?)[a-zA-Z0-9\\-\\.]+\\.([a-zA-Z]{2,4}|[0-9]{1,3})(\\]?)$");
    return (!r1.test(str) && r2.test(str));
}

function checkTellFriendForm() {
var thisform = document.tellfriendform;
var name = thisform.name;
var email = thisform.email;
var c = 0;
var b = 0;
	if(name.value == "") {
		alert("Please type your name");
		name.focus();
		return false;
	}
	if(isEmail(email.value) == "") {
		alert("Please enter a valid email address for yourself");
		email.focus();
		return false;
	}
	for(var x=0;x<thisform.elements.length;x++){
		if(thisform[x].name.indexOf("friendmail") > -1){
			c++;
			var test = document.getElementById("friendmail"+c).value;
			if(test != ""){
				if(!isEmail(test)){
					b=2;
					break;
				}else{
					b=1
				};
			}
		}
	}
	if(b==1){
		return true;
	}else{
		alert("Your friends emails seems to be invalid");
		return false;
	}
}

function trim(value) {
startpos=0;
while((value.charAt(startpos)==" ")&&(startpos<value.length)) {
	startpos++;
}
if(startpos==value.length) {
	value="";
}else{
	value=value.substring(startpos,value.length);
	endpos=(value.length)-1;
while(value.charAt(endpos)==" ") {
	endpos--;
}
value=value.substring(0,endpos+1);
}
return(value);
}

var agt=navigator.userAgent.toLowerCase();
var is_opera = (agt.indexOf('opera') != -1);
var is_ie = (agt.indexOf('msie') != -1);
var is_moz = (agt.indexOf('firefox')!=-1);
var is_ns = (agt.indexOf('netscape')!=-1);
var is_ns6 = (agt.indexOf('netscape6')!=-1);
function addOne() {
var thisform = document.tellfriendform;
c = 0;
	for(var x=0;x<thisform.elements.length;x++){
		if(thisform[x].name.indexOf("friendmail") > -1){
			c++;
		}
	}
	if(c != 5){
		var table = document.createElement("table");
		var tbody = document.createElement("tbody");
		tbody.setAttribute("id", "testtblbody")
		table.setAttribute("border","0");
		table.setAttribute("cellpadding","0");
		table.setAttribute("cellspacing","3");
		table.setAttribute("width","100%");
		table.appendChild(tbody);
		
		var row=document.createElement("tr");
		var cell=document.createElement("td");
		var text=document.createTextNode((c+1)+') Friend\'s Name');
		cell.appendChild(text);
		
		var cell2=document.createElement("td");
		var text2=document.createElement("input");
		text2.setAttribute("name","friendname"+(c+1));
		text2.setAttribute("id","friendname"+(c+1));
		//text2.setAttribute("value","friendname"+(c+1));
		text2.setAttribute("type","text");
		text2.className = "text-box"
		cell2.appendChild(text2);
		
		var cell3=document.createElement("td");
		var text3=document.createTextNode('Friend\'s Email');
		cell3.appendChild(text3);
		
		var cell4=document.createElement("td");
		var text4=document.createElement("input");
		text4.setAttribute("type","text");
		text4.className = "text-box";
		text4.setAttribute("name","friendmail"+(c+1));
		text4.setAttribute("id","friendmail"+(c+1));
		//text4.setAttribute("value","friendmail"+(c+1));
		cell4.appendChild(text4);
		
		tbody.appendChild(row);
		row.appendChild(cell);
		row.appendChild(cell2);
		row.appendChild(cell3);
		row.appendChild(cell4);
		
		document.getElementById("testtbl").appendChild(tbody);
	}
	if(c == 4){
		document.getElementById("addonelink").style.visibility = 'hidden';
		document.getElementById("addonelink").style.display = 'none';
	}
	if(c >= 1 && !is_ns6){
		document.getElementById("delonelink").style.visibility = 'visible';
		document.getElementById("delonelink").style.display = 'inline';
	}
}

function delOne(){
tableBodyName = document.getElementById("testtblbody");
tableName = document.getElementById("testtbl");
rows = tableName.getElementsByTagName("tr");
len = rows.length-1;
	if(len > -1){
		par = rows[len].parentNode;
		if(is_ie && !is_opera){
			tableName.parentNode.childNodes[0].removeChild(par.parentNode.childNodes[len+1])
		}else{
			tableName.parentNode.childNodes[0].removeChild(par.parentNode.childNodes[len])
		}
	}
	if(len <= 4){
		document.getElementById("addonelink").style.visibility = 'visible';
		document.getElementById("addonelink").style.display = 'inline';
	}
	if(len == 0){
		document.getElementById("delonelink").style.visibility = 'hidden';
		document.getElementById("delonelink").style.display = 'none';
	}
}

////////////////////////////
////START QUICK PREVIEW/////
////////////////////////////
var dhtmlwindow={
imagefiles:['http://lib.store.yahoo.net/lib/trisports/min.gif', 'http://lib.store.yahoo.net/lib/trisports/close.gif', 'http://lib.store.yahoo.net/lib/trisports/restore.gif', 'http://lib.store.yahoo.net/lib/trisports/resize.gif'], //Path to 4 images used by script, in that order
ajaxbustcache: true, //Bust caching when fetching a file via Ajax?
ajaxloadinghtml: '<b>Loading Page. Please wait...</b>', //HTML to show while window fetches Ajax Content?

minimizeorder: 0,
zIndexvalue:100,
tobjects: [], //object to contain references to dhtml window divs, for cleanup purposes
lastactivet: {}, //reference to last active DHTML window

init:function(t){
	var domwindow=document.createElement("div") //create dhtml window div
	domwindow.id=t
	domwindow.className="dhtmlwindow"
	var domwindowdata=''
	domwindowdata='<div class="drag-handle">'
	domwindowdata+='DHTML Window <div class="drag-controls"><img src="'+this.imagefiles[1]+'" title="Close" /></div>'
//	domwindowdata+='DHTML Window <div class="drag-controls"><img src="'+this.imagefiles[0]+'" title="Minimize" /><img src="'+this.imagefiles[1]+'" title="Close" /></div>'
	domwindowdata+='</div>'
	domwindowdata+='<div class="drag-contentarea"></div>'
	domwindowdata+='<div class="drag-statusarea"><div class="drag-resizearea" style="background: transparent url('+this.imagefiles[3]+') top right no-repeat;">&nbsp;</div></div>'
	domwindowdata+='</div>'
	domwindow.innerHTML=domwindowdata
	document.getElementById("dhtmlwindowholder").appendChild(domwindow)
	//this.zIndexvalue=(this.zIndexvalue)? this.zIndexvalue+1 : 100 //z-index value for DHTML window: starts at 0, increments whenever a window has focus
	var t=document.getElementById(t)
	var divs=t.getElementsByTagName("div")
	for (var i=0; i<divs.length; i++){ //go through divs inside dhtml window and extract all those with class="drag-" prefix
		if (/drag-/.test(divs[i].className))
			t[divs[i].className.replace(/drag-/, "")]=divs[i] //take out the "drag-" prefix for shorter access by name
	}
	//t.style.zIndex=this.zIndexvalue //set z-index of this dhtml window
	t.handle._parent=t //store back reference to dhtml window
	t.resizearea._parent=t //same
	t.controls._parent=t //same
	t.onclose=function(){return true} //custom event handler "onclose"
	t.onmousedown=function(){dhtmlwindow.setfocus(this)} //Increase z-index of window when focus is on it
	t.handle.onmousedown=dhtmlwindow.setupdrag //set up drag behavior when mouse down on handle div
	t.resizearea.onmousedown=dhtmlwindow.setupdrag //set up drag behavior when mouse down on resize div
	t.controls.onclick=dhtmlwindow.enablecontrols
	t.show=function(){dhtmlwindow.show(this)} //public function for showing dhtml window
	t.hide=function(){dhtmlwindow.hide(this)} //public function for hiding dhtml window
	t.close=function(){dhtmlwindow.close(this)} //public function for closing dhtml window (also empties DHTML window content)
	t.setSize=function(w, h){dhtmlwindow.setSize(this, w, h)} //public function for setting window dimensions
	t.moveTo=function(x, y){dhtmlwindow.moveTo(this, x, y)} //public function for moving dhtml window (relative to viewpoint)
	t.isResize=function(bol){dhtmlwindow.isResize(this, bol)} //public function for specifying if window is resizable
	t.isScrolling=function(bol){dhtmlwindow.isScrolling(this, bol)} //public function for specifying if window content contains scrollbars
	t.load=function(contenttype, contentsource, title){dhtmlwindow.load(this, contenttype, contentsource, title)} //public function for loading content into window
	this.tobjects[this.tobjects.length]=t
	return t //return reference to dhtml window div
},

open:function(t, contenttype, contentsource, title, attr, recalonload){
	var d=dhtmlwindow //reference dhtml window object
	function getValue(Name){
		var config=new RegExp(Name+"=([^,]+)", "i") //get name/value config pair (ie: width=400px,)
		return (config.test(attr))? parseInt(RegExp.$1) : 0 //return value portion (int), or 0 (false) if none found
	}
	if (document.getElementById(t)==null) //if window doesn't exist yet, create it
		t=this.init(t) //return reference to dhtml window div
	else
		t=document.getElementById(t)
	this.setfocus(t)
	t.setSize(getValue(("width")), (getValue("height"))) //Set dimensions of window
	var xpos=getValue("center")? "middle" : getValue("left") //Get x coord of window
	var ypos=getValue("center")? "middle" : getValue("top") //Get y coord of window
	//t.moveTo(xpos, ypos) //Position window
	if (typeof recalonload!="undefined" && recalonload=="recal" && this.scroll_top==0){ //reposition window when page fully loads with updated window viewpoints?
		if (window.attachEvent && !window.opera) //In IE, add another 400 milisecs on page load (viewpoint properties may return 0 b4 then)
			this.addEvent(window, function(){setTimeout(function(){t.moveTo(xpos, ypos)}, 400)}, "load")
		else
			this.addEvent(window, function(){t.moveTo(xpos, ypos)}, "load")
	}
	t.isResize(getValue("resize")) //Set whether window is resizable
	t.isScrolling(getValue("scrolling")) //Set whether window should contain scrollbars
	t.style.visibility="visible"
	t.style.display="block"
	t.contentarea.style.display="block"
	t.moveTo(xpos, ypos) //Position window
	t.load(contenttype, contentsource, title)
	if (t.state=="minimized" && t.controls.firstChild.title=="Restore"){ //If window exists and is currently minimized?
		t.controls.firstChild.setAttribute("src", dhtmlwindow.imagefiles[0]) //Change "restore" icon within window interface to "minimize" icon
		t.controls.firstChild.setAttribute("title", "Minimize")
		t.state="fullview" //indicate the state of the window as being "fullview"
	}
	return t
},

setSize:function(t, w, h){ //set window size (min is 150px wide by 100px tall)
	t.style.width=Math.max(parseInt(w), 150)+"px"
	t.contentarea.style.height=Math.max(parseInt(h), 100)+"px"
},

moveTo:function(t, x, y){ //move window. Position includes current viewpoint of document
	this.getviewpoint() //Get current viewpoint numbers
	t.style.left=(x=="middle")? this.scroll_left+(this.docwidth-t.offsetWidth)/2+"px" : this.scroll_left+parseInt(x)+"px"
	t.style.top=(y=="middle")? this.scroll_top+(this.docheight-t.offsetHeight)/2+"px" : this.scroll_top+parseInt(y)+"px"
},

isResize:function(t, bol){ //show or hide resize inteface (part of the status bar)
	t.statusarea.style.display=(bol)? "block" : "none"
	t.resizeBool=(bol)? 1 : 0
},

isScrolling:function(t, bol){ //set whether loaded content contains scrollbars
	t.contentarea.style.overflow=(bol)? "auto" : "hidden"
},

load:function(t, contenttype, contentsource, title){ //loads content into window plus set its title (3 content types: "inline", "iframe", or "ajax")
	if (t.isClosed){
		alert("DHTML Window has been closed, so no window to load contents into. Open/Create the window again.")
		return
	}
	var contenttype=contenttype.toLowerCase() //convert string to lower case
	if (typeof title!="undefined")
		t.handle.firstChild.nodeValue=title
	if (contenttype=="inline")
		t.contentarea.innerHTML=contentsource
	else if (contenttype=="div"){
		var inlinedivref=document.getElementById(contentsource)
		t.contentarea.innerHTML=(inlinedivref.defaultHTML || inlinedivref.innerHTML) //Populate window with contents of inline div on page
		if (!inlinedivref.defaultHTML)
			inlinedivref.defaultHTML=inlinedivref.innerHTML //save HTML within inline DIV
		inlinedivref.innerHTML="" //then, remove HTML within inline DIV (to prevent duplicate IDs, NAME attributes etc in contents of DHTML window
		inlinedivref.style.display="none" //hide that div
	}
	else if (contenttype=="iframe"){
		t.contentarea.style.overflow="hidden" //disable window scrollbars, as iframe already contains scrollbars
		if (!t.contentarea.firstChild || t.contentarea.firstChild.tagName!="IFRAME") //If iframe tag doesn't exist already, create it first
			t.contentarea.innerHTML='<iframe src="" style="margin:0; padding:0; width:100%; height: 100%" name="_iframe-'+t.id+'"></iframe>'
		window.frames["_iframe-"+t.id].location.replace(contentsource) //set location of iframe window to specified URL
		}
	else if (contenttype=="ajax"){
		this.ajax_connect(contentsource, t) //populate window with external contents fetched via Ajax
	}
	t.contentarea.datatype=contenttype //store contenttype of current window for future reference
},

setupdrag:function(e){
	var d=dhtmlwindow //reference dhtml window object
	var t=this._parent //reference dhtml window div
	d.etarget=this //remember div mouse is currently held down on ("handle" or "resize" div)
	var e=window.event || e
	d.initmousex=e.clientX //store x position of mouse onmousedown
	d.initmousey=e.clientY
	d.initx=parseInt(t.offsetLeft) //store offset x of window div onmousedown
	d.inity=parseInt(t.offsetTop)
	d.width=parseInt(t.offsetWidth) //store width of window div
	d.contentheight=parseInt(t.contentarea.offsetHeight) //store height of window div's content div
	if (t.contentarea.datatype=="iframe"){ //if content of this window div is "iframe"
		t.style.backgroundColor="#F8F8F8" //colorize and hide content div (while window is being dragged)
		t.contentarea.style.visibility="hidden"
	}
	document.onmousemove=d.getdistance //get distance travelled by mouse as it moves
	document.onmouseup=function(){
		if (t.contentarea.datatype=="iframe"){ //restore color and visibility of content div onmouseup
			t.contentarea.style.backgroundColor="white"
			t.contentarea.style.visibility="visible"
		}
		d.stop()
	}
	return false
},

getdistance:function(e){
	var d=dhtmlwindow
	var etarget=d.etarget
	var e=window.event || e
	d.distancex=e.clientX-d.initmousex //horizontal distance travelled relative to starting point
	d.distancey=e.clientY-d.initmousey
	if (etarget.className=="drag-handle") //if target element is "handle" div
		d.move(etarget._parent, e)
	else if (etarget.className=="drag-resizearea") //if target element is "resize" div
		d.resize(etarget._parent, e)
	return false //cancel default dragging behavior
},

getviewpoint:function(){ //get window viewpoint numbers
	var ie=document.all && !window.opera
	var domclientWidth=document.documentElement && parseInt(document.documentElement.clientWidth) || 100000 //Preliminary doc width in non IE browsers
	this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
	this.scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset
	this.scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset
	this.docwidth=(ie)? this.standardbody.clientWidth : (/Safari/i.test(navigator.userAgent))? window.innerWidth : Math.min(domclientWidth, window.innerWidth-16)
	this.docheight=(ie)? this.standardbody.clientHeight: window.innerHeight
},

rememberattrs:function(t){ //remember certain attributes of the window when it's minimized or closed, such as dimensions, position on page
	this.getviewpoint() //Get current window viewpoint numbers
	t.lastx=parseInt((t.style.left || t.offsetLeft))-dhtmlwindow.scroll_left //store last known x coord of window just before minimizing
	t.lasty=parseInt((t.style.top || t.offsetTop))-dhtmlwindow.scroll_top
	t.lastwidth=parseInt(t.style.width) //store last known width of window just before minimizing/ closing
},

move:function(t, e){
	t.style.left=dhtmlwindow.distancex+dhtmlwindow.initx+"px"
	t.style.top=dhtmlwindow.distancey+dhtmlwindow.inity+"px"
},

resize:function(t, e){
	t.style.width=Math.max(dhtmlwindow.width+dhtmlwindow.distancex, 150)+"px"
	t.contentarea.style.height=Math.max(dhtmlwindow.contentheight+dhtmlwindow.distancey, 100)+"px"
},

enablecontrols:function(e){
	var d=dhtmlwindow
	var sourceobj=window.event? window.event.srcElement : e.target //Get element within "handle" div mouse is currently on (the controls)
	if (/Minimize/i.test(sourceobj.getAttribute("title"))) //if this is the "minimize" control
		d.minimize(sourceobj, this._parent)
	else if (/Restore/i.test(sourceobj.getAttribute("title"))) //if this is the "restore" control
		d.restore(sourceobj, this._parent)
	else if (/Close/i.test(sourceobj.getAttribute("title"))) //if this is the "close" control
		d.close(this._parent)
	return false
},

minimize:function(button, t){
	dhtmlwindow.rememberattrs(t)
	button.setAttribute("src", dhtmlwindow.imagefiles[2])
	button.setAttribute("title", "Restore")
	t.state="minimized" //indicate the state of the window as being "minimized"
	t.contentarea.style.display="none"
	t.statusarea.style.display="none"
	if (typeof t.minimizeorder=="undefined"){ //stack order of minmized window on screen relative to any other minimized windows
		dhtmlwindow.minimizeorder++ //increment order
		t.minimizeorder=dhtmlwindow.minimizeorder
	}
	t.style.left="10px" //left coord of minmized window
	t.style.width="200px"
	var windowspacing=t.minimizeorder*10 //spacing (gap) between each minmized window(s)
	t.style.top=dhtmlwindow.scroll_top+dhtmlwindow.docheight-(t.handle.offsetHeight*t.minimizeorder)-windowspacing+"px"
},

restore:function(button, t){
	dhtmlwindow.getviewpoint()
	button.setAttribute("src", dhtmlwindow.imagefiles[0])
	button.setAttribute("title", "Minimize")
	t.state="fullview" //indicate the state of the window as being "fullview"
	t.style.display="block"
	t.contentarea.style.display="block"
	if (t.resizeBool) //if this window is resizable, enable the resize icon
		t.statusarea.style.display="block"
	t.style.left=parseInt(t.lastx)+dhtmlwindow.scroll_left+"px" //position window to last known x coord just before minimizing
	t.style.top=parseInt(t.lasty)+dhtmlwindow.scroll_top+"px"
	t.style.width=parseInt(t.lastwidth)+"px"
},


close:function(t){
	try{
		var closewinbol=t.onclose()
	}
	catch(err){ //In non IE browsers, all errors are caught, so just run the below
		var closewinbol=true
 }
	finally{ //In IE, not all errors are caught, so check if variable isn't defined in IE in those cases
		if (typeof closewinbol=="undefined"){
			alert("An error has occured somwhere inside your \"onclose\" event handler")
			var closewinbol=true
		}
	}
	if (closewinbol){ //if custom event handler function returns true
		if (t.state!="minimized") //if this window isn't currently minimized
			dhtmlwindow.rememberattrs(t) //remember window's dimensions/position on the page before closing
		if (window.frames["_iframe-"+t.id]) //if this is an IFRAME DHTML window
			window.frames["_iframe-"+t.id].location.replace("about:blank")
		else
			t.contentarea.innerHTML=""
		t.style.display="none"
		t.isClosed=true //tell script this window is closed (for detection in t.show())
	}
	return closewinbol
},


setopacity:function(targetobject, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
	if (!targetobject)
		return
	if (targetobject.filters && targetobject.filters[0]){ //IE syntax
		if (typeof targetobject.filters[0].opacity=="number") //IE6
			targetobject.filters[0].opacity=value*100
		else //IE 5.5
			targetobject.style.filter="alpha(opacity="+value*100+")"
		}
	else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
		targetobject.style.MozOpacity=value
	else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
		targetobject.style.opacity=value
},

setfocus:function(t){ //Sets focus to the currently active window
	this.zIndexvalue++
	t.style.zIndex=this.zIndexvalue
	t.isClosed=false //tell script this window isn't closed (for detection in t.show())
	this.setopacity(this.lastactivet.handle, 0.5) //unfocus last active window
	this.setopacity(t.handle, 1) //focus currently active window
	this.lastactivet=t //remember last active window
},


show:function(t){
	if (t.isClosed){
		alert("DHTML Window has been closed, so nothing to show. Open/Create the window again.")
		return
	}
	if (t.lastx) //If there exists previously stored information such as last x position on window attributes (meaning it's been minimized or closed)
		dhtmlwindow.restore(t.controls.firstChild, t) //restore the window using that info
	else
		t.style.display="block"
	this.setfocus(t)
	t.state="fullview" //indicate the state of the window as being "fullview"
},

hide:function(t){
	t.style.display="none"
},

ajax_connect:function(url, t){
	var page_request = false
	var bustcacheparameter=""
	if (window.XMLHttpRequest) // if Mozilla, IE7, Safari etc
		page_request = new XMLHttpRequest()
	else if (window.ActiveXObject){ // if IE6 or below
		try {
		page_request = new ActiveXObject("Msxml2.XMLHTTP")
		} 
		catch (e){
			try{
			page_request = new ActiveXObject("Microsoft.XMLHTTP")
			}
			catch (e){}
		}
	}
	else
		return false
	t.contentarea.innerHTML=this.ajaxloadinghtml
	page_request.onreadystatechange=function(){dhtmlwindow.ajax_loadpage(page_request, t)}
	if (this.ajaxbustcache) //if bust caching of external page
		bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
	page_request.open('GET', url+bustcacheparameter, true)
	page_request.send(null)
},

ajax_loadpage:function(page_request, t){
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
	t.contentarea.innerHTML=page_request.responseText
	}
},


stop:function(){
	dhtmlwindow.etarget=null //clean up
	document.onmousemove=null
	document.onmouseup=null
},

addEvent:function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
	var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
	if (target.addEventListener)
		target.addEventListener(tasktype, functionref, false)
	else if (target.attachEvent)
		target.attachEvent(tasktype, functionref)
},

cleanup:function(){
	for (var i=0; i<dhtmlwindow.tobjects.length; i++){
		dhtmlwindow.tobjects[i].handle._parent=dhtmlwindow.tobjects[i].resizearea._parent=dhtmlwindow.tobjects[i].controls._parent=null
	}
	window.onload=null
}

} //End dhtmlwindow object

document.write('<div id="dhtmlwindowholder"><span style="display:none">.</span></div>') //container that holds all dhtml window divs on page
window.onunload=dhtmlwindow.cleanup


//////////////////////////////////
// END QUICK PREVIEW/////////////
///////////////////////////////////

/////////////////////////////////
/////////TABS///////////////
//////////////////////////

function ktabs (tabnum, itemid)	{

	if (tabnum == '1') {
		document.getElementById('content1-' + itemid).style.display = 'block';
		document.getElementById('content2-' + itemid).style.display = 'none';
	}else{
		document.getElementById('content1-' + itemid).style.display = 'none';
		document.getElementById('content2-' + itemid).style.display = 'block';
	}
}	
function Init (itemid)	{
		document.getElementById('content1-' + itemid).style.display = 'block';
		document.getElementById('content2-' + itemid).style.display = 'none';
}

function ToggleTabs (tabnum, totaltabs, item_id) {
	document.getElementById('master-'+item_id).innerHTML = document.getElementById('content'+tabnum+'-'+item_id).innerHTML;

	var counter = 1;
	while (counter <= totaltabs) {
		if (counter == tabnum)
			document.getElementById('tab'+counter+'-'+item_id).className = 'highlighted';
		else	
			document.getElementById('tab'+counter+'-'+item_id).className = 'tabs';
		
		counter = counter + 1;
	}
}
function Initold (item_id) {
	document.getElementById('master-'+item_id).innerHTML = document.getElementById('content1-'+item_id).innerHTML;
	document.getElementById('tab1-'+item_id).className = 'highlighted';
}


function HandleLoad () {
	var item_id = document.getElementById('temp_variable').innerHTML;
	document.getElementById('cart_status-' + item_id).innerHTML = '<span style="color: #ff0000;">Item was added to the shopping cart.</span>';
	document.getElementById('temp_variable').innerHTML = '';
	ShowFloatingCart();
}

function LoadTempVariable (item_id) {
	document.getElementById('temp_variable').innerHTML = item_id;
	document.getElementById('cart_status-' + item_id).innerHTML = 'Adding item to the shopping cart...';

	if (typeof document.getElementById('run_in_background-' + item_id).addEventListener != 'undefined')
		document.getElementById('run_in_background-' + item_id).addEventListener ('load', HandleLoad, false);
	else if (typeof document.getElementById('run_in_background-' + item_id).attachEvent != 'undefined')
		document.getElementById('run_in_background-' + item_id).attachEvent ('onload', HandleLoad);
}

////////////////////////////
////////END TABS//////////
/////////////////////////

/////////////////////////////////////////
/////START KINGWEBMASTER CONFIGURATOR////
/////////////////////////////////////////
function NextOption(eId){
                
                $it = document.getElementById('tab'+eId);
                
                $it.style.display = '';
                for(i=1; i<6; i++){
                                if(eId != i){
                                                document.getElementById('tab'+i).style.display = 'none';
                                }
                }
                document.getElementById('left_nav').style.background = 'url(http://www.kingwebtools.com/tri_sports/bike_configurator/images/top'+eId+'.jpg) no-repeat';

                
}


var cat_price = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0); //35 cats
var cat_weight = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0); //35 cats
function SelectComponent(eId){
                
                error = false;
                
                values = document.getElementById('si_'+eId).value;
                if(values != 'none'){
                                myValues = values.split("~~~");
                             	
                               	// check for rules
                               	current_selection = '';
                               	for(i=1; i<comp_names.length; i++){
									if(comp_names[i] != undefined){	
										temp_value = document.getElementById('si_'+i).value.split("~~~");
										current_selection = current_selection + "(" + temp_value[7] + ")" + ',';
									}
								}
                               	
								for(i=0; i<rules_array.length; i++){
									if(rules_array[i].indexOf("("+myValues[7]+")") != -1){
										error_string = '';
										ruleValue = rules_array[i].split(",");
										for(a=0; a<ruleValue.length; a++){
											if(ruleValue[a] != "("+myValues[7]+")"){
												if(current_selection.indexOf(ruleValue[a]) != -1){
													comp_id = ruleValue[a].replace("(", "");
													comp_id = comp_id.replace(")", "");
													if(comp_id != ''){
														temp_value = document.getElementById('i_'+comp_id).value.split("~~~");

														error_string = error_string + temp_value[6] + ' : ' + temp_value[4] + "\n";
													}
												}
											}
										}
										if(error_string != ''){
											alert ('Item you chose is not compatible with:'+"\n"+error_string);
											document.getElementById('i_'+item_array[eId]).selected = true;
											error = true;
											break;
										}
									}
								}
								
								if(!error){
									
	                                price_adjust = parseFloat(myValues[1]);
	                                weight_adjust = parseFloat(myValues[3]);
	                                
	                                base_price = base_price - cat_price[eId] + price_adjust;
	                                base_weight = base_weight - cat_weight[eId] + weight_adjust;
	
	                                cat_price[eId] = price_adjust;
	                                cat_weight[eId] = weight_adjust;
	                                
	                                // Adjust the price visually
	                                document.getElementById('rbt_2').innerHTML = '$'+addCommas(base_price);
	                                
	                                // Adjust the weigh visually
	                                document.getElementById('rbt_4').innerHTML = Math.round(base_weight*100)/100 + ' lbs';
	                                
	                                // Adjust selected name
	                                document.getElementById('is_'+eId).innerHTML = '<b>Current Selection:</b> ' + myValues[4];
	                                document.getElementById('rbitems_'+eId).innerHTML = '*'+myValues[4];
	                                document.getElementById('coitems_'+eId).innerHTML = '<b>'+myValues[4]+'</b><br />'+document.getElementById("oi_"+eId).value;
	                                
	                                // Adjust the comp_names array value
	                                if(price_adjust < 0){
	                                                comp_names[eId] = myValues[6] + ': ' + myValues[4] + ' ' +myValues[5] + ' (-$' + price_adjust + ')';
	                                }else{
	                                                comp_names[eId] = myValues[6] + ': ' + myValues[4] + ' ' +myValues[5] + ' (+$' + price_adjust + ')';
	                                }
                               		
									// Adjus item array
                               		item_array[eId] = myValues[7];
                               		
                               		// Rebuild Options
                               		
                               		if(myValues[8]){
										myOptions = myValues[8].split("@@@");										
										item_options = '';
										for(i=0; i<myOptions.length; i++){
											item_options += '<option value="'+myOptions[i]+'">'+myOptions[i]+'</option>';
										}
										document.getElementById("oi_"+eId).innerHTML = item_options;
										document.getElementById("oi_"+eId).style.display = '';
									}else{
										document.getElementById("oi_"+eId).innerHTML = '';
										document.getElementById("oi_"+eId).style.display = 'none';
									}
                              		
                               		
								}				

                }

}

function addCommas(nStr)
{
                nStr += '';
                x = nStr.split('.');
                x1 = x[0];
                x2 = x.length > 1 ? '.' + x[1] : '';
                var rgx = /(\d+)(\d{3})/;
                while (rgx.test(x1)) {
                                x1 = x1.replace(rgx, '$1' + ',' + '$2');
                }
                return x1 + x2;
}

function checkOut(pageid){
                
                var myString = new Array();
                
                for(i=1; i<comp_names.length; i++){
                                if(comp_names[i] != undefined){
                                                
                                                myString[i] = comp_names[i]+' Option: '+comp_options[i];
                                                                                                                                                
                                } // end if
                } // end for i loop
                
                postwith('http://order.store.yahoo.net/cgi-bin/wg-order?trisports+', myString, pageid);
}

function adjustName(eId){
	values = document.getElementById('si_'+eId).value;
		if(values != 'none'){
        	myValues = values.split("~~~");
			document.getElementById('coitems_'+eId).innerHTML = '<b>'+myValues[4]+'</b><br />'+document.getElementById("oi_"+eId).value;	
        }
    comp_options[eId] = document.getElementById("oi_"+eId).value;
}

function postwith (to,p, pageid) {
  var myForm = document.createElement("form");
  myForm.method="post" ;
  myForm.action = to ;
  for (var k in p) {
    var myInput = document.createElement("input") ;
    myInput.setAttribute("name", k) ;
    myInput.setAttribute("value", p[k]);
    myForm.appendChild(myInput) ;
  }
  var myInput = document.createElement("input");
  myInput.setAttribute("type", "hidden");
  myInput.setAttribute("name", "vwitem");
  myInput.setAttribute("value", pageid);
  myForm.appendChild(myInput) ;

  myInput = document.createElement("input");
  myInput.setAttribute("type", "hidden");
  myInput.setAttribute("name", "vwcatalog");
  myInput.setAttribute("value", "trisports");
  myForm.appendChild(myInput) ;
  
  document.body.appendChild(myForm) ;
  myForm.submit() ;
  document.body.removeChild(myForm) ;
}

////////////////////////////////////////////////
/////END KINGWEBMASTER CONFIGURATOR/////////////
////////////////////////////////////////////////

function ValidateForm () {
	var incomplete = 'false';

	var select_tags = document.forms[1].getElementsByTagName('select');
//	var select_tags = document.testform.getElementsByTagName('select');
	for (x = 0; x < select_tags.length; x++) {
		if ((select_tags[x].value == '') || (select_tags[x].value == 'Please Select'))
			incomplete = 'true';

	}
	
	if (incomplete == 'true') {
		alert ('Please choose all selectable options');

		return false;
	} else {
		return true;
	}
}

function ValidateFormQP (fname) {
	var incomplete = 'false';

	var select_tags = document.forms[fname].getElementsByTagName('select');
	for (x = 0; x < (select_tags.length / 2); x++) {
		if ((select_tags[x].value == '') || (select_tags[x].value == 'Please Select'))
			incomplete = 'true';

	}
	
	if (incomplete == 'true') {
		alert ('Please choose all selectable options');

		return false;
	} else {
		var item_id_tmp = fname.replace('form-','');
		LoadTempVariable (item_id_tmp);
		return true;
	}
}

function QPCheckOptionValues (form_name, id, select_name) {
	var selected_opt = document.forms[form_name].elements[select_name].options[document.forms[form_name].elements[select_name].selectedIndex].text;
	var check_oos_1 = selected_opt.indexOf('out of stock');
	var check_oos_2 = selected_opt.indexOf('available');
	var check_oos_3 = selected_opt.indexOf('in stock');
	if ((check_oos_1 != -1) || (check_oos_2 != -1)) {
		var tmp_add_to_cart = '<input src="/lib/trisports/addtocart1.jpg" id="addtocartbut" type="image" onclick="return QPConfirmBackorderValidation();">';
		document.getElementById(id + '-addtocart').innerHTML = '<input type="checkbox" id="backordered" />&nbsp;&nbsp;I understand this item is backordered' + tmp_add_to_cart;
	} else if (check_oos_3 != -1) {
		document.getElementById(id + '-addtocart').innerHTML = '<input src="/lib/trisports/addtocart1.jpg" id="addtocartbut" type="image">';
	}
}

function QPConfirmBackorderValidation () {
	if (document.getElementById('backordered').checked == false) {
		alert ('Please check the box to approve you are aware this product is backordered');
		return false;
	} else {
		return true;
	}
}