// JavaScript Document

//--------------video wall at home page

function changeOpac(opacity, id) {
	if(document.getElementById(id)) {
		var object = document.getElementById(id).style; 
		object.opacity = (opacity / 100); //safari
		object.MozOpacity = (opacity / 100); //firefox
		object.KhtmlOpacity = (opacity / 100); 
		object.filter = "alpha(opacity=" + opacity + ")";  //IE
	}
} 

function deployInit() {
	var pl=["2","1","3","0","4"];
	var image_id;
	var k=0;
	var j=0;
	var i=0;
	var t=0;
	for(k=0; k<5; k++) {
		for(j=0; j<5; j++) {
			image_id=pl[j] + pl[k] + "i"; 
			for(i=0; i<=100; i++) { 
				setTimeout("changeOpac(" + i + ",'" + image_id + "')",i*5 + t);
				t++;
			}
		}
	}
	setTimeout("matrixFader()",500 + t);
}

function BlendImage(bk_id, newimage, image_id, millisec) { 
    var speed = Math.round(millisec / 100); 
    var timer = 0;
	//var currentOpac = document.getElementById(image_id).style.opacity * 100;
	//if(currentOpac == 100) {
	document.getElementById(bk_id).style.backgroundImage = "url(" + document.getElementById(image_id).src + ")"; 
    changeOpac(0, image_id); 
    document.getElementById(image_id).src = newimage;
	for(var i = 0; i <= 100; i++) { 
		setTimeout("changeOpac(" + i + ",'" + image_id + "')",(timer * speed)); 
		timer++;
	}
	//}
} 

function typeParse(h,v) {
	var node=(h + "") + (v + "");
	var type=document.getElementById(node + "i").name.substring(3,6);
	return type;
}

function indexParse(h,v) {
	var node=(h + "") + (v + "");
	var index=document.getElementById(node + "i").name.substring(7);
	return index;
}

function checkMatch(type,index) {
	var h;
	var v;
	for (h=0; h<5; h++) { //traverses matrix for duplicates
		for (v=0; v<5; v++) {
			if(typeParse(h,v)==type && indexParse(h,v)==index) {return 1}
		}
	}
	return 0;
}

var _1x1pics=30;
var _2x2pics=13;
var _2x3pics=3;
var _3x2pics=3;


function nodeFader(h,v,rn) { //h=nodes horiz, v=nodes ver
	var x;
	var y;
	var z=0;
	while(z<1){
		x=(Math.floor(Math.random()*(6-h)))%(6-h); //random x coord
		y=(Math.floor(Math.random()*(6-v)))%(6-v); //random y coord
		if((h==3&&v==2)||(h==2&&v==3)||(h==2&&v==2)) {z=1};
		if(typeParse(x,y)!="3x2" && typeParse(x,y)!="2x3") {z=1}; //doesn't override big ones
	}
	var i;
	var j;
	var node;
	var img;
	if(rn<10) {rn="0" + rn} else {rn="" + rn};
	for(i=0; i<h; i++) { 
		for(j=0; j<v; j++) {
			img="bucket/" + h + "x" + v + "_" + ("" + i) + ("" + j)+ "_" + rn + ".jpg"
			node=("" + (x+i)) + ("" + (y+j));
			BlendImage(node + "k", img, node + "i", 1000);
			document.getElementById(node + "i").name=node + "_" + h + "x" + v + "_" + rn;
		}
	}
}

function blankFader(h,v) { //h=nodes horiz, v=nodes ver
	var x;
	var y;
	x=(Math.floor(Math.random()*(6-h)))%(6-h); //random x coord
	y=(Math.floor(Math.random()*(6-v)))%(6-v); //random y coord
	var i;
	var j;
	var node;
	var img="bucket/1x1_blank.jpg";
	for(i=0; i<h; i++) { 
		for(j=0; j<v; j++) {
			node=("" + (x+i)) + ("" + (y+j));
			BlendImage(node + "k", img, node + "i", 1000);
			document.getElementById(node + "i").name=node + "_" + h + "x" + v + "_blank";
		}
	}
}

var _1x1Array = new Array();
var _1x1RandArray = new Array();

