var containerOffset, ecommerceStartOffsetTop, ecommerceStartOffsetLeft, newMediaStartOffsetTop, newMediaStartOffsetLeft, consultancyStartOffsetTop, consultancyStartOffsetLeft, bankingStartOffsetTop, bankingStartOffsetLeft, marketingStartOffsetTop, marketingStartOffsetLeft, engineeringStartOffsetTop, engineeringStartOffsetLeft;

var currentIcon = -1;

var expandMargin = 110;
var currentExpandMargin = 0;

var inSpeed = 400;
var outSpeed = 300;

var enlargeHeight = 200;
var enlargeTopOffset = -50;
var marginRightChange = 70;

var isBelowIE8 = false;

var openerTimeout = null;
var closerTimeout = null;

var initHomepage = function() {
	
	var isBelowIE8 = checkBelowIE8();
	
	$('.infoWrapper').fadeOut();
	$('.iconOverlay').hide();
	
	containerOffset = $('.container').offset();
	var offset;
	
	offset = $('.homepageIcons li#ecommerce img').offset();	
	ecommerceStartOffsetTop = offset.top - containerOffset.top + 1;
	ecommerceStartOffsetLeft = offset.left - containerOffset.left - 3;
	
	offset = $('.homepageIcons li#newMedia img').offset();	
	newMediaStartOffsetTop = offset.top - containerOffset.top + 1;
	newMediaStartOffsetLeft = offset.left - containerOffset.left - 3;
	
	offset = $('.homepageIcons li#consultancy img').offset();	
	consultancyStartOffsetTop = offset.top - containerOffset.top + 1;
	consultancyStartOffsetLeft = offset.left - containerOffset.left - 3;
	
	offset = $('.homepageIcons li#banking img').offset();
	bankingStartOffsetTop = offset.top - containerOffset.top + 1;
	bankingStartOffsetLeft = offset.left - containerOffset.left - 3;
	
	offset = $('.homepageIcons li#marketing img').offset();
	marketingStartOffsetTop = offset.top - containerOffset.top + 1;
	marketingStartOffsetLeft = offset.left - containerOffset.left - 3;

	
	
	
	$('.iconOverlay').mouseout(openerMouseOut);
	
	
	$('.homepageIcons li#ecommerce p, .homepageIcons li#ecommerce img').mouseover(function() { openIcon(openEcommerce) });
	$('.homepageIcons li#newMedia p, .homepageIcons li#newMedia img').mouseover(function() { openIcon(openNewMedia) });
	$('.homepageIcons li#consultancy p, .homepageIcons li#consultancy img').mouseover(function() { openIcon(openConsultancy) });
	$('.homepageIcons li#banking p, .homepageIcons li#banking img').mouseover(function() { openIcon(openBanking) });
	$('.homepageIcons li#marketing p, .homepageIcons li#marketing img').mouseover(function() { openIcon(openMarketing) });
	$('.homepageIcons li#engineering p, .homepageIcons li#engineering img').mouseover(function() { openIcon(openEngineering) });
	
	
}

var openerMouseOut = function() {
	
	if(closerTimeout != null)
	{
		clearTimeout(closerTimeout);
	}
	
	closerTimeout = setTimeout(function(){collapseLayout(true);}, 600);
}

var openEcommerce = function() {
	
	currentIcon = 0;
	//setSearch();
	
	$('img.iconOverlay#ecommerce').css('top', (ecommerceStartOffsetTop+currentExpandMargin)+'px');
	$('img.iconOverlay#ecommerce').css('left', ecommerceStartOffsetLeft+'px');
	$('img.iconOverlay#ecommerce').height(106);
	$('img.iconOverlay#ecommerce').show();
	
	$('img.iconOverlay#ecommerce').stop().animate(
		{height: enlargeHeight,
		top: ecommerceStartOffsetTop+enlargeTopOffset,
		left: ecommerceStartOffsetLeft-10},
		{duration: inSpeed,
		easing: 'swing'});
	
	$('.homepageIcons li:nth-child(1)').stop().animate(
		{marginRight: 70},
		{duration: inSpeed,
		easing: 'swing'});
	
	$('.homepageIcons li#ecommerce p').fadeOut(inSpeed);
	
	$('.homepageIcons li#ecommerce').stop().animate(
		{marginRight: marginRightChange},
		{duration: inSpeed,
		easing: 'swing'});
	
	//$('.infoWrapper:nth-child(2)').fadeIn(inSpeed);
}

