// JavaScript Document
var who = ''; var srcname = ''; var selected = ''; var theevent = ''
var thelayer = ''
var x = ''
var z = ''
var mainimg = ''
var i = 0
var counter = 0
var arrayDim = 0
var delay = 4000
var contentimgobject = new Image

var layerLinks = new Array ('hdr_design','hdr_marketing','hdr_technology','hdr_joinus', 'hdr_newmedia')
var expandingLayers = new Array ('design','marketing','technology','joinus','newmedia')
var imageArray = new Array('hdr_design_on.gif','hdr_marketing_on.gif','hdr_newmedia_on.gif','hdr_technology_on.gif','hdr_joinus_on.gif','hdr_design_ov.gif','hdr_marketing_ov.gif','hdr_newmedia_ov.gif','hdr_technology_ov.gif','hdr_joinus_ov.gif')
var contentImg = new Array('content1.jpg','content2.jpg','content3.jpg','content4.jpg','content5.jpg','content6.jpg','content7.jpg','content8.jpg','content9.jpg','content10.jpg')


// todo: add delayed preload for content images 19:27 14/06/05
// preload images
function imagePreload()
{ 
  arrayDim = imageArray.arguments.length;
  document.imageArray = new Array(arrayDim);
  for (i=0; i < arrayDim; i++)
  {
    document.imageArray[i] = new Image;
    document.imageArray[i].src = 'images/' + imageArray.arguments[i];
  }
}




// expand layers
function expand(theevent,srcname,thelayer)
{
   	selected = srcname
	arrayDim = layerLinks.length;

	if (theevent.target){
	who = theevent.target;
	}
	if (theevent.srcElement){
	who = theevent.srcElement;
	}
		for (i = 0; i < arrayDim; i++){
		x = document.getElementById(layerLinks[i]);
		z = layerLinks[i];
		x.src = 'images/' + z + '.gif';
		}
	who.src = 'images/' + srcname + '_on.gif';
	arrayDim = expandingLayers.length;
		var jon = document.getElementById(thelayer);
		if(jon.className != 'selected'){
			for (i = 0; i < arrayDim; i++){
			x = document.getElementById(expandingLayers[i]);
			x.className = 'notselected'
			}
		x = document.getElementById(thelayer);
		x.className = 'selected';
		}else{
			for (i = 0; i < arrayDim; i++){
			x = document.getElementById(expandingLayers[i]);
			x.className = 'notselected'
			who.src = 'images/' + srcname + '.gif';
			}
		}

}



// limited rollover
function ro(theevent,srcname)
{
   	if (theevent.target){
	who = theevent.target;
	}
	if (theevent.srcElement){
	who = theevent.srcElement;
	}
	if (srcname != selected){
	who.src = 'images/' + srcname + '_ov.gif';
	}
}

function rof(theevent,srcname)
{
   	if (theevent.target){
	who = theevent.target;
	}
	if (theevent.srcElement){
	who = theevent.srcElement;
	}
	if (srcname != selected){
	who.src = 'images/' + srcname + '.gif';
	}
}




// image slideshow
function slideshow()
{
	mainimg = document.getElementById('contentimg');
	mainimg.src = 'images/' + contentImg[counter];
	contentimgobject.src = 'images/' + contentImg[counter + 1];
	contsub();	
}

function contsub()
{
	//window.clearTimeout(jonathan);
	counter++;
	if (counter > contentImg.length){
	counter = 0;
	slideshow();
	}else{
	var jonathan = window.setTimeout("slideshow()",delay);
	}
}