var menuSWF;
var startSWF;
var thumbsSWF;
var headerSWF;
var topCell;
var menuCell;
var clipCell;
var thumbCell;
var thumbRow;
var contentRow;
var topRow;
var contentCell;
var movieLoaded = false;


function pageChange(where)
{		
	document.getElementById("boudingtable").style.borderBottom = "1px solid white";
	if(movieLoaded)
	{
		document.videoClip.Stop();
		movieLoaded = false;
	}

switch(where)
	{
		case "home":
			document.getElementById("maintable").deleteRow(0);
			contentRow = document.getElementById("maintable").insertRow(0);
			contentCell = contentRow.insertCell(0);
			contentCell.colSpan = "2";
			document.getElementById("thumbtable").deleteRow(0);
	  		thumbRow = document.getElementById("thumbtable").insertRow(0);
	  		menuSWF = new SWFObject( "home.swf", "menu", "848", "399", "8", "#000000");
			menuSWF.write(contentCell);	
		break;
		case "demos":
			document.getElementById("maintable").deleteRow(0);
			contentRow = document.getElementById("maintable").insertRow(0);
			menuCell = contentRow.insertCell(0);
			menuCell.align = "left";
			menuCell.valign = "top";
			menuCell.colSpan = "1";
			menuCell.width = "480";
			clipCell = contentRow.insertCell(1);
			clipCell.colSpan = "1";
			clipCell.vAlign = "top";			
			clipCell.align = "left";
			clipCell.width = "340";
			menuSWF = new SWFObject("demos/menu.swf", "menu", "480", "337", "8", "#000000");
			menuSWF.write(menuCell);	
			startSWF = new SWFObject("demos/start.swf", "start", "340", "285", "8", "#000000");
			startSWF.write(clipCell);	

			addThumbs("demos", "thumbs");
		break;
		case "quickcuts": 
			document.getElementById("maintable").deleteRow(0);
			contentRow = document.getElementById("maintable").insertRow(0);
			menuCell = contentRow.insertCell(0);
			menuCell.align = "left";
			menuCell.valign = "top";
			menuCell.colSpan = "1";
			menuCell.width = "480";
			clipCell = contentRow.insertCell(1);
			clipCell.colSpan = "1";
			clipCell.vAlign = "top";			
			clipCell.align = "left";
			clipCell.width = "340";
			menuSWF = new SWFObject("quickcuts/menu.swf", "menu", "480", "337", "8", "#000000");
			menuSWF.write(menuCell);	
			startSWF = new SWFObject("quickcuts/start.swf", "start", "340", "285", "8", "#000000");
			startSWF.write(clipCell);	
		
			document.top.clear_all();

			addThumbs("quickcuts", "quickcuts");
		break;	
		case "archives":
			document.getElementById("maintable").deleteRow(0);
			contentRow = document.getElementById("maintable").insertRow(0);
			menuCell = contentRow.insertCell(0);
			menuCell.align = "left";
			menuCell.valign = "top";
			menuCell.colSpan = "1";
			menuCell.width = "480";
			clipCell = contentRow.insertCell(1);
			clipCell.colSpan = "1";
			clipCell.vAlign = "top";
			clipCell.align = "left";
			clipCell.width = "340";
			menuSWF = new SWFObject("archives/menu.swf", "menu", "480", "337", "8", "#000000");
			menuSWF.write(menuCell);	
			removeThumbs();
			startSWF = new SWFObject("archives/start.swf", "start", "340", "285", "8", "#000000");
			startSWF.write(clipCell);	
		break;
		case "behind":
			document.getElementById("maintable").deleteRow(0);
			contentRow = document.getElementById("maintable").insertRow(0);
			menuCell = contentRow.insertCell(0);
			menuCell.align = "left";
			menuCell.valign = "top";
			menuCell.colSpan = "1";
			menuCell.width = "480";
			clipCell = contentRow.insertCell(1);
			clipCell.colSpan = "1";
			clipCell.vAlign = "middle";
			clipCell.align = "left";
			clipCell.width = "360";
			menuSWF = new SWFObject("behind/menu.swf", "menu", "480", "337", "8", "#000000");
			menuSWF.write(menuCell);	
			removeThumbs();
			startSWF = new SWFObject("behind/start.swf", "start", "320", "240", "8", "#000000");
			startSWF.write(clipCell);	
		break;
		case "contact":
			document.getElementById("maintable").deleteRow(0);
			contentRow = document.getElementById("maintable").insertRow(0);
			contentCell = contentRow.insertCell(0);
			contentCell.colSpan = "2";
			removeThumbs();
  		menuSWF = new SWFObject( "contact.swf", "menu", "848", "399", "8", "#000000");
			menuSWF.write(contentCell);	
		break;
		case "about":
			document.getElementById("maintable").deleteRow(0);
			contentRow = document.getElementById("maintable").insertRow(0);
			contentCell = contentRow.insertCell(0);
			contentCell.colSpan = "2";
			removeThumbs();
  		menuSWF = new SWFObject( "about.swf", "menu", "848", "399", "8", "#000000");
			menuSWF.write(contentCell);	
		break;		
		case "ftp":	
			window.open("ftp/index.php");
		break;
		case "links":	
			window.location = "/blog/";
		break;
	}
}

