// JavaScript Document
// footer animations
$(document).ready(function(){

	initHandlers()
	//footer animations
	
	//who we are image rollovers	   
    $("img#div1") 
        .mouseover(function() {  
            var src = imageRollOnMap[0];
            $(this).attr("src", src); 
        }) 
        .mouseout(function() { 
            var src = imageRollOffMap[0];
            $(this).attr("src", src); 
        })
	 $("img#div2") 
        .mouseover(function() {  
            var src = imageRollOnMap[1];
            $(this).attr("src", src); 
        }) 
        .mouseout(function() { 
            var src = imageRollOffMap[1];
            $(this).attr("src", src); 
        })
	$("img#div3") 
        .mouseover(function() {  
            var src = imageRollOnMap[2];
            $(this).attr("src", src); 
        }) 
        .mouseout(function() { 
            var src = imageRollOffMap[2];
            $(this).attr("src", src); 
        })
	$("img#div4") 
        .mouseover(function() {  
            var src = imageRollOnMap[3];
            $(this).attr("src", src); 
        }) 
        .mouseout(function() { 
            var src = imageRollOffMap[3];
            $(this).attr("src", src); 
        })
	$("img#div5") 
        .mouseover(function() {  
            var src = imageRollOnMap[4];
            $(this).attr("src", src); 
        }) 
        .mouseout(function() { 
            var src = imageRollOffMap[4];
            $(this).attr("src", src); 
        })
	$("img#div1")
		.click(function() {
			$('#indiv-1').toggle();
		}) 
	$("img#div2")
		.click(function() {
			$('#indiv-2').toggle();
		}) 
	$("img#div3")
		.click(function() {
			$('#indiv-3').toggle();
		}) 
	$("img#div4")
		.click(function() {
			$('#indiv-4').toggle();
		}) 
	$("img#div5")
		.click(function() {
			$('#indiv-5').toggle();
		}) 
		
	//who we are layer functions
	$("img.details-close")
		.click(function() {
			$(this).parent().toggle();
	});
		
	//what we do nav swapover
	$("#navigation.onDark")
		.mouseover(
			function() {
				$("#navigation").removeClass("onDark");
				$("#navigation").addClass("onMap");
			})
		.mouseout(
			function() {
				$("#navigation").removeClass("onMap");
				$("#navigation").addClass("onDark");
			});


}); 

