var bAllowHide=false;

$(document).ready(function() {
 
   init();
  
});

function hideAll(){
	//$('.subNavigation').css("display","none");
}
function init(){
	
	placePointer();
	
	/*$('#media-tab .tab').mouseover(function() {
		var selectedItem =$(this).attr( 'rel' );
		bAllowHide=false;
		hideAll();
		$('.nav'+selectedItem).css("display","block");
		$('.nav'+selectedItem).find('.pointer').css("left", $(this).offset().left - $('#media-tab').offset().left-40+($(this).width()/2)+2);
		//alert($(this).offset().left+"/"+$('#media-tab').offset().left);
	});
	
	$('#topContentNavigation').mouseout(function() {
		bAllowHide=true;
		setTimeout(function(){checkHide()}, 5000);
	});
	
	$('#topContentNavigation').mouseover(function() {
		bAllowHide=false;
	});*/
	
	
}

function placePointer(){

	var beginPosX = 50;//begin position blue navigation
	var activeTabName=$('#subContainer').attr( 'class' );
	var activeTab =$('#media-tab').find('#'+activeTabName);
	
	var posActiveItem=activeTab.offset();
	
	var afwijkingItem=0;
	var afwijkingPointer=0;
	
	if($.browser.mozilla){
		afwijkingItem = 13;
	}
	if($.browser.msie){
		afwijkingItem = 6;
		afwijkingPointer =40;
	}
	//$.browser.opera
	//$.browser.safari
	//$.browser.msie

	var posx=beginPosX;
	$('#media-tab div').each(function(i) {

		//alert(i+"/"+$(this).width()+"/"+posx);
		if($(this).find('a').attr( 'id' )==activeTabName){
			//alert($(this).find('a').attr( 'id' )+"/"+activeTabName);
			return false;
		}else{
			if(i<5)
			posx+=$(this).width()+afwijkingItem;
		}

	});

	//Posx + half active item
	posx+=activeTab.width()/2 + afwijkingItem;
	
	var halfContainer=0;
	$('.nav3 ul li').each(function(i) {
		halfContainer+=$(this).width();
	});
	halfContainer=halfContainer/2;
	
	$('.nav3 ul').css("margin-left",( halfContainer *-1 ) );
	
	//1/2 of the active item
	var positionPointer = posx+afwijkingPointer;
	$('.pointer').css("margin-left",positionPointer);
	
	//Place the subcontainer
	$('.nav3').css("margin-left",posx);
	
	if($('.nav3 ul').size()>0)
	    $('.pointer').css("display","block");
	    

}

function checkHide(){

	if(bAllowHide){
		$('.subNavigation').css("display","none");
	}
	
}