var closeEcommerce = function() {
	
	$('img.iconOverlay#ecommerce').stop().animate(
		{height: 106,
		top: (ecommerceStartOffsetTop+currentExpandMargin),
		left: ecommerceStartOffsetLeft},
		{duration: outSpeed,
		easing: 'swing'}).fadeOut(0);
	
	//$('.infoWrapper:nth-child(2)').fadeOut(outSpeed);
	
	$('.homepageIcons li#ecommerce p').fadeIn(outSpeed);
}

var openNewMedia = function() {
	
	currentIcon = 1;
	//setSearch();
	
	$('img.iconOverlay#newMedia').css('top', (ecommerceStartOffsetTop+currentExpandMargin)+'px');
	$('img.iconOverlay#newMedia').css('left', newMediaStartOffsetLeft+'px');
	$('img.iconOverlay#newMedia').height(106);
	$('img.iconOverlay#newMedia').show();
	
	$('img.iconOverlay#newMedia').stop().animate(
		{height: enlargeHeight,
		top: newMediaStartOffsetTop+enlargeTopOffset,
		left: newMediaStartOffsetLeft-20},
		{duration: inSpeed,
		easing: 'swing'});
	
	$('.homepageIcons li:nth-child(2)').stop().animate(
		{marginRight: marginRightChange},
		{duration: inSpeed,
		easing: 'swing'});
	
	$('.homepageIcons li#newMedia p').fadeOut(inSpeed);
	
	//$('.infoWrapper:nth-child(3)').fadeIn(inSpeed);
}

var closeNewMedia = function() {
	
	$('img.iconOverlay#newMedia').stop().animate(
		{height: 106,
		top: (ecommerceStartOffsetTop+currentExpandMargin),
		left: newMediaStartOffsetLeft},
		{duration: outSpeed,
		easing: 'swing'}).fadeOut(0);
	
	//$('.infoWrapper:nth-child(3)').fadeOut(outSpeed);
	
	$('.homepageIcons li#newMedia p').fadeIn(outSpeed);
}

var openConsultancy = function() {
	
	currentIcon = 2;
	//setSearch();
	
	$('img.iconOverlay#consultancy').css('top', (ecommerceStartOffsetTop+currentExpandMargin)+'px');
	$('img.iconOverlay#consultancy').css('left', consultancyStartOffsetLeft+'px');
	$('img.iconOverlay#consultancy').height(106);
	$('img.iconOverlay#consultancy').show();
	
	$('img.iconOverlay#consultancy').stop().animate(
		{height: enlargeHeight,
		top: consultancyStartOffsetTop+enlargeTopOffset,
		left: consultancyStartOffsetLeft-20},
		{duration: inSpeed,
		easing: 'swing'});
	
	$('.homepageIcons li:nth-child(3)').stop().animate(
		{marginRight: marginRightChange},
		{duration: inSpeed,
		easing: 'swing'});
	
	$('.homepageIcons li#consultancy p').fadeOut(inSpeed);
	
	//$('.infoWrapper:nth-child(4)').fadeIn(inSpeed);
}

