/*********************************
ONLINE - OFFLINE ZETTEN VAN ITEMS
0 == offline
1 == online
*********************************/

// Bottom line
var vac_BottomLine = 0;
var ref_BottomLine = 0;

// Popup
// var vac_Popup = 0;
// var ref_Popup = 0;

/********************************/

// PROMO CHECK
function checkPromoExists(){
	if ($("right_promos") != null) {
  		$("right_promos").cleanWhitespace();
  		if ($("right_promos").innerHTML == "") $("wrapper").addClassName("withpromos");
  }
}

// Jobticker
function addTicker(){
		//var ticker = new SWFObject("/cm/_images/ticker/logoticker_nl.swf", "sa", "380", "70", 7, "#ffffff");
		//var ticker = new SWFObject("/cm/_images/ticker/logoticker_fr.swf", "sa", "380", "70", 7, "#ffffff");
		var ticker = new SWFObject("/cm/_images/ticker/jobticker.swf", "sa", "380", "60", 7, "#ffffff");
		if ($("vacature")){ ticker.addVariable("xmlUrl","/cm/xml/ticker_vac.xml"); ticker.addVariable("site","vac"); }
		if ($("references")){ ticker.addVariable("xmlUrl","/cm/xml/ticker_ref.xml");  ticker.addVariable("site","ref"); }
		ticker.addParam("salign", "tl"); 
		ticker.write("functieticker");
}

// Tab Generator
var tabGen = function(clss,hdr) {
	var tabContent = $$("div."+clss);
	tabContent[0].insert({before:"<ul id='"+clss+"s'></ul>"});
	tabContent.each(function(s){
		var sid = s.identify();
		$(clss+"s").insert("<li><a id='tab-"+sid+"' href='javascript:void(0);' onClick='actTab(\""+sid+"\",\""+clss+"\")'><span>"+s.getElementsByTagName(hdr)[0].innerHTML+"</span></a></li>");
		var hdrs = $A($(sid).getElementsByTagName(hdr));
		hdrs.each(Element.hide);
	});
	actTab(tabContent[0].identify(),clss);
};
var actTab = function(tid,clss) { 
	$$("div."+clss).invoke("hide");
	if ($$("li.active-tab") != ""){
		$$("li.active-tab")[0].removeClassName("active-tab");
	}
	$(tid).show(); 
	$("tab-"+tid).up(0).addClassName("active-tab"); 
};

// Show Alert Box
var showAlert = function(alertText){
	var closetxt = "Sluit deze boodschap"; var alertColor = "#990000"; if ($("references")){ closetxt = "Fermez ce message"; alertColor = "#004488"; };
	if($("content") && getCookie("AlertMessage")!="1"){
		$("content").insert({top:"<div id='alert' class='column'><p id='alerttext'><a id='closebtn' href='javascript:void(0);' title='"+closetxt+"'>X</a></p></div>"});
		$("alerttext").insert({top:alertText});
		$("alert").highlight({startcolor:"#FFFFFF", endcolor:alertColor, revertcolor:alertColor, keepBackgroundImage:true});
		$("closebtn").observe("click",function(){ setCookie("AlertMessage","1",1); $("alert").remove(); return false; });
	}
}

var showAlertv2 = function(versie, alertText){ // versies: attention - restriction - confirmation - information - favorite
	var closetxt = "Sluit deze boodschap"; if ($("references")){ closetxt = "Fermez ce message"; };
	if(versie=="attention" || versie=="restriction") alertColor="#FFAAAA";if(versie=="confirmation") alertColor="#AADDAA";if(versie=="information") alertColor="#AACCEE";if(versie=="favorite") alertColor="#FFEECC";
	if($("content") && getCookie("AlertMessage")!="1"){
		$("content").insert({top:"<div id='"+versie+"-alert' class='column'><div><p id='alerttext'><a id='closebtn' href='javascript:void(0);' title='"+closetxt+"'>X</a></p></div></div>"});
		$("alerttext").insert({top:alertText});
		$(versie+"-alert").highlight({startcolor:"#FFFFFF", endcolor:alertColor, revertcolor:alertColor, keepBackgroundImage:true});
		$("closebtn").observe("click",function(){ setCookie("AlertMessage","1",1); $(versie+"-alert").remove(); return false; });
	}
}

