var currentPopup = null;

function openNavi(e) {
	$(".popUp").hide();
	$("#navi a").removeClass("hover");
	
	$(e).addClass("hover");
	$(e).parent("div").children(".popUp").show();
	$(e).parent("div").hover(function () {}, function() { 
		$(".popUp").hide();
		$("#navi a").removeClass("hover");
	});
}

function clientHover(e) {
	$("#clients .client").removeClass("clientActive");
	
	$(e).parent("div").addClass("clientActive");
	$(e).parent("div").hover(function () {}, function() { 
		$("#clients .client").removeClass("clientActive");
	});
}

function clientClose() {
	$("#clientPopup").hide();
}

function clientOpen(e) {

	currentPopup = e;

	$("#clientPopup .popupImage").attr("src", $(e).children("img").attr("src"));
	$("#clientPopup .popupContent").html($(e).parent("div").children(".clientContent").html());

	$("#clientPopup").css("left", findX(e) - 122 + "px");
	$("#clientPopup").css("top", findY(e) - 28 + "px");

	$("#clientPopup").show();
}

function findX(obj) {
	var val = 0;
	
	if (obj.offsetParent) {
		do {
			val += obj.offsetLeft;
		} while (obj = obj.offsetParent);
	}
	
	return val;
}

function findY(obj) {
	var val = 0;
	
	if (obj.offsetParent) {
		do {
			val += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	
	return val;
}

$(document).ready(function () {
	$(window).resize(function() {
		if(currentPopup) {
			$("#clientPopup").css("left", findX(currentPopup) - 122 + "px");
			$("#clientPopup").css("top", findY(currentPopup) - 28 + "px");
		}
	});
});