varMenuSelected = "none";

// Functions
// ------------------------------------------------------------------------------


function subscribe(){
	$("#subscribeEmail").css({'backgroundPosition':"0 -26px"});
}

// Homepage customers
// ---------------------------------------------

if (varSection == ''){
setInterval("clients()", 8000);

setInterval("featured()", 16000);
}

function clients() {
	$("#clients").fadeTo("slow", 0, function(){
		$("#clients").css({'backgroundImage':"url('/images/client_logos/" + varSlide + ".gif')"}).fadeTo("slow", 1, function(){
			varSlide++;
			if (varSlide > varClients) {
				varSlide = 1;
			}
		});
	});		
}

function featured() {
	$("#featuredWhite").fadeTo("slow", 1, function(){ 
		$("#featured" + featuredPrevious).css({display: "none"});
		$("#featured" + featuredNext).css({display: "block"});
		$("#featuredWhite").fadeTo("slow", 0, function(){
			featuredPrevious++;
			if (featuredPrevious > varFeatured) {
				featuredPrevious = 1;
			}
			featuredNext = featuredPrevious + 1;
			if (featuredNext > varFeatured) {
				featuredNext = 1;
			}
		});
	});	
}

// Dropdown show hide
// ---------------------------------------------

function dropdownSHOW(element){
	$(element).css({display: "block"});
}

function dropdownHIDE(element){
	$(element).css({display: "none"}); 
}


// Homepage - verticals background change 
// ---------------------------------------------


function verticals(varSHOW) {
	$("#healthcareM, #ecommerceM, #governmentM, #financialM").css({backgroundPosition: '0px 0px'});
	$(varSHOW).css({backgroundPosition: '0px -48px'});
	varMenuSelected = varSHOW;
}


// Sub-menu button color change
// ---------------------------------------------

function color(varDIV, varCOLOR){
$(varDIV).css({ backgroundColor:"rgb(" + varCOLOR +")", color:"rgb(" + varCOLOR +")"});
}


// Show DIV
// ---------------------------------------------

function show(varSHOW){
	$(varSHOW).css({display: "block"});
}


// Hide DIV
// ---------------------------------------------

function hide(varHIDE){
	$(varHIDE).css({display: "none"});
}

// Toggle element visibility
// ---------------------------------------------

function toggleVisibility(elementID) {
	$(elementID).toggle();
	//return false;
}


// Page Init
// ------------------------------------------------------------------------------


$(document).ready(function() {
	varSlide = 1;
	featuredPrevious = varFeatured;
	featuredNext = 1;
	clients();
	featured();
	hide("#ftdHealthcare, #ftdeCommerce, #ftdGovernment, #ftdFinancial");
	verticals("#ftdHealthcare, #ftdeCommerce, #ftdGovernment, #ftdFinancial");
	
	// Homepage - verticals background change 
// ---------------------------------------------

$("#healthcareM").hover(
	function(){
		$("#healthcareM").css({backgroundPosition: '0px -48px'});
	}, function(){
		if (varMenuSelected != "#healthcareM"){
			$("#healthcareM").css({backgroundPosition: '0px 0px'});
		}
});

$("#ecommerceM").hover(
	function(){
		$("#ecommerceM").css({backgroundPosition: '0px -48px'});
	}, function(){
		if (varMenuSelected != "#ecommerceM"){
			$("#ecommerceM").css({backgroundPosition: '0px 0px'});
		}
});	

$("#governmentM").hover(
	function(){
		$("#governmentM").css({backgroundPosition: '0px -48px'});
	}, function(){
		if (varMenuSelected != "#governmentM"){
			$("#governmentM").css({backgroundPosition: '0px 0px'});
		}
});	

$("#financialM").hover(
	function(){
		$("#financialM").css({backgroundPosition: '0px -48px'});
	}, function(){
		if (varMenuSelected != "#financialM"){
			$("#financialM").css({backgroundPosition: '0px 0px'});
		}
});	
});