var _hoverTabEnter = function(event) {
	var hover = $(this).get("hover");
	
	switch (hover) {
		case "1":
			$("mainFrontHoverTab1").setStyle("display", "block");
			$("mainFrontRightSideDiv").setStyle("background-position", "0px -804px");
			break;
		case "2":
			$("mainFrontHoverTab2").setStyle("display", "block");
			$("mainFrontRightSideDiv").setStyle("background-position", "0px -201px");
			break;
		case "3":
			$("mainFrontHoverTab3").setStyle("display", "block");
			$("mainFrontRightSideDiv").setStyle("background-position", "0px -402px");
			break;
		case "4":
			$("mainFrontHoverTab4").setStyle("display", "block");
			$("mainFrontRightSideDiv").setStyle("background-position", "0px -603px");
			break;
	}
};

var _hoverTabLeave = function(event) {
	var hover = $(this).get("hover");
	
	if (!!$("mainFrontHoverTab" + hover)) {
		$("mainFrontHoverTab" + hover).setStyle("display", "none");
	}
	$("mainFrontRightSideDiv").setStyle("background-position", "0px 0px");
};

window.addEvent("domready", function(event) {
	$("mainFrontTabs").getElements("DIV").each(function(tab, index) {
		tab.addEvents({
			"mouseenter" : _hoverTabEnter.bind(tab), 
			"mouseleave" : _hoverTabLeave.bind(tab)
		});
	});
});