function fill_1x1Array() {
	var i;
	for(i=0; i<_1x1pics; i++) {
		_1x1Array[i]="" + i;
	}
}

function fill_1x1RandArray() {
	var i;
	var j;
	var r;
	for(i=0; i<_1x1pics; i++) {
		r=(Math.floor(Math.random()*(_1x1pics-i)))%(_1x1pics-i);
		_1x1RandArray[i]=_1x1Array[r];
		for(j=r; j<_1x1pics-i; j++) {
			_1x1Array[j]=_1x1Array[j+1];
		}
	}
}

var _2x2Array = new Array();
var _2x2RandArray = new Array();

function fill_2x2Array() {
	var i;
	for(i=0; i<_2x2pics; i++) {
		_2x2Array[i]="" + i;
	}
}

function fill_2x2RandArray() {
	var i;
	var j;
	var r;
	for(i=0; i<_2x2pics; i++) {
		r=(Math.floor(Math.random()*(_2x2pics-i)))%(_2x2pics-i);
		_2x2RandArray[i]=_2x2Array[r];
		for(j=r; j<_2x2pics-i; j++) {
			_2x2Array[j]=_2x2Array[j+1];
		}
	}
}

var _2x3Array = new Array();
var _2x3RandArray = new Array();

function fill_2x3Array() {
	var i;
	for(i=0; i<_2x3pics; i++) {
		_2x3Array[i]="" + i;
	}
}

function fill_2x3RandArray() {
	var i;
	var j;
	var r;
	for(i=0; i<_2x3pics; i++) {
		r=(Math.floor(Math.random()*(_2x3pics-i)))%(_2x3pics-i);
		_2x3RandArray[i]=_2x3Array[r];
		for(j=r; j<_2x3pics-i; j++) {
			_2x3Array[j]=_2x3Array[j+1];
		}
	}
}

var _3x2Array = new Array();
var _3x2RandArray = new Array();

function fill_3x2Array() {
	var i;
	for(i=0; i<_3x2pics; i++) {
		_3x2Array[i]="" + i;
	}
}

function fill_3x2RandArray() {
	var i;
	var j;
	var r;
	for(i=0; i<_3x2pics; i++) {
		r=(Math.floor(Math.random()*(_3x2pics-i)))%(_3x2pics-i);
		_3x2RandArray[i]=_3x2Array[r];
		for(j=r; j<_3x2pics-i; j++) {
			_3x2Array[j]=_3x2Array[j+1];
		}
	}
}

function InitArrays() {
	fill_1x1Array();
	fill_1x1RandArray();
	fill_2x2Array();
	fill_2x2RandArray();
	fill_2x3Array();
	fill_2x3RandArray();
	fill_3x2Array();
	fill_3x2RandArray();
}

var _x_=3;
var _y_=2;
var _rn_=(Math.floor(Math.random()*_3x2pics))%_3x2pics;
var _ct=0;
var _ct1x1=0;
var _ct2x2=0;
var _ct2x3=0;
var _ct3x2=0;

function matrixFader() {
	var n=(Math.floor(Math.random()*3))%3;
	if(n==0) {blankFader(_x_,_y_)} else {nodeFader(_x_,_y_,_rn_)};
	var s=[3,1,0,2,0,1,0,2,0,1,2,1,0,3,2,0,1,0,1,2,0,1,0,1,0,2,0,1,0,3,0,0,3,0,0,0,1,0,1,0];
	var X=[1,2,2,3];
	var Y=[1,2,3,2];
	_x_=X[s[_ct + 1]];
	_y_=Y[s[_ct + 1]];
	switch(s[_ct + 1]) {
		case 0: _rn_=_1x1RandArray[_ct1x1];if(_ct1x1<_1x1pics-1) {_ct1x1=_ct1x1+1} else {_ct1x1=0};break;
		case 1: _rn_=_2x2RandArray[_ct2x2];if(_ct2x2<_2x2pics-1) {_ct2x2=_ct2x2+1} else {_ct2x2=0};break;
		case 2: _rn_=_2x3RandArray[_ct2x3];if(_ct2x3<_2x3pics-1) {_ct2x3=_ct2x3+1} else {_ct2x3=0};break;
		case 3: _rn_=_3x2RandArray[_ct3x2];if(_ct3x2<_3x2pics-1) {_ct3x2=_ct3x2+1} else {_ct3x2=0};break;
	}
	preloadPic(_x_,_y_,_rn_);
	if(_ct<s.length-2) {_ct++} else{_ct=0}; //adds 1 or goes back to 0
	if(vWall==1) {setTimeout("matrixFader()",1300)};
}