function menuChange(cat, where)
{
	switch(cat)
	{
		case "demos":
				changeMovie(cat, "video", where,clipCell, 340, 285, 'true', true);
		break;
		case "quickcuts":
				if( where == "emhe" )
					changeMovie("archives", "video", where,clipCell, 340, 285, 'true', true);
				else
					changeMovie(cat, "video", where,clipCell, 340, 285, 'true', true);				
		break;		
		case "archives":
			clipCell.align = "left";								
			switch(where)
			{
				case "commercials":
					addThumbs("archives", "commercials");	
					changeMovie("archives", "start", "commercials", clipCell, 340, 285, 'true', false);				
					//THUMBNAILS LOADED
				break;			
				case "feature":
					addThumbs("archives", "features");	
					changeMovie("archives", "start", "features", clipCell, 340, 285, 'true', false);									
				break;
				case "3d":
					removeThumbs();													
					changeMovie("archives", "start", "3d", clipCell, 340, 285, 'true', false);								
				break;
				case "3dsyn":
				// show swf
					clipCell.align = "right";												
					startSWF = new SWFObject("archives/3dsyn.swf", "start", "362", "337", "8", "#000000");
					startSWF.write(clipCell);					
					movieLoaded = false;			
					document.videoClip.Stop();
				break;
				case "3dmethods":
				// show swf
					clipCell.align = "right";																
					startSWF = new SWFObject("archives/3dmethods.swf", "start", "362", "337", "8", "#000000");
					startSWF.write(clipCell);					
					movieLoaded = false;			
					document.videoClip.Stop();							
				break;
				case "3dclip":
					changeMovie("archives", "video", "aot", clipCell, 340, 285, 'true', true);									
				break;
				case "3dsglasses":
				//show lightbox & swf
					popSlideshow("archives/slideshow.php?filename=3dglasses&wid=850&hei=402", 850, 482);
					document.videoClip.Stop();
				break;
				case "3dsdrift":
				//show lighbox & swf
					popSlideshow("archives/slideshow.php?filename=3ddrift&wid=850&hei=402", 850, 482);
					document.videoClip.Stop();			
				break;
				case "music":
					addThumbs("archives", "music");					
					changeMovie("archives", "start", "music", clipCell, 340, 285, 'true', false);									
				break;
				case "trade":
					addThumbs("archives", "trade");					
					changeMovie("archives", "start", "trade", clipCell, 340, 285, 'true', false);
				break;
				case "yoga":
					removeThumbs();
					changeMovie("archives", "video", "yoga", clipCell, 340, 285, 'true', true);									
				break;
				case "taylor_slideshow":
					document.videoClip.Stop();				
					movieLoaded = false;
					startSWF = new SWFObject("archives/taylor.swf", "start", "340", "285", "8", "#000000");
					startSWF.write(clipCell);	
			  break;
				default:
					changeMovie(cat, "video", where, clipCell, 340, 285, 'true', true);					
				break;				
			}			
		break;
		case "behind":
			clipCell.align = "left";	
			switch(where)
			{
				case "ai":
					clipCell.vAlign = "top";
 					changeMovie("behind", "video", "ai", clipCell, 340, 285, 'true', true);	
				break;
				case "mitsu":
					clipCell.vAlign = "top";
 					changeMovie("behind", "video", "mitsu", clipCell, 340, 285, 'true', true);	
				break;				
				case "net":
					clipCell.vAlign = "top";
					changeMovie("archives", "video", "net_behind", clipCell, 340, 285, 'true', true);
				break;				
				case "angels":
					clipCell.vAlign = "top";
					changeMovie("behind", "video", "angels", clipCell, 340, 285, 'true', true);
				break;				
				case "shanghi":
					clipCell.vAlign = "top";
					changeMovie("archives", "video", "shanghi_boogie", clipCell, 340, 285, 'true', true);
				break;
				case "speed":
					clipCell.vAlign = "top";
					changeMovie("archives", "video", "speed_sequence", clipCell, 340, 285, 'true', true);
				break;
				case "speed_shot1":
					clipCell.vAlign = "top";
					changeMovie("archives", "video", "speed_shot1", clipCell, 340, 285, 'true', true);
				break;
				case "speed_shot2":
					clipCell.vAlign = "top";
					changeMovie("archives", "video", "speed_shot2", clipCell, 340, 285, 'true', true);
				break;	
				case "sixth":
					clipCell.vAlign = "top";
					changeMovie("behind", "video", "sixth", clipCell, 340, 285, 'true', true);
				break;	
				case "sixth_2":
					clipCell.vAlign = "top";
					changeMovie("archives", "video", "sixth_behind", clipCell, 340, 285, 'true', true);
				break;					
				case "titanic":
					clipCell.vAlign = "top";
					changeMovie("archives", "video", "titanic_behind", clipCell, 340, 285, 'true', true);
				break;	
				case "volcano":
					clipCell.vAlign = "top";
					changeMovie("behind", "video", "volcano", clipCell, 340, 285, 'true', true);				
				break;		
				case "wolf":
					clipCell.vAlign = "top";
					changeMovie("archives", "video", "wolf_behind", clipCell, 340, 285, 'true', true);
				break;	
				case "movie":
					addThumbs("behind", "behind");									
					clipCell.vAlign = "middle";
					if(movieLoaded)
					{
						document.videoClip.Stop();				
						movieLoaded = false;
					}
					startSWF = new SWFObject("behind/start.swf", "start", "360", "337", "8", "#000000");
					startSWF.write(clipCell);					
				break;	
				case "articles":
					removeThumbs();								
					clipCell.vAlign = "middle";
					if(movieLoaded)
					{
						document.videoClip.Stop();				
						movieLoaded = false;
					}
					startSWF = new SWFObject("behind/start.swf", "start", "360", "337", "8", "#000000");
					startSWF.write(clipCell);					
				break;		
				case "photos":
					removeThumbs();												
					clipCell.vAlign = "middle";
					if(movieLoaded)
					{
						document.videoClip.Stop();				
						movieLoaded = false;
					}
					startSWF = new SWFObject("behind/start.swf", "start", "360", "337", "8", "#000000");
					startSWF.write(clipCell);					
				break;	
				case "atd":
					clipCell.vAlign = "middle";
					startSWF = new SWFObject("behind/atd.swf", "start", "360", "285", "8", "#000000");
					startSWF.write(clipCell);					
				break;	
				case "csi":
					clipCell.vAlign = "middle";
					startSWF = new SWFObject("behind/csi.swf", "slideshow", "360", "320", "8", "#000000");
					startSWF.write(clipCell);					
				break;	
				case "hollywood":
					clipCell.vAlign = "middle";
					startSWF = new SWFObject("behind/hollywood.swf", "slideshow", "360", "320", "8", "#000000");
					startSWF.write(clipCell);					
				break;
				case "michael_photos":
					clipCell.vAlign = "middle";
					startSWF = new SWFObject("behind/jackson.swf", "slideshow", "360", "320", "8", "#000000");
					startSWF.write(clipCell);					
				break;	
				case "parking":
					clipCell.vAlign = "middle";
					startSWF = new SWFObject("behind/parking.swf", "slideshow", "360", "320", "8", "#000000");
					startSWF.write(clipCell);					
				break;		
				case "rsl":
					clipCell.vAlign = "middle";
					startSWF = new SWFObject("behind/rsl.swf", "slideshow", "360", "320", "8", "#000000");
					startSWF.write(clipCell);					
				break;		
				case "angels_photos":
					clipCell.vAlign = "middle";
					startSWF = new SWFObject("behind/angels.swf", "slideshow", "360", "320", "8", "#000000");
					startSWF.write(clipCell);									
				break;			
				case "sixth_studio":
					clipCell.vAlign = "middle";
					startSWF = new SWFObject("behind/sixth_studio.swf", "slideshow", "360", "320", "8", "#000000");
					startSWF.write(clipCell);					
				break;
				case "sixth_bluescreen":
					clipCell.vAlign = "middle";
					startSWF = new SWFObject("behind/sixth_bluescreen.swf", "slideshow", "360", "320", "8", "#000000");
					startSWF.write(clipCell);					
				break;
				case "sixth_aerial":
					clipCell.vAlign = "middle";
					startSWF = new SWFObject("behind/sixth_aerial.swf", "slideshow", "360", "320", "8", "#000000");
					startSWF.write(clipCell);					
				break;
				case "sixth_morphs":
					clipCell.vAlign = "middle";
					startSWF = new SWFObject("behind/sixth_morphs.swf", "slideshow", "360", "320", "8", "#000000");
					startSWF.write(clipCell);					
				break;	
				case "speed_main":
					clipCell.vAlign = "middle";
					startSWF = new SWFObject("behind/speed_main.swf", "slideshow", "360", "320", "8", "#000000");
					startSWF.write(clipCell);					
				break;
				case "speed_fun":
					clipCell.vAlign = "middle";
					startSWF = new SWFObject("behind/speed_fun.swf", "slideshow", "360", "320", "8", "#000000");
					startSWF.write(clipCell);					
				break;	
				case "crew":				
					removeThumbs();								
					clipCell.vAlign = "middle";
					if(movieLoaded)
					{
						document.videoClip.Stop();				
						movieLoaded = false;
					}
					startSWF = new SWFObject("behind/crew.swf", "slideshow", "360", "320", "8", "#000000");
					startSWF.write(clipCell);					
				break;					
			}
		break;		
	}
}
function thumbChange(cat, where)
{
	document.menu.highlightClip(where);
	menuChange(cat, where);
}