// ToggleDL
var toggleDL = function(){
	$$("#content_main dd").invoke("hide");
	var dts = $$("#content_main  dt").invoke("addClassName","clickme").invoke("identify");
	dts.each(function(s){
	    Event.observe(s, "click", function(){
	        $(s).next(0).addClassName("opendd").toggle();
	    });
	});
}

// TEMPORARY PROMO INTERNMATERIAAL
var showInternalPromo = function(){
	if($("vacature")) $("magazine_title").insert({before:"<a href='/actuaquiz' id='promo-sidebar'><img src='http://www.vacature.com/cm/_images/projects/2009/0056_October_Quiz/grfr-october-quiz-navi-nl.jpg' alt='Actua Quiz'></a>"});
	if($("references")) $("magazine_title").insert({before:"<a href='/quizactu' id='promo-sidebar'><img src='http://www.vacature.com/cm/_images/projects/2009/0056_October_Quiz/grfr-october-quiz-navi-fr.jpg' alt='Quiz Actu'></a>"});
	$("promo-sidebar").observe("click", function(){ pageTracker._trackPageview("/internal-links/promo-sidebar/actuaquiz"); });
}

// DOSSIER
var showDossier = function(){
	if($("vacature") && $$(".home")!="") $("top10jobs").insert({before:"<div id='dossier-box'><a href='/art21209' id='dossier'><img src='/cm/_images/projects/2009/0062_dossier/grfr-hp-evaluatie-nl.jpg' alt='Dossier Evaluatie'></a></div>"})
	if($("references") && $$(".home")!="") $("top10jobs").insert({before:"<div id='dossier-box'><a href='/art21261' id='dossier'><img src='/cm/_images/projects/2009/0062_dossier/grfr-hp-evaluatie-fr.jpg' alt='Dossier Evaluation'></a></div>"})
	if($$(".home")!="") $("dossier").observe("click", function(){ pageTracker._trackPageview("/internal-links/dossier/evaluatie"); });
}


// EXTRA TAB
// var randTab = Math.floor(Math.random()*3);
// var nl_tabs = new Array();
// nl_tabs[0] = "/cm/_images/projects/talentpact/talentpact-tab-red.png";
// nl_tabs[1] = "/cm/_images/projects/talentpact/talentpact-tab-green.png";
// nl_tabs[2] = "/cm/_images/projects/talentpact/talentpact-tab-purple.png";

var showExtraTab = function(){
	if($("vacature")){
		// var extratab = "<a href='http://www.vacature.com/talentpact' id='extra-link' onClick='javascript: pageTracker._trackPageview(\'/navigation/talentpact_tab\');' onmouseover='nlTabOver()' onmouseout='nlTab()'><img id='extra-tab' src='"+nl_tabs[randTab]+"'></a>";
		var extratab = "<a href='http://www.vacature.com/virtualtalentum' id='extra-link' onmouseover='nlTabOver()' onmouseout='nlTab()'><img id='extra-tab' src='/cm/_images/projects/2009/0052_Virtual_talentum/virtual-talentum-tab.png'></a>";
		$("branding").insert({top:extratab});
	}
	if($("references")){
		var extratab = "<a href='http://www.references.be/virtualtalentum' id='extra-link' onmouseover='frTabOver()' onmouseout='frTab()'><img id='extra-tab' src='/cm/_images/projects/2009/0052_Virtual_talentum/virtual-talentum-tab.png'></a>";
		$("branding").insert({top:extratab});
	}
	$("extra-link").observe("click", function(){ pageTracker._trackPageview("/internal-links/tabs/virtual-talentum"); })
}
var nlTab = function(){ $("extra-tab").src = "/cm/_images/projects/2009/0052_Virtual_talentum/virtual-talentum-tab.png"; $("extra-link").removeClassName("switchColor"); }
var nlTabOver = function(){ $("extra-tab").src = "/cm/_images/projects/2009/0052_Virtual_talentum/virtual-talentum-tab.png"; $("extra-link").addClassName("switchColor"); }
var frTab = function(){ $("extra-tab").src = "/cm/_images/projects/2009/0052_Virtual_talentum/virtual-talentum-tab.png"; $("extra-link").removeClassName("switchColor"); }
var frTabOver = function(){ $("extra-tab").src = "/cm/_images/projects/2009/0052_Virtual_talentum/virtual-talentum-tab.png"; $("extra-link").addClassName("switchColor"); }

