
/* fonction permettant le calcul de la hauteur du contenu */
/* Test */
function height() {
    if (document.all) {
        return document.body.offsetHeight;
    } else if (document.layers) {
        return document.body.document.height;
	} else {
		return (window.scrollMaxY + document.documentElement.clientHeight);
	}
}


function hoverMenu(itemId,action) {
	if(action == 'over') {
		document.getElementById('menuItem-'+itemId).src = 'images/menuBulletActive.png';
	} else {
		document.getElementById('menuItem-'+itemId).src = 'images/menuBullet.png';	
	}
}

function hoverSubMenu(itemId,action) {
	if(action == 'over') {
		document.getElementById('menuSubItem-'+itemId).src = 'images/menuBulletActiveSmall.png';
	} else {
		document.getElementById('menuSubItem-'+itemId).src = 'images/menuBulletSmall.png';	
	}
}

function hoverCat(bouton,action) {
	if(bouton == 'emp') {
		if(actualCat != 'emp') {
			if(action == 'over') {
				document.getElementById('bout_em').src='images/employers'+actualLang+'On.png';
			} else if(action == 'out') {
				document.getElementById('bout_em').src='images/employers'+actualLang+'Off.png';
			}
		}
	}
	
	if(bouton == 'js') {
		if(actualCat != 'js') {
			if(action == 'over') {
				document.getElementById('bout_js').src='images/jobseekers'+actualLang+'On.png';
			} else if(action == 'out') {
				document.getElementById('bout_js').src='images/jobseekers'+actualLang+'Off.png';
			}
		}
	}
	 
}

function hoverLang(bouton,action) {
	if(bouton == 'fr') {
		if(actualLang != 'fr') {
			if(action == 'over') {
				document.getElementById('bout_fr').src='images/langFrOn.png';
			} else if(action == 'out') {
				document.getElementById('bout_fr').src='images/langFrOff.png';
			}
		}
	}
	
	if(bouton == 'nl') {
		if(actualLang != 'nl') {
			if(action == 'over') {
				document.getElementById('bout_nl').src='images/langNlOn.png';
			} else if(action == 'out') {
				document.getElementById('bout_nl').src='images/langNlOff.png';
			}
		}
	}
	
	if(bouton == 'en') {
		if(actualLang != 'en') {
			if(action == 'over') {
				document.getElementById('bout_en').src='images/langEnOn.png';
			} else if(action == 'out') {
				document.getElementById('bout_en').src='images/langEnOff.png';
			}
		}
	}
	

}

function writeCategories() {
	if(actualCat == 'emp') {
		switch(actualLang) {
			case 'fr':
				catEmp = 'employersfrOn';
				catJs = 'jobseekersfrOff';
				break;
			case 'en':
				catEmp = 'employersenOn';
				catJs = 'jobseekersenOff';
				break;
			case 'nl':
				catEmp = 'employersnlOn';
				catJs = 'jobseekersnlOff';
				break;
			default:
                                catEmp = 'employersenOn';
	                        catJs = 'jobseekersenOff';
				break;
		}
			
	} else {
		switch(actualLang) {
			case 'fr':
				catEmp = 'employersfrOff';
				catJs = 'jobseekersfrOn';
				break;
			case 'en':
				catEmp = 'employersenOff';
				catJs = 'jobseekersenOn';
				break;
			case 'nl':
				catEmp = 'employersnlOff';
				catJs = 'jobseekersnlOn';
				break;
			default:
				catEmp = 'employersenOff';
				catJs = 'jobseekersenOn';
				break;

		}
	}
		document.write('<a href="'+linkToEmp+'" onmouseover="hoverCat(\'emp\',\'over\');" onmouseout="hoverCat(\'emp\',\'out\');"><img id="bout_em" src="images/'+catEmp+'.png" /></a>&nbsp;&nbsp;<a onmouseover="hoverCat(\'js\',\'over\');"  onmouseout="hoverCat(\'js\',\'out\');" href="'+linkToJs+'"><img id="bout_js" src="images/'+catJs+'.png" /></a>');
}

function writeLangs() {
	if(actualLang == 'fr') {
		langEn = 'langEnOff';
		langFr = 'langFrOn';
		langNl = 'langNlOff';
	} else if (actualLang == 'nl') {
		langEn = 'langEnOff';
		langFr = 'langEnOff';
		langNl = 'langNlOn';
	} else if(actualLang == 'en') {
		langEn = 'langEnOn';
		langFr = 'langFrOff';
		langNl = 'langNlOff';
	}
		document.write('<a href="'+linkToFr+'" onmouseover="hoverLang(\'fr\',\'over\');" onmouseout="hoverLang(\'fr\',\'out\');"><img id="bout_fr" src="images/'+langFr+'.png" /></a>&nbsp;&nbsp;<a href="'+linkToNl+'" onmouseover="hoverLang(\'nl\',\'over\');" onmouseout="hoverLang(\'nl\',\'out\');"><img id="bout_nl" src="images/'+langNl+'.png" /></a>&nbsp;&nbsp;<a href="'+linkToEn+'" onmouseover="hoverLang(\'en\',\'over\');" onmouseout="hoverLang(\'en\',\'out\');"><img id="bout_en" src="images/'+langEn+'.png" /></a>');
}

function animeMarquee() {

	if(actualLang == 'fr') var nextJD = 'Prochain Job Day';
	if(actualLang == 'en') var nextJD = 'Next Job Day';
	if(actualLang == 'nl') var nextJD = 'Volgende Job Day';

var buffer = '<marquee style="padding-top:2px;width:360px;" direction="left"  scrolldelay="2" ononmouseover="stop()" onmouseout="start()" scrollamount="5">';
buffer += '<span class="datesTitle">'+nextJD+' : </span>';
buffer += '<span class="dates">'+nextJDD+'</span>';
buffer += '<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>';
buffer += '</marquee>';

	document.getElementById('marqueeInner').innerHTML = buffer
						
	setTimeout('animeMarqueeStop()',11000);
	
}

function animeMarqueeStop() {

	if(actualLang == 'fr') var nextJD = 'Prochain Job Day';
	if(actualLang == 'en') var nextJD = 'Next Job Day';
	if(actualLang == 'nl') var nextJD = 'Volgende Job Day';

document.getElementById('marqueeInner').innerHTML = '<span class="datesTitle">'+nextJD+' : </span><br /><span class="dates">'+nextJDD+'</span>';
							
}