//---------------end of video wall
//---------------preload functions

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function preloadPic(h,v,n) {
	var i;
	var j;
	for(i=0; i<h; i++) { 
		for(j=0; j<v; j++) {
			if(n<10) {rn="0" + n} else {rn="" + n}
			img="bucket/" + h + "x" + v + "_" + ("" + i) + ("" + j)+ "_" + rn + ".jpg";
			MM_preloadImages(img);
		}
	}
}


function preloadPictures(h,v,n) {
	var a;
	for(a=0; a<n; a++) { 
		preloadPic(h,v,a);
	}
}

//---------------end of preload
//------------------menu functions

var infoText = new Array();
var stripMenu = new Array();
var subMenu = new Array();
var textTeam = new Array();
var textImg = new Array();
var textLogo = new Array();
var textServ = new Array();


function Init() {
	subMenu[0]=document.getElementById("subM").innerHTML;
	subMenu[1]=document.getElementById("vLine").innerHTML;
	document.getElementById("vLine").innerHTML="";
	document.getElementById("subM").innerHTML=subMenu[1];

	infoText[0]=document.getElementById("rendText").innerHTML;
	infoText[1]=document.getElementById("animText").innerHTML;
	infoText[2]=document.getElementById("actText").innerHTML;
	infoText[3]=document.getElementById("aboutText").innerHTML;
	infoText[4]=document.getElementById("visionText").innerHTML;
	infoText[5]=document.getElementById("pressText").innerHTML;
	infoText[6]=document.getElementById("servText").innerHTML;
	infoText[7]=document.getElementById("testimonialsText").innerHTML;
	infoText[8]=document.getElementById("teamText").innerHTML;
	infoText[9]=document.getElementById("copyText").innerHTML;
	infoText[10]=document.getElementById("contactText").innerHTML;
	
	stripMenu[0]=document.getElementById("rendMenu").innerHTML;
	stripMenu[1]=document.getElementById("animMenu").innerHTML;
	stripMenu[2]=document.getElementById("actMenu").innerHTML;
	
	textTeam[0]=document.getElementById("teamText_0").innerHTML;
	textTeam[1]=document.getElementById("teamText_1").innerHTML;
	textTeam[2]=document.getElementById("teamText_2").innerHTML;
	textTeam[3]=document.getElementById("teamText_3").innerHTML;
	
	textImg[0]=document.getElementById("imgText_0").innerHTML;
	textImg[1]=document.getElementById("imgText_1").innerHTML;
	textImg[2]=document.getElementById("imgText_2").innerHTML;
	textImg[3]=document.getElementById("imgText_3").innerHTML;
	
	textLogo[0]=document.getElementById("logoText_00").innerHTML;
	textLogo[1]=document.getElementById("logoText_01").innerHTML;
	textLogo[2]=document.getElementById("logoText_02").innerHTML;
	textLogo[3]=document.getElementById("logoText_03").innerHTML;
	textLogo[4]=document.getElementById("logoText_04").innerHTML;
	textLogo[5]=document.getElementById("logoText_05").innerHTML;
	textLogo[6]=document.getElementById("logoText_06").innerHTML;
	textLogo[7]=document.getElementById("logoText_07").innerHTML;
	textLogo[8]=document.getElementById("logoText_08").innerHTML;
	
	textServ[0]=document.getElementById("servText_0").innerHTML;
	textServ[1]=document.getElementById("servText_1").innerHTML;
	textServ[2]=document.getElementById("servText_2").innerHTML;
	textServ[3]=document.getElementById("servText_3").innerHTML;

	document.getElementById("clear").innerHTML="";
	MM_preloadImages("bucket/filler.gif");
	preloadPic(_x_,_y_,_rn_);
}