// SHOWPOPAD
var showPopAd = function(){
	var popAd = "<div id='popad' style='display:none;'></div>"; // Creates the container for the popad

	if(vac_BottomLine == 1 && $("vacature") && !$("jobcontent") && !$("company_profile")){
		// URL to the html file for Vacature
		var popAdUrl = "http://www.vacature.com/cm/_includes/bottom-line/bottom-line-nl.html";
		// Insert the container
		$("vacature").insert({top:popAd});
		// Update the container
		new Ajax.Updater("popad", popAdUrl, {
			method: 'get',
			onComplete: function() {
				Effect.BlindDown("popad",{scaleFrom:0,scaleTo:100});
				//$("popad-promo").observe("click", function(){ pageTracker._trackPageview("/internal-links/bottom-line/sitevanhetjaar"); });
			}
		});
	} else if(ref_BottomLine == 1 && $("references") && !$("jobcontent") && !$("company_profile")) {
		// URL to the html file for References
		var popAdUrl = "http://www.references.be/cm/_includes/bottom-line/bottom-line-fr.html";
		// Insert the container
		$("references").insert({top:popAd});
		// Update the container
		new Ajax.Updater("popad", popAdUrl, {
			method: 'get',
			onComplete: function() {
				Effect.BlindDown("popad",{scaleFrom:0,scaleTo:100});
				//$("popad-promo").observe("click", function(){ pageTracker._trackPageview("/internal-links/bottom-line/sitevanhetjaar"); });
			}
		});
	}
}

// SHOW IE6 ALERT
var navi = navigator.appVersion;
var ieText = "Beste m/v met talent, we hebben gemerkt dat je nog steeds gebruik maakt van een oudere versie van Internet Explorer. Om optimaal te kunnen genieten van onze interactieve diensten, raden we je aan om over te schakelen naar <a href='http://www.vacature.com/ie8'>Internet Explorer 8</a>, <a href='http://www.getfirefox.com'>Firefox 3</a> of <a href='http://www.apple.com/safari/download/'>Safari 4</a>. Zo kunnen we je steeds op de best mogelijke manier ondersteunen in je zoektocht naar jobs of carri&egrave;readvies.";
var ieTextFr = "Bonjour, nous avons remarqu&eacute; que vous utilisez toujours une ancienne version d&rsquo;Internet Explorer. Afin de pouvoir profiter de mani&egrave;re optimale des services interactifs de notre site, nous vous conseillons de passer &agrave; <a href='http://www.references.be/ie8'>Internet Explorer 8</a>, <a href='http://www.getfirefox.com'>Firefox 3</a> ou <a href='http://www.apple.com/safari/download/'>Safari 4</a>. En faisant ces mises &agrave; jour, nous pourrons ainsi vous soutenir de mani&egrave;re efficace dans votre recherche du job id&eacute;al ou de conseils pour votre carri&egrave;re.";
var showIE6Alert = function(){
	if(navi.indexOf("MSIE")>-1){
		var navAr = navi.split(";");
		if(parseFloat(navAr[1].split(" ")[2])<7){
			setCookie("iealert","1",1);
			// if($("vacature")) {$("vacature").insert({top:"<div id='ie6popup'>"+ieText+"</div>"});}
			// if($("references")) {$("references").insert({top:"<div id='ie6popup'>"+ieTextFr+"</div>"});}
			if($("vacature")) showAlertv2("favorite",ieText);
			if($("references")) showAlertv2("favorite",ieTextFr);
		}
	}
}


function bindLoginForm(){
	// Login form
	if($("mypage-nav-au")){
		$("mypage-nav-login").observe("click",function(){
	      $("login-form").toggle();
	      $("login-form").toggleClassName("active");
		  $(this).toggleClassName("active");
	    });
		document.observe("click",function (e){
			
			var lf = $("login-form");
			if ( lf && $(e.target).up('#login-form') == undefined &&  $(e.target).up('#mypage-nav-au') == undefined  ) {
				lf.hide();
				lf.removeClassName("active");
				$("mypage-nav-login").removeClassName("active");
			}
		});
	}
}

