var img2 = new Image(); img2.src="images/design-2.jpg";
var img3 = new Image(); img3.src="images/design-3.jpg";
var img4 = new Image(); img4.src="images/design-4.jpg";
var img5 = new Image(); img5.src="images/design-5.jpg";
var img6 = new Image(); img6.src="images/design-6.jpg";
var img7 = new Image(); img7.src="images/design-7.jpg";
var img8 = new Image(); img8.src="images/design-8.jpg";

var ttl2 = new Image(); ttl2.src="images/title-video-2.gif";
var ttl3 = new Image(); ttl3.src="images/title-video-3.gif";
var ttl4 = new Image(); ttl4.src="images/title-video-4.gif";
var ttl5 = new Image(); ttl5.src="images/title-video-5.gif";
var ttl6 = new Image(); ttl6.src="images/title-video-6.gif";
var ttl7 = new Image(); ttl7.src="images/title-video-7.gif";
var ttl8 = new Image(); ttl8.src="images/title-video-8.gif";

var activeSection = 1;
function showSection(id) {
	var o1 = document.getElementById('nav-main');
	var o2 = document.getElementById('nav-footer');
	var o3 = document.getElementById('content-sections');
	var a1 = o1.getElementsByTagName('a');
	var a2 = o2.getElementsByTagName('a');
	var a3 = o3.getElementsByTagName('div');
	a1[(activeSection-1)].className = '';
	a1[(id-1)].className = 'selected';
	a2[(activeSection-1)].className = '';
	a2[(id-1)].className = 'selected';
	a3[(activeSection-1)].className = '';
	a3[(id-1)].className = 'selected';
	activeSection = id;
}

function closeMedia() {
	document.getElementById('title').className = '';
	document.getElementById('videos').style.display = 'none';
	document.getElementById('images').style.display = 'none';
	document.getElementById('thumbnails').style.display = 'block';
	flashLoaded = false;
}

var videoCount = 12;
var flashLoaded = false;
function showVideo(id) {
	var o1 = document.getElementById('thumbnails');
	var o2 = document.getElementById('videos');
	var o3 = document.getElementById('video-container');
	var o4 = document.getElementById('video-next');
	var o5 = document.getElementById('video-previous');
	var o6 = document.getElementById('video-title');
	o6.src = 'images/title-video-'+id+'.gif';
	if(flashLoaded) {
		o3.sendEvent('LOAD', '../flash/direction-'+id+'.flv');
	} else {
		var s1 = new SWFObject("flash/player.swf","video-container","521","312","9","#000000");
		s1.addParam("allowfullscreen","true");
		s1.addParam("allowscriptaccess","always");
		s1.addParam('wmode','opaque');
		s1.addParam("flashvars","file=../flash/direction-"+id+".flv&id=video-container&stretching=fill&autostart=true&screencolor=000000&bufferlength=5");
		//&skin=../flash/skin.swf,339
		s1.write("flash-container");
		flashLoaded = true;
	}
	o1.style.display = 'none';
	o2.style.display = 'block';
	setTimeout ("changeTitle('direction')", 500);
	o4.onclick = function() { showVideo((((id+1)<=videoCount)?(id+1):1)); return false; }
	o5.onclick = function() { showVideo((((id-1)>=1)?(id-1):videoCount)); return false; }
}

var imageCount = 8;
function showImage(id) {
	var o1 = document.getElementById('thumbnails');
	var o2 = document.getElementById('images');
	var o3 = document.getElementById('image-container');
	var o4 = document.getElementById('image-next');
	var o5 = document.getElementById('image-previous');
	o3.src = 'images/design-'+id+'.jpg';
	o1.style.display = 'none';
	o2.style.display = 'block';
	setTimeout ("changeTitle('design')", 500);
	o4.onclick = function() { showImage((((id+1)<=imageCount)?(id+1):1)); return false; }
	o5.onclick = function() { showImage((((id-1)>=1)?(id-1):imageCount)); return false; }
}

function changeTitle(id) {
	document.getElementById('title').className = id;
}