function resetMenu(prefix,x) {
	var i=0;
	id=prefix + i;
	while(document.getElementById(id)){
		if(i!=x) {
			document.getElementById(id).style.color="";
			document.getElementById(id).style.fontWeight="";
		}
		i++;
		id=prefix + i;
	}
}

function resetImages(prefix,i,x) {
	var id;
	id=prefix + "0" + i;
	while(document.getElementById(id)){
		if(i!=x) {document.getElementById(id).src="graphics/filler.gif"};
		i++;
		if(i<10) {id=prefix + "0" + i} else {id=prefix + i};
	}
}

function render(r){
	var tc = new Array();  //text caption-hilite
	var rc = new Array();  //records
	
	tc[0]="Architecture<br><br>"; //caption hi-lite
	tc[1]="Interior Design<br><br>";
	tc[2]="Transportation<br><br>";
	tc[3]="industrial Design<br><br>";
	tc[4]="Recent Work<br><br>";
	tc[5]="3D Rendering<br><br>";
	
	rc[0]=["archit_11.jpg",tc[0],"Valley region Elementary School<br>Los Angeles, California<br>STV, Incorporated"];
	rc[1]=["archit_10.jpg",tc[0],"Taj Blue Diamond Hotel in Pune, India<br>Remodeled drop-off area<br>HFS Concepts 4. long Beach"];
	rc[2]=["archit_00.jpg",tc[0],"Wisialowski residence<br>Venice, California<br>Dean Larkin Design"];
	rc[3]=["archit_01.jpg",tc[0],"Color-cycling LED-based illumination<br>L'Opera and Madison restaurants<br>Long Beach, California"];
	rc[4]=["archit_02.jpg",tc[0],"California bungalow duplex apartments<br>Front view<br>Santa Paula, California"];
	rc[5]=["archit_03.jpg",tc[0],"Mixed use commercial building<br>Facade of modular GFRC panels<br>Lima, Peru"];
	rc[6]=["archit_04.jpg",tc[0],"The Greek Theatre remodeling<br>The Luckman Partnership. SPF:a<br>Los Angeles, California"];
	rc[7]=["archit_05.jpg",tc[0],"St. Joseph Medical Center<br>Stockton, California<br>Anshen + Allen, San Francisco"];
	rc[8]=["archit_06.jpg",tc[0],"St. Joseph Medical Center - Aerial view.<>Stockton, California<br>Anshen + Allen, San Francisco"];
	rc[9]=["archit_07.jpg",tc[0],"Office & Warehouse facility<br>Miraloma Street<br>Glendale, California"];
	rc[10]=["archit_08.jpg",tc[0],"St. Joseph Medical Center. Plaza view<br>Stockton, California<br>Anshen + Allen, San Francisco"];
	rc[11]=["design_00.jpg",tc[1],"St. Joseph Medical Center<br>Women & Children Pavilion. Main Lobby<br>Stockton, California"];
	rc[12]=["design_01.jpg",tc[1],"Countrywide Financial<br>Executive suites remodeling<br>Irvine, California"];
	rc[13]=["design_02.jpg",tc[1],"Los Angeles Federal Credit Union<br>The Urquiza Group<br>Burbank, California"];
	rc[14]=["design_03.jpg",tc[1],"Kitchen at Howard Lutnick Residence<br>New York City<br>Michael Chan & Associates"];
	rc[15]=["design_04.jpg",tc[1],"Typical Labor & Delivery Room<br>Anshen + Allen, San Francisco<br>Catholic Healthcare West"];
	rc[16]=["design_05.jpg",tc[1],"Countrywide Financial<br>Executive suites remodeling<br>irvine, California"];
	rc[17]=["design_06.jpg",tc[1],"St. Joseph Medical Center<br>Nursery Room<br>Anshen + Allen, San Francisco"];
	rc[18]=["design_07.jpg",tc[1],"Malibu Jewish Center<br>Interior view towards entrance<br>Edward Niles, FAIA, Architect"];
	rc[19]=["design_08.jpg",tc[1],"La Agencia De Orci remodeling<br>West Los Angeles<br>The Urquiza Group"];
	rc[20]=["transp_00.jpg",tc[2],"Metro Orange Line<br>Goodland Ave. crossing<br>San Fernando Valley, California"];
	rc[21]=["transp_01.jpg",tc[2],"Metro Gold Line, Eastside Extension<br>Maravilla station<br>East LA, California"];
	rc[22]=["transp_02.jpg",tc[2],"High Speed Rail project competition<br>Downtown Los Angeles/Irvine segment<br>STV, Inc"];
	rc[23]=["transp_03.jpg",tc[2],"San Diego Trolley, Northside Extension<br>La Jolla California<br>DMJM-Harris"];
	rc[24]=["transp_04.jpg",tc[2],"Overpass bridge for Amtrak<br>Union Station & 101 Freeway<br>Downtown Los Angeles"];
	rc[25]=["transp_05.jpg",tc[2],"High Speed Rail project competition<br>Downtown Los Angeles/Irvine segment<br>STV, Inc"];
	rc[26]=["transp_06.jpg",tc[2],"MTA Gold Line, Eastside Extension<br>1st Street in Boyle Heights<br>East Los Angeles"];
	rc[27]=["transp_07.jpg",tc[2],"MTA Orange Line<br>Van Nuys Boulevard station<br>San Fernando Valley"];
	rc[28]=["transp_08.jpg",tc[2],"MetroLink maintenance facilities<br>Colton, California<br>STV, Inc"];

	if(r<0) {r=(Math.floor(Math.random()*(rc.length)))%(rc.length)};
	if(parseInt(hashQuery("item"))!=r) {hashItem(r)};
	if(!document.getElementById('WS')) {document.getElementById('stage').innerHTML = "<img id='WS' src='graphics/countDown.gif' width='640' height='360' border='0' style='float:left;filter:alpha(opacity=100);opacity:1'>"};
		
	var op = document.getElementById("WS").style.opacity * 100;
	if(op == 100) { //happens only when there is no crossfade in progress
		MM_preloadImages("images/" + rc[r][0]);
		setTimeout("BlendImage('stage','images/" + rc[r][0] + "','WS'," + 1300 + ")",450); 
		document.getElementById('caption').innerHTML="<span class='hiLite'>" + rc[r][1] + "</span>" + "<em>" + rc[r][2] + "</em>"; //caption
		//----red underline
		var t;
		if(r<10) {t="0" + r} else {t="" + r};
		if(r<2) {frames["headerField"].document.getElementById("hR_" + t).src="graphics/headerRed4.png"} else {frames["stripField"].document.getElementById("hR_" + t).src="graphics/stripRed4.png"}
		frames["headerField"].resetImages("hR_",0,r);
		frames["stripField"].resetImages("hR_",2,r);
		//-----end of underline
		//-----start of strip control
		var s;
		if(r>=0&&r<2) {s=(Math.floor(Math.random()*3))%3};
		if(r>=2&&r<11) {s=0};
		if(r>=11&&r<20) {s=1};
		if(r>=20&&r<29) {s=2};
		strip(0,s);
	}
	//------------en of strip
}

