/* --------------------------------- */
/*          STOREFRONT v2.0          */
/* --------------------------------- */
/*            SFX SETUPS             */
/* --------------------------------- */
/*  Created:  2003-11-01             */
/*  Issued:   2003-11-01             */
/*  Modified: 2006-10-01             */
/*  Client: Sophiaknows              */
/*  Copyright (c) 2003-2006          */
/*  A.R. Tony Pisarra, SophiaKnows   */
/* --------------------------------- */
/* --------------------------------- */

function Workareas(solutions) {
	var args = Workareas.arguments;
	this.path = ((args[1])?args[1]:"");
	this.solutions = solutions;
	this.areas = this.getbasics();

	}

Workareas.prototype.getbasics = function() {
	var basics = new Object();
	for(var i = 0;(solution = this.solutions[i]);i++) {
		basics[solution.basic] = (basics[solution.basic])?basics[solution.basic]: new Array();
		basics[solution.basic][basics[solution.basic].length] = solution;
		basics[solution.basic]['icon']=solution.icon;
		basics[solution.basic]['small']=solution.alt_icon
		basics[solution.basic]['big']=solution.image;
		basics[solution.basic]['solutions'] = ((basics[solution.basic]['solutions'])?basics[solution.basic]['solutions']:new Array());
		basics[solution.basic]['solutions'][basics[solution.basic]['solutions'].length]=solution;
		}
	return basics;
	}

Workareas.prototype.toc = function() {
	var xtoc ="";
	for(keys in this.areas) {
		xtoc+="<p class=smallicon><img src='"+this.path+this.areas[keys].small+"' onmouseover=\"x_setups.area_all('"+keys+"')\">";
		xtoc+="<br />"+keys.toUpperCase();
		for(var i=0; area=this.areas[keys][i];i++) {
			xtoc+="<li class=smallicon>"+area.variant.toUpperCase()+"</li>";		
			}
		}
	return xtoc;
	}
Workareas.prototype.tocstrip = function() {
	var xtoc ="<table width=100%><tr>";
	for(keys in this.areas) {
		xtoc+="<td align=center class=smallicon width=25%><img src='"+this.path+this.areas[keys].small+"' onmouseover=\"x_setups.area_all('"+keys+"')\">";
		xtoc+="<div align=center class=label>"+keys.toUpperCase()+"</div>";
		for(var i=0; area=this.areas[keys][i];i++) {
			xtoc+="<li class=smallicon>"+area.variant.toUpperCase()+"</li>";		
			}
		}
	xtoc+="</table>";
	return xtoc;
	}


Workareas.prototype.chart = function() {
	var xtoc ="<table width=100% cellpadding=15 cellspacing=1 bgcolor='#ddddee'>";
	for(keys in this.areas) {
		xtoc+="<tr>";
		xtoc+="<td colspan=2 align=center class=smallicon><div align=center class=label>"+keys.toUpperCase()+"</div>";
		xtoc+="<tr>";
		for(var i=0; area=this.areas[keys][i];i++) {
			xtoc+="<td align=center class=smallicon width=50% bgcolor=#ffffff>";
//			xtoc+="<p style='font-size:11px;'><b>"+keys.toUpperCase()+"</b></p>";		
			xtoc+="<a href=\"javascript:x_setups.area_all('"+keys+"')\"><img src='"+this.path+this.areas[keys].small+"' border=0></a>";
			xtoc+="<p><b>"+area.variant.toUpperCase()+"</b></p>";		
			xtoc+=this.getelements(keys,i);
			}
		}
	xtoc+="</table>";
	return xtoc;
	}

Workareas.prototype.tocbar = function() {
	var xtoc ="<table width=100%><tr>";
	for(keys in this.areas) {
		xtoc+="<td width=25% align=center><img src='"+this.path+this.areas[keys].small+"' onmouseover=\"x_setups.area_all('"+keys+"')\">";
		xtoc+="<br />"+keys.toUpperCase();
		}
	xtoc+="<\/table>";
	return xtoc;
	}

Workareas.prototype.tocsquare = function() {
	var xtoc ="<table width=100%><tr>";
	var c = 0;
	for(keys in this.areas) {
		xtoc+=(c%2)?"":"<tr>";
		xtoc+="<td width=25% align=center><br /><br /><img src='"+this.path+this.areas[keys].icon+"' onclick=\"x_setups.area_all('"+keys+"')\">";
		xtoc+="<br /><b><a href=\"javascript:x_setups.area_all('"+keys+"')\">"+keys.toUpperCase()+"<\/a><\/b><br /><br />";
		c++;
		}
	xtoc+="<\/table>";
	return xtoc;
	}

Workareas.prototype.toclinks = function() {
	var xtoc ="<div align=center> &nbsp;&middot;&nbsp; ";
	for(keys in this.areas) {
		xtoc+="<a href=\"javascript:x_setups.area_all('"+keys+"')\">"+keys.toUpperCase()+"<\/a> &nbsp;&middot;&nbsp; ";
		}
	xtoc+="<\/div>";
	return xtoc;
	}
Workareas.prototype.arealinks = function(area) {
	var args = Workareas.prototype.arealinks.arguments;
	var index =((args[1] || args[1]==='0')?args[1]:'');
	var xtoc ="<div align=center> &middot; ";
	for(var i = 0; (solution=this.areas[area].solutions[i]);i++) {
		xtoc+="<a href=\"javascript:x_setups.area_all('"+area+"',"+i+")\" class='"+((index===i)?'active':'normal')+"'>"+solution.variant.toUpperCase()+"<\/a> &middot; ";
		}
	xtoc+="<\/div>";
	return xtoc;
	}