function loadTop()
{	
	document.getElementById("toptable").deleteRow(0);
	topRow = document.getElementById("toptable").insertRow(0);
	topCell = topRow.insertCell(0);
	topCell.colSpan = "2";
	headerSWF = new SWFObject("header.swf", "top", "848", "77", "8", "#000000");
	headerSWF.write(topCell);
}	

function loadTable()
{
	topRow = document.getElementById("toptable").insertRow(0);
	contentRow = document.getElementById("maintable").insertRow(0);
	thumbRow = document.getElementById("thumbtable").insertRow(0);
	
	return true;
}	

function loadIntro()
{

	document.getElementById("toptable").deleteRow(0);
	topRow = document.getElementById("toptable").insertRow(0);
	topCell = topRow.insertCell(0);
	topCell.colSpan = "2";
	headerSWF = new SWFObject("intro.swf", "top", "1200", "700", "8", "#000000");
	headerSWF.write(topCell);
}

function introDone()
{	
	setTimeout('loadTop()', 500);
	setTimeout("pageChange('home')", 500);
	setTimeout("setTopMargin()", 500);
	
	return true;
}

function setTopMargin()
{
	document.body.style.marginTop = "70px";
  document.getElementById("boudingtable").style.border = "1px solid white";
}

function removeThumbs()
{

	document.getElementById("thumbtable").deleteRow(0);
	document.getElementById("boudingtable").style.border = "1px solid white";	
	thumbRow = document.getElementById("thumbtable").insertRow(0);
}

function addThumbs(cat, filename)
{
	document.getElementById("thumbtable").deleteRow(0);
	document.getElementById("boudingtable").style.borderBottom = "0px";
	thumbRow = document.getElementById("thumbtable").insertRow(0);
	thumbCell = thumbRow.insertCell(0);
	thumbCell.align = "left";
	thumbsSWF = new SWFObject(cat + "/" + filename + ".swf", "thumbs", "850", "105", "8", "#000000");
	thumbsSWF.write(thumbCell);		
}

function popSlideshow(page, w, h)
{
	var win= null;
	var winl = (screen.width-w)/2;
	var wint = (screen.height-h)/2;
	var settings ='height='+h+',';
	settings +='width='+w+',';
	settings +='top='+wint+',';
	settings +='left='+winl+',';
	settings +='scrollbars=no,';
	settings +='resizable=no';
	win=window.open(page,"",settings);
}