function videoScene(v) {
	var video = new Array();
	
	video[0]=["3D_GLEE.flv","Transportation","MTA<br>Metro Gold Line, Eastside Extension<br>East Los Angeles, California","none",131];
	video[1]=["3D_HSR.flv","Transportation","California High Speed Rail<br>Irvine/San Diego segment<br>STV, Inc","none",42];
	video[2]=["3D_AME.flv","Architecture","Last Chance for Animals & Paul Mitchell<br>Animal Museum of Education<br>Schematic Proposal","none",78];
	video[3]=["3D_GT.flv","Architecture","Greek Theatre remodeling<br>The Luckman Partnership & SPF:a<br>Los Angeles, California","none",140];
	video[4]=["3D_LB.flv","Architecture","La Opera & The Madison Restaurants<br>Urban illumination study<br>Downtown Long Beach, California","none",60];
	video[5]=["3D_WL-land.flv","The Wilshire Loops","Sepulveda Pass Widening<br>I-405 & Wilshire Blvd, Westwood<br>Julio Llosa","none",20];	
	video[6]=["3D_Soliant.flv","Industrial Design","Solar energy collectors<br>Soliant Energy<br>Pasadena, California","none",53];
	video[7]=["3D_StPaula.flv","Architecture","Duplex condominiums<br>California bungalow style<br>Santa Paula, California","none",64];
	video[8]=["3D_AlamCorr.flv","Transportation","Alameda Transportation Corridor<br>Downtown Los Angeles - Long Beach<br>DMJM","none",68];
	video[9]=["3D_CHW.flv","Architecture","Saint Joseph Medical Center<br>Stockton, California<br>Catholic Healthcare West","none",378];
	video[10]=["3D_UStat.flv","Transportation","Bridge over 101 Freeway<br>Amtrak - Union Station<br>STV, Inc.","none",60]
	video[11]=["v_AECOM.flv","Corporate Video","DMJM - AECOM<br>Scott Everett<br>Los Angeles, California","none",66];
	video[12]=["v_WorldsSM.flv","Promotional Video","Worlds of Super Models<br>Morris Barber Agency<br>Los Angeles","none",175];
	video[13]=["v_RRH.flv","Commercial Film Trailer","\'Red Riding Hood\'<br>Terry Gilliam<br>20th Century Fox","none",140];
	video[14]=["v_Weddings.flv","Promotional Video","Event Organizing Company<br>Orange County<br>Alonso Llosa - Production","none",140];
	video[15]=["v_DeadIndustry.flv","Film Preview","\'Dead Industry\'<br>Alonso Llosa<br>Infiernillo Films Productions","none",140];
	video[16]=["v_Reflex.flv","Television Commercial","\'Reflex Finacial Services\'","none",140];
	video[17]=["v_Chivas.flv","Industrial Design","Chivas USA<br>Spheric texture mapping study<br>The Arzt Group","always",12];
	video[18]=["v_Infiernillo2.flv","Film Trailer","'The Great Tempatation'\<br>Alonso Llosa<br>Infiernillo Films Productions","none",140];
	video[19]=["v_Michoacan.flv","Promotional Video","Michoacan<br>Mexico Tourism Board","none",140];
	
	
	if(v<0) {v=(Math.floor(Math.random()*10))%10};
	if(parseInt(hashQuery("item"))!=v) {hashItem(v)};
	
	document.getElementById("stage").style.backgroundImage="url(graphics/countDown.gif)";
	var s1 = new SWFObject("video/player.swf","ply","640","360","9","#000000"); //suppress ../ later on
	s1.addParam("flashvars","file=" + video[v][0] + "&controlbar=none&autostart=true&repeat=" + video[v][3] + "&duration=" + video[v][4] + "");
	s1.write("stage");
	document.getElementById('caption').innerHTML="<span class='hiLite'>" + video[v][1] + "<br><br></span>" + "<em>" + video[v][2] + "</em>";
	//----red underline
	var t;
	if(v<10) {t="0" + v} else {t="" + v};
	if(v<2) {frames["headerField"].document.getElementById("hV_" + t).src="graphics/headerRed4.png"} else {frames["stripField"].document.getElementById("hV_" + t).src="graphics/stripRed4.png"}
	frames["headerField"].resetImages("hV_",0,v);
	frames["stripField"].resetImages("hV_",2,v);
	//-----end of underline
	//-----start of strip control
	var s;
	if(v>=0&&v<11) {s=0};
	if(v>=11&&v<20) {s=1};
	strip(3,s);
	//------------en of strip
}