var closeConsultancy = function() {
	
	$('img.iconOverlay#consultancy').stop().animate(
		{height: 106,
		top: (ecommerceStartOffsetTop+currentExpandMargin),
		left: consultancyStartOffsetLeft},
		{duration: outSpeed,
		easing: 'swing'}).fadeOut(0);
	
	//$('.infoWrapper:nth-child(4)').fadeOut(outSpeed);
	
	$('.homepageIcons li#consultancy p').fadeIn(outSpeed);
}

var openBanking = function() {
	
	currentIcon = 3;
	//setSearch();
	
	$('img.iconOverlay#banking').css('top', (ecommerceStartOffsetTop+currentExpandMargin)+'px');
	$('img.iconOverlay#banking').css('left', bankingStartOffsetLeft+'px');
	$('img.iconOverlay#banking').height(106);
	$('img.iconOverlay#banking').show();
	
	$('img.iconOverlay#banking').stop().animate(
		{height: enlargeHeight,
		top: bankingStartOffsetTop+enlargeTopOffset,
		left: bankingStartOffsetLeft-20},
		{duration: inSpeed,
		easing: 'swing'});
	
	$('.homepageIcons li:nth-child(4)').stop().animate(
		{marginRight: marginRightChange},
		{duration: inSpeed,
		easing: 'swing'});
	
	$('.homepageIcons li#banking p').fadeOut(inSpeed);
	
	//$('.infoWrapper:nth-child(5)').fadeIn(inSpeed);
}

var closeBanking = function() {
	
	$('img.iconOverlay#banking').stop().animate(
		{height: 106,
		top: (ecommerceStartOffsetTop+currentExpandMargin),
		left: bankingStartOffsetLeft},
		{duration: outSpeed,
		easing: 'swing'}).fadeOut(0);
	
	//$('.infoWrapper:nth-child(5)').fadeOut(outSpeed);
	
	$('.homepageIcons li#banking p').fadeIn(outSpeed);
}

var openMarketing = function() {
	
	currentIcon = 4;
	//setSearch();
	
	$('img.iconOverlay#marketing').css('top', (marketingStartOffsetTop+currentExpandMargin)+'px');
	$('img.iconOverlay#marketing').css('left', marketingStartOffsetLeft+'px');
	$('img.iconOverlay#marketing').height(106);
	$('img.iconOverlay#marketing').show();
	
	$('img.iconOverlay#marketing').stop().animate(
		{height: enlargeHeight,
		top: marketingStartOffsetTop+enlargeTopOffset,
		left: marketingStartOffsetLeft-31},
		{duration: inSpeed,
		easing: 'swing'});
	
	$('.homepageIcons li:nth-child(5)').stop().animate(
		{marginRight: marginRightChange},
		{duration: inSpeed,
		easing: 'swing'});
	
	$('.homepageIcons li#marketing p').fadeOut(inSpeed);
	
	//$('.infoWrapper:nth-child(6)').fadeIn(inSpeed);
}

var closeMarketing = function() {
	
	$('img.iconOverlay#marketing').stop().animate(
		{height: 106,
		top: (ecommerceStartOffsetTop+currentExpandMargin),
		left: marketingStartOffsetLeft},
		{duration: outSpeed,
		easing: 'swing'}).fadeOut(0);
	
	//$('.infoWrapper:nth-child(6)').fadeOut(outSpeed);
	
	$('.homepageIcons li#marketing p').fadeIn(outSpeed);
}

var openEngineering = function() {
	
	currentIcon = 5;
	//setSearch();
	
	$('img.iconOverlay#engineering').css('top', (engineeringStartOffsetTop+currentExpandMargin)+'px');
	$('img.iconOverlay#engineering').css('left', engineeringStartOffsetLeft+'px');
	$('img.iconOverlay#engineering').height(106);
	$('img.iconOverlay#engineering').show();
	
	$('img.iconOverlay#engineering').stop().animate(
		{height: enlargeHeight,
		top: engineeringStartOffsetTop+enlargeTopOffset,
		left: engineeringStartOffsetLeft-31},
		{duration: inSpeed,
		easing: 'swing'});
	
	$('.homepageIcons li#engineering p').fadeOut(inSpeed);
	
	//$('.infoWrapper:nth-child(6)').fadeIn(inSpeed);
}