function bindSiteSearchForm(){
	// Site search form
	 if ($('site-search-form')){
		 var sForm = $('site-search-form');
		 var showRadioButtons = function(){
			 Form.Element.select($('site-search-input'));
			 $('site-search-form').addClassName('active');

			 // does not work since display: none is set in css on #site-search-form fieldset
			 //$('site-search-options').show(); 
			 
			 $('site-search-options').setStyle({display: 'block'});
			 $('functieticker').hide();
		 };
		 
		 
		 $('site-search-input').observe('focus', showRadioButtons);
		 $('search-section').observe('click', showRadioButtons);
		 
		 
		 document.observe("click",function (e){
				if ( $(e.target).up('#site-search-form') == undefined ) {
					$("site-search-form").removeClassName("active");
					$('functieticker').show();
					$('site-search-options').hide();
				}
			});
		 var radioBtns = sForm.select('input:radio[name=section]');
		 
		 for ( var i = 0; i < radioBtns.size(); i++){
			 
			 $(radioBtns[i]).observe('click', function(){
				$('search-section').replace('<span id="search-section">'+$(this).up().readAttribute('title')+'</span>');
				$('site-search-input').activate();
				Form.Element.select($('site-search-input'));
				$('search-section').observe('click', showRadioButtons);
			});
		 }

		 sForm.onsubmit = function(){
			 var sText = $F("site-search-input");
			 var sRadio = sForm.getInputs('radio','section').find(function(radio) { return radio.checked; }).value;
				 
			 if (sText) {
		       if (sRadio=="1"){
//		    	   sForm.action = "http://www.vacature.com/search2rome.php?Keyword="+sText;
		    	   sForm.action = "/Jobs/SearchVacancies.aspx?Keyword="+sText;
		    	   sForm.method = 'get';
		       } else if (sRadio=="2"){
		    	   sForm.action = "/search/node/"+sText;
		       } else if (sRadio=="3"){
		    	   sForm.action = "/scripts/AlgZoeker/sel-algZoeker.asp?archief=checked&zoekTerm="+sText;
		       }
		       return true;
		     } else {
		       $("site-search-input").addClassName("error").activate();
		       $('site-search-options').addClassName('error');
		     }
		     return false;
		 };
	 }
}

// Loader
Event.observe(window, 'load', function(){
	
	
	if(getCookie('user_hash')){
		
		new Ajax.Request('/topnav', {
			  method: 'get',
			  onComplete: function(response) {
			    if (200 == response.status){
			    	$('mypage-nav-wrapper').replace(response.responseText);
					bindSiteSearchForm();
					
					var menuItems = $$('.mypage-menu');
					for (var i = 0; i < menuItems.size(); i++ ){
							var sMenu = menuItems[i].select('.mypage-sub-menu')[0];
							var mMenuWidth = menuItems[i].getWidth();
							if(sMenu.getWidth() < mMenuWidth){ 
								sMenu.setStyle({width:mMenuWidth}); 
								sMenu.select('a').setStyle({width:mMenuWidth}); 
							} /* makes the submenu at least the same width */
							
							//mMenu.closest('a').click(function(event){event.preventDefault()}); /* removes the default click from the main menulink */ // fix was needed for jquery 1.2
							
							var mouseEnterFct = function (event){
								this.addClassName('active');
								this.select('.mypage-sub-menu')[0].setStyle({display: 'block'});
								
							};
							
							var mouseLeaveFct = function (event){
								var menu = this;
								setTimeout(function(){ 
									menu.removeClassName('active');
									menu.select('.mypage-sub-menu')[0].hide();
								}, 150);
							};
							
							
							menuItems[i].observe('mouseenter', mouseEnterFct);
							menuItems[i].observe('mouseleave', mouseLeaveFct);

					}
					
			    }			      
			  }
			});
	}	else {
		bindLoginForm();
		bindSiteSearchForm();
	}
	
	
	
	
	//checkPromoExists();
	addTicker();
	//showInternalPromo();
	showDossier();
	//showExtraTab();
	if(getCookie("Popad")!="1" && !$("popup")) showPopAd();
	if(getCookie("iealert")!="1") showIE6Alert();
	if(!$("divCriteriaOverview") && !$("job_detail") && !$("salariskompas") && !$$(".post")[0]){ Cufon.replace("h2"); Cufon.now(); }
})