function interact(i) {
	var interAct= new Array();
	
	interAct[0]=["Soliant/Soliant.htm","Green Technology","Dual axis sun tracking panels<br>Soliant Energy<br>Pasadena, California"];
	interAct[1]=["SmartRoadster/SmartRoadster.htm","eCommerce","Smart Roadster interactive configurator<br>Removable targa roof and operable doors & windows"];
	interAct[2]=["Dallas/Dallas.html","Urban Planning","Shape-based zoning study<br>Trinity River Corridor project<br>City of Dallas, Texas"];
	interAct[3]=["EamesShell/EamesShell.htm","eCommerce","Configuration panel for the classic Eames fiberglass chair<br>Los Angeles, California"];
	interAct[4]=["StPaula/StPaula.htm","Architecture","Duplex in California Bungalow style<br>Interactive 3D painting<br>Santa Paula, California"];
	interAct[5]=["TenonChair/TenonChair.htm","eCommerce","Tenon chair for Modernica<br>Three different types of wood and optional upholstery"];
	interAct[6]=["Chapel/Chapel.htm","Random color 3Di","Simple stone chapel illustrating randomly assigned parameters. Click on palette to change colors."];
	interAct[7]=["ChivasBall/ChivasBall.htm","eCommerce","Design your own Chivas soccer ball in many color combinations. Click on swatches to change colors."];
	interAct[8]=["Bling/Bling.htm","eCommerce","Wireless payment collecting machine: Bling doesn't need cash, checks or debit/credit cards."];

	if(i<0) {i=(Math.floor(Math.random()*(interAct.length)))%(interAct.length)};
	if(parseInt(hashQuery("item"))!=i) {hashItem(i)};
	document.getElementById("stage").style.backgroundImage="url(graphics/countDown.gif)";
	
	document.getElementById("stage").innerHTML = "<iframe width='640' height='360' scrolling='no' frameborder='0' src=" + "3D/" + interAct[i][0] + "></iframe>";
	document.getElementById("caption").innerHTML="<span class='hiLite'>" + interAct[i][1] + "<br><br></span>" + "<em>" + interAct[i][2] + "</em>";
	//----red underline
	var t;
	if(i<10) {t="0" + i} else {t="" + i};
	if(i<2) {frames["headerField"].document.getElementById("hI_" + t).src="graphics/headerRed4.png"} else {frames["stripField"].document.getElementById("hI_" + t).src="graphics/stripRed4.png"}
	frames["headerField"].resetImages("hI_",0,i);
	frames["stripField"].resetImages("hI_",2,i);
	//------end of underline
	strip(5,0); //strip control

}