Workareas.prototype.areafront = function(key) {
	var xhtml ="";
		xhtml+="<p align=center><img src='"+this.path+this.areas[key].big+"'>";
		xhtml+="<br />"+key.toUpperCase();
		for(var i=0; area=this.areas[key][i];i++) {
			xhtml+="<li>"+area.variant;		
			}
	document.getElementById('display').innerHTML = xhtml;
	}

Workareas.prototype.area_all = function(key) {
	var xhtml ="";
		for(var i=0; area=this.areas[key][i];i++) {
			xhtml+="<p><br /><big>"+key.toUpperCase()+": "+area.variant.toUpperCase()+"<\/big>";
			xhtml+="<p><b>KEYBOARD TRAY<\/b>: "+area.tray.toUpperCase();
			xhtml+="&nbsp; <b>TRACK LENGTH<\/b>: "+area.track.toUpperCase();
			xhtml+="<br /><b>ACCESSORIES<\/b>: "+area.accessory.toUpperCase();

			xhtml+="<table width=100%><tr>";		
			xhtml+="<td width=50% align=center><img src='"+this.path+area.challenge+"'>";
			xhtml+="<td width=50% align=center><img src='"+this.path+area.solution+"'>";
			xhtml+="<\/table>";		
			}
	document.getElementById('display').innerHTML = xhtml;
	}

Workareas.prototype.area_solution = function(key) {
	var args = Workareas.prototype.area_all.arguments;
	var index =((args[1])?args[1]:0);
	var xhtml =this.arealinks(key,index);
	var area=this.areas[key][index];
		xhtml+="<p><br /><big>"+key.toUpperCase()+": "+area.variant.toUpperCase()+"<\/big>";
		xhtml+="<p><b>KEYBOARD TRAY<\/b>: "+area.tray.toUpperCase();
		xhtml+="&nbsp; <b>TRACK LENGTH<\/b>: "+area.track.toUpperCase();
		xhtml+="<br /><b>ACCESSORIES<\/b>: "+area.accessory.toUpperCase();

		xhtml+="<table width=100%><tr>";		
		xhtml+="<td width=50% align=center><img src='"+this.path+area.challenge+"'>";
		xhtml+="<td width=50% align=center><img src='"+this.path+area.solution+"'>";
		xhtml+="<\/table>";		
	document.getElementById('display').innerHTML = xhtml;
	}
Workareas.prototype.getelements = function(key) {
	var args = Workareas.prototype.getelements.arguments;
	var index =((args[1])?args[1]:0);
	var xhtml ="";
	var area=this.areas[key][index];
		xhtml+="<div><b>TRAY<\/b>: "+area.tray.toUpperCase()+"</div>";
		xhtml+="<div><b>TRACK LENGTH<\/b>: "+area.track.toUpperCase()+"</div>";
		xhtml+="<div><b>ACCESSORIES<\/b>: "+area.accessory.toUpperCase()+"</div>";
	return xhtml;
	}

function Setup(basic,variant,icon,alt_icon,image,challenge,solution,tray,track,accessory) {
	this.basic=basic;
	this.variant=variant;
	this.icon=icon;
	this.alt_icon=alt_icon;
	this.image=image;
	this.challenge=challenge;
	this.solution=solution;
	this.tray=tray;
	this.track=track;
	this.accessory=((accessory)?accessory:"None Required");
	}

setups = new Array();
setups[setups.length] = new Setup("straight surface","at least 22 inch depth","straight-icon.gif","str8icon.gif","straight.gif","straight22.gif","solution-straight-22.gif","standard keyboard tray","19 or 22 inch track","");
setups[setups.length] = new Setup("straight surface","17 to 22 inch depth","straight-icon.gif","str8icon.gif","straight.gif","straight17.gif","solution-straight-22.gif","standard keyboard tray","17 inch track","");
setups[setups.length] = new Setup("90 degree corner","at least 22 inch depth","90degrees-icon.gif","90_icon.gif","90degrees.gif","90degrees22.gif","solution-radius12.gif","standard keyboard tray","19 or 22 inch track","17 inch corner bridge");
setups[setups.length] = new Setup("90 degree corner","17 to 22 inch depth","90degrees-icon.gif","90_icon.gif","90degrees.gif","90degrees17-22.gif","solution-radius12.gif","standard keyboard tray","17 inch track","17 inch corner bridge");
setups[setups.length] = new Setup("corner diagonal","12 - 21 inch width","diagonal-icon.gif","diagicon.gif","diagonal.gif","diagonal12-17.gif","solution-diagonal12-22.gif","standard keyboard tray","19 or 22 inch track","");
//setups[setups.length] = new Setup("corner diagonal","17 - 21 inch width","diagonal-icon.gif","diagicon.gif","diagonal.gif","diagonal17-22.gif","solution-diagonal12-22.gif","standard keyboard tray","19 or 22 inch track","");
setups[setups.length] = new Setup("corner diagonal","less than 12 inch width","diagonal-icon.gif","diagicon.gif","diagonal.gif","diagonal12.gif","solution-radius12.gif","corner keyboard tray","19 or 22 inch track","17 inch corner bridge");
setups[setups.length] = new Setup("corner radius","12 - 17 inch width","radius-icon.gif","curvicon.gif","radius.gif","radius12-17.gif","solution-radius12-17.gif","standard keyboard tray","19 or 22 inch track","");
setups[setups.length] = new Setup("corner radius","less than 12 inch width","radius-icon.gif","curvicon.gif","radius.gif","radius12.gif","solution-radius12.gif","corner keyboard tray","19 or 22 inch track","17 inch corner bridge");