// Lapidot Group | Homepage JS

var imageMaps;
var itemImg;
var imgSource;
var infoTab;
var itemArrow;
var isAnimate = false;
var currItemNum = null;
var currArrow = null;

$(document).ready(function() {
	imageMaps = $("#linksCtrl .sites_list").find("area");
	imageMaps.bind("mouseenter mouseleave click", handleLinkButton);
	
	infoTab = $("#linksCtrl .info_tab");
});

function handleLinkButton(e) {
	if (e.type == "mouseenter") {
		itemArrow = $(this).parent().next();
		itemImg = $(this).parent().prev();
		imgSource = itemImg.attr("src");
		hoverImg = imgSource.split(".");
		itemImg.attr("src", hoverImg[0] + "_hover." + hoverImg[1]);
		itemArrow.addClass("hover");
	}
	else if (e.type == "mouseleave") {
		itemImg.attr("src", imgSource);
		itemArrow.removeClass("hover");
	}
	else {
		if (!isAnimate) {
			isAnimate = true;
			var clickedItemNum = $(this).parent().attr("name").split("_")[1];
			if (currItemNum == null) {
				currItemNum = clickedItemNum;
				currArrow = $(this).parent().next();
				currArrow.fadeIn('300');
				infoTab.animate({height: 140}, 400, 'easeOutQuad', function() {														
					$("#infoStrip_" + currItemNum).show();
					isAnimate = false;											   
				});
			}
			else if (currItemNum == clickedItemNum) {
				$("#infoStrip_" + currItemNum).hide();
				currArrow.fadeOut('300');
				infoTab.animate({height: 1}, 400, 'easeOutQuad', function() {
					currArrow = null;													  
					currItemNum = null;
					isAnimate = false;
				});
			}
			else {
				$("#infoStrip_" + currItemNum).hide();
				currArrow.fadeOut('300');
				infoTab.animate({height: 1}, 400, 'easeOutQuad', function() {
					currArrow = $(e.target).parent().next();	
					currArrow.fadeIn('300');
					currItemNum = clickedItemNum;
					infoTab.animate({height: 140}, 400, 'easeOutQuad', function() {														
						$("#infoStrip_" + currItemNum).show();	
						isAnimate = false;											   
					});
				});
			}
		}
	}
}