function stageItem(x) {
	var n;
	var s;
	frames["mainField"].stage(x);
	hashMain(x);
	switch (x) {
		case 0: break;
		case 1: {frames["mainField"].render(-1); break};
		case 2: {frames["mainField"].videoScene(-1); break};
		case 3: {frames["mainField"].interact(-1); break};
	}
}

var vWall=1; //if 0, kills videoWall;

function stage(x) {
	var id="m" + x;
	if(x!=0) {
		vWall=0;
		parent.document.getElementById("subM").innerHTML=parent.subMenu[0];
		document.getElementById("bodyTable").style.left="-960px";
		parent.document.getElementById(id).style.color="#EE2211";
		frames["headerField"].document.getElementById("headerTable").style.top=-116*(x-1) + "px";
		document.getElementById("textField").innerHTML=parent.infoText[x-1];
		document.getElementById("stripField").innerHTML=parent.stripMenu[x-1];
	} else {
		parent.document.getElementById("subM").innerHTML=parent.subMenu[1];
		document.getElementById("bodyTable").style.left="0px";
		document.getElementById("stage").innerHTML="<img src='graphics/countDown.gif' width='640' height='360' border='0'>";
		vWall=1;
		_x_=3;
		_y_=2;
		_rn_=(Math.floor(Math.random()*3))%3;
		_ct=0
		matrixFader(); //re-starts videoWall;
	}
	parent.resetMenu("m",x);
	parent.resetMenu("inf",-1);
}

function infoItem(x) {
	info(x);
	hashInfo(x);
	if(x==1) {frames["mainField"].imgItem(0)};
	if(x==3) {frames["mainField"].servItem(0)};
	if(x==4) {frames["mainField"].logoItem(8)};
	if(x==5) {frames["mainField"].bioItem(0)};
}

function info(x) {
	var id;
	var i=0;
	id="inf" + x;
	frames["mainField"].document.getElementById("textField").innerHTML=parent.infoText[x+3];
	document.getElementById(id).style.color="#FFFF00";
	resetMenu("inf",x);
}


function servItem(x) {
	serv(x);
	hashTiny(x);
}

