//change the opacity for different browsers	
	function changeOpac(opacity, id) {
		var object = document.getElementById(id).style;
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
	}

	var timeoutTrack;
	function fadeImage(id, opacStart, opacEnd, millisec) 
	{
		if (timeoutTrack)
		{
			clearTimeout(timeoutTrack);
		}
		//speed for each frame
		var speed = Math.round(millisec / 100);
		var timer = 0;
		//determine the direction for the blending, if start and end are the same nothing happens
		if(opacStart > opacEnd) 
		{
			for(i = opacStart; i >= opacEnd; i--) 
			{
				timeoutTrack = setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
				timer++;
			}
		} 
		else if(opacStart < opacEnd) 
		{
			for(i = opacStart; i <= opacEnd; i++)
			{
				timeoutTrack = setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
				timer++;
			}
		}
	}

	function endsWith(str, s){
		var reg = new RegExp(s + "$");
		return reg.test(str);
	}
	
	function changeHomeSplash2(newTag, navEl)
	{
		var td = $('#home_splash_img_td');
		var img = $('#home_splash_img');
		var link = $('#home_splash_img_a');
		
		var classNameRoot = navEl.className.substring(0,23);
		if (classNameRoot == 'home_servicesnav_item_t')
		{
			classNameRoot = 'home_servicesnav_item_td'
		}

		var newImgSrc = "images/homeSplash/hp_center_" + newTag + ".jpg"
		
		if (endsWith(img.attr('src'),newImgSrc) )
		{			
			return;
		}
		
		$(img).fadeOut('100',function() {
			$(this).load(function () { $(this).fadeIn(); });
			$(this).attr("src", newImgSrc);
		});

		
		$(navEl).attr('class', classNameRoot + '_sel');

		var navLinks = navEl.getElementsByTagName("a");
		if (navLinks.length > 0)
		{
			link.attr('href', navLinks[0].href);
		}

	}
	
	
	function changeHomeSplash(newTag, navEl)
	{
		var td = document.getElementById('home_splash_img_td');
		var img = document.getElementById('home_splash_img');
		var link = document.getElementById('home_splash_img_a');

		var classNameRoot = navEl.className.substring(0,23);
		if (classNameRoot == 'home_servicesnav_item_t')
		{
			classNameRoot = 'home_servicesnav_item_td'
		}

		var newImgSrc = "images/homeSplash/hp_center_" + newTag + ".jpg"
		
		if (endsWith(img.src,newImgSrc) )
		{
			return;
		}
		td.style.background = '#798983 url('+img.src+') no-repeat top left';
		// td.style.background = 'red';
		changeOpac(10,img.id);
		img.src = "images/homeSplash/hp_center_" + newTag + ".jpg";
		fadeImage(img.id,10,100,500);

		navEl.className = classNameRoot + '_sel';

		var navLinks = navEl.getElementsByTagName("a");
		if (navLinks.length > 0)
		{
			link.href = navLinks[0].href;
		}
		

		var table = document.getElementById("homeSplash"); 
		var cells = table.getElementsByTagName("td"); 
		for (var i = 0; i < cells.length; i++) 
		{ 
			var cell = cells[i];
			if (cell != navEl && cell.className != '')
			{
				var cn = cell.className.substring(0,23);
				if (cn == 'home_sectorsnav_item_td')
				{
					cell.className = 'home_sectorsnav_item_td';
				} 
				else if (cn == 'home_servicesnav_item_t')
				{
					cell.className = 'home_servicesnav_item_td';
				}
			}
		}


	}

	function preCacheHomeImages()
	{
		// counter
		var i = 0;

		// create object
		imageObj = new Image();

		// set image list
		imgs = new Array();
		imgs[0]="images/homeSplash/hp_center_agentorange.jpg"
		imgs[1]="images/homeSplash/hp_center_aquatic.jpg"
		imgs[2]="images/homeSplash/hp_center_biodiversity.jpg"
		imgs[3]="images/homeSplash/hp_center_enviroassess.jpg"
		imgs[4]="images/homeSplash/hp_center_enviroinfosys.jpg"
		imgs[5]="images/homeSplash/hp_center_fisheries.jpg"
		imgs[6]="images/homeSplash/hp_center_forestry.jpg"
		imgs[7]="images/homeSplash/hp_center_gis.jpg"
		imgs[8]="images/homeSplash/hp_center_intdev.jpg"
		imgs[9]="images/homeSplash/hp_center_internationaldevelopment.jpg"
		imgs[10]="images/homeSplash/hp_center_lineardev.jpg"
		imgs[11]="images/homeSplash/hp_center_climatechange.jpg"
		imgs[12]="images/homeSplash/hp_center_mining.jpg"
		imgs[13]="images/homeSplash/hp_center_oil.jpg"
		imgs[14]="images/homeSplash/hp_center_powergen.jpg"
		imgs[15]="images/homeSplash/hp_center_pulp.jpg"

		// start preloading
		for(i=0; i<=15; i++) 
		{
		  imageObj.src=imgs[i];
		}
	}