// JavaScript Document
var imageObj = new Image();
var navigationHovers = ["/images/about_us_hover.gif", "/images/clients_hover.gif", "/images/contact_hover.gif", "/images/portfolio_hover.gif"];
var hoverTime = 200;
var timer = null; 

$(document).ready(
	function()
	{
		navigationLinks = $('div#top ul a img');
		navigationLinks.hover(linkOver,linkOut);
		$('ul.dropDown').parent().hover(dropOver, dropOut);
		
		
	}
);

$(window).load(function(){ preLoader(navigationHovers); }); //Preload the 'hover' images for the navigation


/* Mouseover */
function linkOver() 
{ 
	var getSrc = /(.*)(\.\w{3})/; //Regexp to seperate file name from extension
	var editSrc = $(this).attr('src').replace(getSrc, "$1_hover$2"); //Add hover text
	$(this).attr('src', editSrc); //set source	
}

function linkOut()
{
	var removeSrc = /(_hover)/; //Regexp to find _hover
	var editSrc = $(this).attr('src').replace(removeSrc, ""); //Remove _hover
	$(this).attr('src', editSrc); //Insert new source
}

/* Image preloader */

function preLoader(imgArray)
{
	for(i=0; i< imgArray.length; i++) 
	{
		imageObj.src = imgArray[i];
	}
		
}

function dropOver()
{
	timeOut();
	var allDrops = $('ul.dropDown'); 
	var dropDown = $('ul.dropDown', this); 
	allDrops.hide();
	dropDown.show();
}

function dropOut()
{
	
	var dropDown = $('ul.dropDown', this); 
	timer = window.setTimeout(function() {dropDown.hide()}, hoverTime);
}



function timeOut()
{
	if(timer)
	{
		window.clearTimeout(timer); 
		timer = null;
	}
}