function serv(x) {
	document.getElementById("servText").innerHTML=parent.textServ[x];
	var t;
	if(x<10) {t="tiny_0" + x} else {t="tiny_" + x};
	document.getElementById(t).src="graphics/servYellow4.png";
	resetImages("tiny_",0,x);
}


function imgItem(x) {
	images(x);
	hashTiny(x);
}

function images(x) {
	document.getElementById("imgText").innerHTML=parent.textImg[x];
	var t;
	if(x<10) {t="tiny_0" + x} else {t="tiny_" + x};
	document.getElementById(t).src="graphics/teamYellow4.png";
	resetImages("tiny_",0,x);
}

function bioItem(x) {
	bio(x);
	hashTiny(x);
}

function bio(x) {
	document.getElementById("teamText").innerHTML=parent.textTeam[x];
	var t;
	if(x<10) {t="tiny_0" + x} else {t="tiny_" + x};
	document.getElementById(t).src="graphics/teamYellow4.png";
	resetImages("tiny_",0,x);
}

function logoItem(x) {
	logo(x);
	hashTiny(x);
}

function logo(x) {
	document.getElementById("logoText").innerHTML=parent.textLogo[x];
	var t;
	if(x<10) {t="tiny_0" + x} else {t="tiny_" + x};
	document.getElementById(t).src="graphics/logoYellow4.png";
	resetImages("tiny_",0,x);
}

function strip(b,x) {
	frames["stripField"].document.getElementById("stripTable").style.top=-67 * (b+x) + "px";
	var id="strip_" + x;
	document.getElementById(id).style.color="#EE2211";
	resetMenu("strip_",x);
}

//----------end of menu functions
//----------hash handling

function hashQuery(param) {
	var pos;
	var parms = top.window.location.hash.substring(1).split('&');
	for (var i=0; i<parms.length; i++) {
		pos = parms[i].indexOf('=');
		if (pos > 0) {
			if(param==parms[i].substring(0,pos)) {
				return(parms[i].substring(pos+1));
			}
		}
	}
}

function hashMain(x) {
	if(x!=0) {window.location.hash="topic=" + x} else {window.location.hash=""}
}

function hashItem(x) {
	var info;
	var tiny;
	if(!hashQuery("info")) {info=""} else {info="&info=" + hashQuery("info")};
	if(!hashQuery("tiny")) {tiny=""} else {tiny="&tiny=" + hashQuery("tiny")};
	top.window.location.hash="topic="  + hashQuery("topic") + "&item=" + x + info + tiny;
}

function hashInfo(x) {
	top.window.location.hash="topic=" + hashQuery("topic") + "&item=" + hashQuery("item") + "&info=" + x;
}

function hashTiny(x) {
	top.window.location.hash="topic=" + hashQuery("topic") + "&item=" + hashQuery("item") + "&info=" +  hashQuery("info") + "&tiny=" + x;
}

function hashReader() {
	var top=parseInt(hashQuery("topic"));
	if(top>0&&top<4) {
		stage(top);
		var itemizer=parseInt(hashQuery("item"));
		switch(top) {
			case 1: {if(itemizer>=0&&itemizer<29) {render(itemizer)} else {render(-1)}; break};
			case 2: {if(itemizer>=0&&itemizer<20) {videoScene(itemizer)} else {videoScene(-1)}; break};
			case 3: {if(itemizer>=0&&itemizer<9) {interact(itemizer)} else {interact(-1)}; break};
		}
		var inform=parseInt(hashQuery("info"));
		if(inform>=0&&inform<8) {
			var teeny=parseInt(hashQuery("tiny"));
			parent.info(inform);
			switch(inform) {
				case 1: {if(teeny>=0&&teeny<4) {images(teeny)} else {images(0)}; break};
				case 3: {if(teeny>=0&&teeny<4) {serv(teeny)} else {serv(0)}; break}
				case 4: {if(teeny>=0&&teeny<9) {logo(teeny)} else {logo(8)}; break}
				case 5: {if(teeny>=0&&teeny<4) {bio(teeny)} else {bio(0)}; break};
			}
		}
	}
}
//---------- end of hash handling