var closeEngineering = function() {
	
	$('img.iconOverlay#engineering').stop().animate(
		{height: 106,
		top: (ecommerceStartOffsetTop+currentExpandMargin),
		left: engineeringStartOffsetLeft},
		{duration: outSpeed,
		easing: 'swing'}).fadeOut(0);
	
	//$('.infoWrapper:nth-child(6)').fadeOut(outSpeed);
	
	$('.homepageIcons li#engineering p').fadeIn(outSpeed);
}

var openIcon = function(iconFunction) {
	
	if(closerTimeout != null)
	{
		clearTimeout(closerTimeout);
	}
	
	if(currentIcon == -1)
	{
		expandLayout();
		iconFunction();
	}
	else
	{
		//currentExpandMargin = expandMargin;
		currentExpandMargin = 0;
		
		collapseLayout(false);
		
		if(openerTimeout != null)
		{
			clearTimeout(openerTimeout);
		}
		
		openerTimeout = setTimeout(function() {
						iconFunction();
					}, outSpeed);
	}
	
}

var expandLayout = function() {
	$('.taglinewhite').fadeOut(outSpeed);
	
	
	/*
	$('.blackExpander').stop().animate(
		{height: 140},
		{duration: inSpeed,
		easing: 'swing'});
	
	$('.infoContainer').stop().animate(
		{marginTop: -80},
		{duration: inSpeed,
		easing: 'swing'});
	*/
	
}

var collapseLayout = function(closeAll) {
	
	
	if(closeAll)
	{
		currentExpandMargin = 0;
		
		$('.blackExpander').stop().animate(
			{height: 30},
			{duration: 300,
			easing: 'swing'});
		
		$('.infoContainer').stop().animate(
			{marginTop: 0},
			{duration: 300,
			easing: 'swing'});
		
		$('.taglinewhite').fadeIn(outSpeed);
	}
	
	switch(currentIcon) {
		case 0:
			closeEcommerce();
			break;
		case 1:
			closeNewMedia();
			break;
		case 2:
			closeConsultancy();
			break;
		case 3:
			closeBanking();
			break;
		case 4:
			closeMarketing();
			break;
		case 5:
			closeEngineering();
			break;
	}
	
	if(closeAll)
	{
		currentIcon = -1;
		//setSearch();
	}
	
	
	$('.homepageIcons li').stop().animate(
		{marginRight: 0},
		{duration: outSpeed,
		easing: 'swing'});
}

var setSearch = function() {
	
	var searchText = "Job search...";
	var value = 0;
	
	switch(currentIcon) {
		case 0:
			searchText = "Ecommerce job search...";
			value = 46;
			break;
		case 1:
			searchText = "New Media job search...";
			value = 47;
			break;
		case 2:
			searchText = "Consultancy job search...";
			value = 48;
			break;
		case 3:
			searchText = "Banking job search...";
			value = 49;
			break;
		case 4:
			searchText = "Marketing job search...";
			value = 50;
			break;
	}
	
	$('#categoryField').attr('value', value);
	
	$('.searchText').attr('title', searchText);	
	$('.searchText').unbindHinty();
	$('.searchText').hinty({keepOriginalValue: true});
}

function checkBelowIE8() {
	var ver = getInternetExplorerVersion();
	if (ver > -1) {
		if (ver >= 8.0)
		{
			return false;
		}
		else
		{
			return true;
		}
	}
	else
	{
		return false;
	}
}

function getInternetExplorerVersion() {
	var rv = -1;
	if (navigator.appName == 'Microsoft Internet Explorer') {
		var ua = navigator.userAgent;
		var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
		if (re.exec(ua) != null)
			rv = parseFloat(RegExp.$1);
	}
	return rv;
}