/* NAWIGACJA */

$(document).ready(function(){
	var selectedTab;
	var hoveredOverTab = -1; //0 czyli zaden
	randomSplashOnEntry();
	var i = 0;

 	function randomSplashOnEntry(){
		var $splashNumer = $(".rightColumn").find(".oferta-menu div");
		var n = 2;
		var random = Math.floor(Math.random() * n);
		
		selectedTab = random;
		setBackgroundPosition();
		
		$("div.rightColumn-content div:visible").hide();
		$("div.rightColumn-content div#wideo").show();
		$("div.rightColumn-content div#maska").show();
		$("div.rightColumn-content div#content-" + selectedTab).show();
	}

	function clickOnTab(tab){

		selectedTab = tab;
		setBackgroundPosition();
		
		$("div.rightColumn-content div:visible").hide();
		$("div.rightColumn-content div#wideo").show();
		$("div.rightColumn-content div#maska").show();
		$("div.rightColumn-content div#content-" + selectedTab).show();		
	}
	
	function mouseOverTab(event){
	     hoveredOverTab = getTabNumber(event);
  		 setBackgroundPosition();
	}
	
	function mouseOutTab(event){
		hoveredOverTab = -1;
		setBackgroundPosition();
	}
	
	function getTabNumber(event){
		var targetDivClass;
		if (jQuery.browser.msie) {
  			 targetDivClass = $(event.srcElement).attr("class");
		} else{
			 targetDivClass = $(event.currentTarget).attr("class");
		}

		return targetDivClass.substring(4,5);
	}
	
	function eventTarget(event) {
  		event = event || window.event;
  		return(event.target || event.srcElement);
	}

	
	function setBackgroundPosition(){
		var ROW_HEIGHT = 54;
		var positions = [[ROW_HEIGHT, ROW_HEIGHT * 4, ROW_HEIGHT * 5],
		                [ROW_HEIGHT * 4, ROW_HEIGHT * 2, ROW_HEIGHT * 6],
						[ROW_HEIGHT * 5, ROW_HEIGHT * 6, ROW_HEIGHT * 3]];
		
		var effectiveHoveredOverTab = hoveredOverTab;		
		if(hoveredOverTab == -1){
			effectiveHoveredOverTab = selectedTab;
		}
		var verticalOffset=0;
	 	verticalOffset = positions[effectiveHoveredOverTab][selectedTab];
		$(".oferta-menu").css({backgroundPosition:"0 -" + verticalOffset + "px"});
	}


	for(i = 0; i <= 2; i++){
		$(".oferta-menu a.tab-" + i).hover(mouseOverTab, mouseOutTab);	
	}
	$(".oferta-menu a.tab-0").click(function (){clickOnTab(0);});
	$(".oferta-menu a.tab-1").click(function (){clickOnTab(1);});
	$(".oferta-menu a.tab-2").click(function (){clickOnTab(2);});
	
});