function initHandlers() {
	var activeId = "";
	var deactivateId = "";
	bindOpenClick();
	
	function bindOpenClick() {
		
		$("div.company, div.companylast").unbind('click');
		
		$("div.company, div.companylast").click(function() {
	
			var detailsId = $(this).attr("id");
			detailsId = detailsId.substring(5);
			
			if (activeId == "") {
				// show the company details layer
				activeId = detailsId;
				showDetails(detailsId);
				selectCompany(detailsId);
				
			} else {
				deactivateId = activeId;
				activeId = detailsId; 
	
				selectCompany(detailsId);
				hideDetailsLayer(deactivateId);
				showDetailsLayer(detailsId);
			}
			
		});
	}
	
	function selectCompany(detailsId) {
		
		if (detailsId != "") {
			
			var companyId = "company-" + detailsId;
			var offerimgId = "offerimg-" + detailsId;
			
			// deactivate other company name images
			$(".companyname").not('#' + companyId).each(function() {
		
				var itemSrc = $(this).attr("src");
				var src = "";
				
				if (itemSrc.search("-off") > 0) {
					$(this).attr("src", itemSrc);
				} else {
					src = itemSrc.replace(".gif", "-off.gif");
					$(this).attr("src", src);
				}
				
				$('.offerimg').css({backgroundPosition: 'top left'});
				$('#' + offerimgId).css({backgroundPosition: 'bottom left'});
				
			});
			
			// activate company name image
			var itemSrc = $("#" + companyId).attr("src");
			itemSrc = itemSrc.replace("-off", "");
			$("#" + companyId).attr("src", itemSrc);
			
			// replace click func for parent with close func
			bindOpenClick(); // resets all clicks to init state
			
			$('#more-' + detailsId).unbind('click');
			
			$('#more-' + detailsId).click(function() {
				bindOpenClick(); // resets all clicks to init state
				closeDetails(activeId);
				// reset active layer id
				activeId = "";
			});
			
		}

	}
	
	$(".details-contact .company-close").click(function() {
		bindOpenClick(); // resets all clicks to init state
		closeDetails(activeId);
		// reset active layer id
		activeId = "";
	});
}
/***************************************************************
*function to open up the company information panels by moving the 
*footercontent up and then showing the comany logo.
****************************************************************/
function showDetails(id) {
	
	var showdetail = "#details-" + id;
	var changeclass = changeClass(id);
	var morecsschange = "#more-" + id + "." + changeclass;
	var adjustPositionBy = "";
	
	if($.browser.msie) {
		adjustPositionBy = "+=290px"	
	} else {
		adjustPositionBy = "+=295px"
	}
	
	$(morecsschange).css("border-left","1px dotted #ff0000");
	
		$(showdetail).animate({ 
			height: "toggle"
		}, 0); 
		
		$("#footercontent").animate({ 
			bottom: adjustPositionBy          
		}, 500);
	
		$("#companydetailscontent").animate({ 
			height: "toggle"
		}, 500);
	
	/*
	$("#copyright").animate({ 
		top: "-=295px"          
	}, 500);
	*/
	
}
/***************************************************************
*function to close up the company information panels by moving the 
*closing the comany logo and hiding the company information panel
****************************************************************/
function closeDetails(id) {
	
	var showdetail = "#details-" + id;
	var companyId = "#company-" + id;
	var changeclass = changeClass(id);
	var morecsschange = "#more-" + id + "." + changeclass;
	
	$('.offerimg').css({backgroundPosition: 'top left'});
	$(morecsschange).css("border-left","1px dotted #a9a39c");
	
	$("#footercontent").animate({ 
            bottom: 0
        }, 500)
			
	$("#companydetailscontent").animate({ 
			height: "toggle",
			bottom: 0
	 }, 500);

	$(showdetail).animate({ 
			height: "toggle"
	}, 500); 
	
	$(".companyname").not(companyId).each(function() {
			
		var itemSrc = $(this).attr("src");
		var src = "";
		
		if (itemSrc.search("-off") > 0) {
			src = itemSrc.replace("-off", "");
			$(this).attr("src", src);
		} else {
			
			$(this).attr("src", src);
		}
		
	});
	
}

function showDetailsLayer (id) {
	var showdetail = "#details-" + id;
	var changeclass = changeClass(id);
	var morecsschange = "#more-" + id + "." + changeclass;
	var activeCompany = "#more-" + id;
	
	// update border of active section
	$(morecsschange).css("border-left","1px dotted #ff0000");
	
	$(showdetail).css("display", "block");
}

function hideDetailsLayer(id) {
	var hidedetail = "#details-" + id;
	var changeclass = changeClass(id);
	var morecsschange = "#more-" + id + "." + changeclass;

	// update border of deactivated section
	$(morecsschange).css("border-left","1px dotted #A9A39C");
	$(hidedetail).css("display", "none");
}

function changeClass(layerId) {
	
	var getclass = "";
	
	if (layerId	 == "blueprint") {
		getclass = "companylast";
	} else {
		getclass = "company";
	}
	
	return getclass;
}

function checkForCampaign() {
	var pageUrl = document.location.href;
	var hashpos = pageUrl.indexOf('#');
	var campaignId = "";
	
	//alert(pageUrl);
	if(hashpos > '-1') {
		//alert("showLayer");
		campaignId = pageUrl.substring(hashpos+2);
		showCampaignLayer(campaignId);
		
	} 
}

//set global variable for active campaign information
var activeCampaign = "";

function showCampaignLayer(campaignId) {
	var campaignDiv = "#" + campaignId;
	$("#campaigncontent").show();
	$("#campaign-info").show();
	$(campaignDiv).show();
	activeCampaign = campaignId
}

function hideCampaignLayer(campaignId) {
	var campaignDiv = "#" + campaignId;
	$(campaignDiv).hide();
}

function showCampaignInfo(swapIn) {
	var showDiv = swapIn;

	hideCampaignLayer(activeCampaign);
	showCampaignLayer(showDiv);
}