var currentMenuVideoId = "";
var actualPage = 1;
var nbPage = 5;

function onMenuOverButton(obj){
	obj.className="menuBtn_on";
}

function onMenuOutButton(obj){
	//Don't change the current selected menu item
	if (currentMenuVideoId != obj.id) {
		obj.className="menuBtn";
	}
}

function onVideoOverButton(){
	document.getElementById("playButton").className="playButton_on";
}

function onVideoOutButton(){
	//Don't change the current selected menu item
	//if (currentMenuVideoId != obj.id) {
	document.getElementById("playButton").className="playButton";
	//}
}

function onMOverButton(obj){
	var id = obj.id;
	var ename = id;
	
/*	if(document.all){
		obj.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../images/"+ename+"_on.gif')";//, sizingMethod='scale'
		
	}else{
		obj.style.background="url(../../images/"+ename+"_on.gif)"
	}
	obj.style.width="116px";
	obj.style.eight="116px";*/
	
	document.getElementById(id).className=ename+"_on";

}

function onMOutButton(obj){
	var id = obj.id;
	var ename = id;
/*	if(document.all){
		obj.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../images/"+ename+"_off.gif')";//, sizingMethod='scale'
	}else{
		obj.style.background="url(../../images/"+ename+"_off.gif)"
	}
		obj.style.width="55px";
		obj.style.eight="55px";*/
	//alert(currentMenuVideoId + " - " + id);

	//Don't change the current selected menu item
	if (currentMenuVideoId != id) {
		document.getElementById(id).className=ename;
	}
	
}

function visible(n){
	for(i=1;i<=13; i++){
		rep = "rep"+i;
		document.getElementById(rep).style.visibility="hidden";
		document.getElementById(rep).style.display="none";
	}
	
	rep = "rep"+n;
	document.getElementById(rep).style.visibility="visible";
	document.getElementById(rep).style.display="inline";
}

function invisible(n){
	rep = "rep"+n;
	document.getElementById(rep).style.visibility="hidden";
	document.getElementById(rep).style.display="none";
	
}

/*********************************************************************/
function placedivtext() {
	obj1 = document.getElementById('content')
	content_h = obj1.offsetHeight
	obj2 = document.getElementById('contenttext')
	content_h2 = obj2.offsetHeight
	if (content_h2>content_h)
		content_h = content_h2 + 20
	else
		content_h = content_h + 20
	obj = document.getElementById('wrapper')
	obj.style.height = content_h+'px'
}

function seekBottomDiv() {

	obj1 = document.getElementById('bando_top')
	bando_top_h = obj1.offsetHeight
	obj1 = document.getElementById('bando_menu')
	bando_menu_h = obj1.offsetHeight
	
	if(document.getElementById('cadre_index_main')) {
		obj1 = document.getElementById('cadre_index_main')
		cadre_index_main_h = obj1.offsetHeight
		obj1 = document.getElementById('cadre_resa')
		cadre_resa_h = obj1.offsetHeight
		obj1 = document.getElementById('cadre_explain')
		cadre_resa_e = obj1.offsetHeight
		obj1 = document.getElementById('cadre_index_lists')
		cadre_index_lists_h = obj1.offsetHeight
		
		if (cadre_index_main_h > cadre_index_lists_h + cadre_resa_h + cadre_resa_e) {
			cadre_index_lists_h = cadre_index_main_h - cadre_resa_h - cadre_resa_e - 5
			obj1.style.height = cadre_index_lists_h+'px'
		}

		height = bando_top_h + bando_menu_h
		heightleft = cadre_index_lists_h + cadre_resa_h + cadre_resa_e
		heightright = cadre_index_main_h

		if (heightleft>heightright) {
			height += heightleft
		} else {
			height += heightright
		}
		height += 11
	} else {
		if(document.getElementById('main_page')) {
			if(document.getElementById('content_inscription')) {
				obj1 = document.getElementById('content_inscription')
				main_page_h = obj1.offsetHeight
			} else {
				obj1 = document.getElementById('main_page')
				main_page_h = obj1.offsetHeight
			}
			height = bando_top_h + bando_menu_h + main_page_h + 5
			//alert(height)
			
		} else {
			obj1 = document.getElementById('main_page_withcol')
			main_page_withcol_h = obj1.offsetHeight
			obj1 = document.getElementById('left_col')
			left_col_h = obj1.offsetHeight
			if (main_page_withcol_h>left_col_h) {
				height = bando_top_h + bando_menu_h + main_page_withcol_h + 5
				col_left_ajust = main_page_withcol_h - 15
				obj1.style.height = col_left_ajust+'px'
			} else {
				height = bando_top_h + bando_menu_h + left_col_h + 5
			}
		}
	}
	
	if(document.getElementById('wrapperbottom')) {
		obj = document.getElementById('wrapperbottom')
	} 
	if(document.getElementById('wrapperbottommember')) {
		obj = document.getElementById('wrapperbottommember')
	}

	obj.style.top = height+'px'

	height_bottom_h = obj.offsetHeight
	obj = document.getElementById('backD')
	height_back = height + height_bottom_h + 20
	obj.style.height = height_back+'px'

}

function onresizefunction(){
		
	winW=document.body.offsetWidth;
	winH=document.body.offsetHeight;
	objWrapper=document.getElementById('bodyclss');
	
	objWrapperW=objWrapper.offsetWidth;
	objWrapperH=objWrapper.offsetHeight;
	//alert(objWrapper.innerHTML);
	//alert('W '+objWrapperW+' winW '+winW+' H '+objWrapperH+' winH '+winH );
	
	if(winW < objWrapperW){
		objWrapper.style.left='0px';
		objWrapper.style.marginLeft='0px';
	}
	else{
		objWrapper.style.left='50%';
		objWrapper.style.marginLeft=-1*(objWrapperW/2);		
	}
	/*if(winH < objWrapperH){
		objWrapper.style.top='0px';	
		objWrapper.style.marginTop='0px';	
	}
	else{
		objWrapper.style.top='50%';
		objWrapper.style.marginTop=-1*(objWrapperH/2);		
	}*/
	
}

/***************************************************************/
/* addEvent: simplified event attachment */
function addEvent( obj, type, fn ) {
	if (obj.addEventListener) {
		obj.addEventListener( type, fn, false );
		EventCache.add(obj, type, fn);
	}
	else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
		EventCache.add(obj, type, fn);
	}
	else {
		obj["on"+type] = obj["e"+type+fn];
	}
}

var EventCache = function(){
	var listEvents = [];
	return {
		listEvents : listEvents,
		add : function(node, sEventName, fHandler){
			listEvents.push(arguments);
		},
		flush : function(){
			var i, item;
			for(i = listEvents.length - 1; i >= 0; i = i - 1){
				item = listEvents[i];
				if(item[0].removeEventListener){
					item[0].removeEventListener(item[1], item[2], item[3]);
				};
				if(item[1].substring(0, 2) != "on"){
					item[1] = "on" + item[1];
				};
				if(item[0].detachEvent){
					item[0].detachEvent(item[1], item[2]);
				};
				item[0][item[1]] = null;
			};
		}
	};
}();


function showNotice(noticeMessage){
	//lang='fr';
	if(!document.getElementById("notice_messages")){
		notice = document.createElement("div");
		notice.setAttribute("id","notice_messages");
		noticeHeader = document.createElement("div");
		noticeBody = document.createElement("div");
		noticeFooter = document.createElement("div");

		notice.className = "notice";
		noticeHeader.className="noticeHeader";
		//noticeHeader.innerHTML = "<div class='roll' onclick='closeNotice()' onmouseover='rollover(this)' onmouseout='rollout(this)'>&nbsp;</div>";

		//noticeHeader.innerHTML = "<div class='titleDemo' id='titleDemo'>"+videoTitle1+"</div><div class='roll' onclick='closeNotice()' onmouseover='rollover(this)' onmouseout='rollout(this)'>&nbsp;</div>";

		noticeHeader.innerHTML += "<div class=\"tempsV_" + lang + "\" id=\"tempsV_" + lang + "\" onmouseover=\"onMOverButton(this)\" onmouseout=\"onMOutButton(this)\" onclick=\"javascript:loadvideo(1);\"></div><div class=\"depenseV_" + lang + "\" id=\"depenseV_" + lang + "\" onmouseover=\"onMOverButton(this)\" onmouseout=\"onMOutButton(this)\" onclick=\"javascript:loadvideo(2);\"></div><div class=\"rapportV_" + lang + "\" id=\"rapportV_" + lang + "\" onmouseover=\"onMOverButton(this)\" onmouseout=\"onMOutButton(this)\" onclick=\"javascript:loadvideo(3);\"></div><div class=\"parametreV_" + lang + "\" id=\"parametreV_" + lang + "\" onmouseover=\"onMOverButton(this)\" onmouseout=\"onMOutButton(this)\" onclick=\"javascript:loadvideo(4);\"></div><div class='roll' onclick='closeNotice()' onmouseover='rollover(this)' onmouseout='rollout(this)'>&nbsp;</div>";

		
		noticeBody.className="noticeBody";
		var ifr = document.createElement("iframe");
		ifr.setAttribute('id', 'ifrm');
		ifr.className="iframe";
		ifr.setAttribute('src', 'video1.html?lang='+lang);
		ifr.border='0';
		ifr.frameBorder='0';
		noticeBody.appendChild(ifr);
				
		//noticeFooter.innerHTML+="<center><a  id='video1' href='javascript:loadvideo(1);' class='link5'>ENTRER UN TEMPS</a>&nbsp;&nbsp;&nbsp;&nbsp;<a id='video2' href='javascript:loadvideo(2);' class='link5'>ENTRER UNE D&Eacute;PENSE</a>&nbsp&nbsp;&nbsp;&nbsp;<a id='video3' href='javascript:loadvideo(3);' class='link5'>PRODUIRE UN RAPPORT</a>&nbsp;&nbsp;&nbsp;&nbsp;<a id='video4' href='javascript:loadvideo(4);' class='link5'>AJOUTER UN PARAM&Egrave;TRE</a></center>";
		//noticeFooter.innerHTML+="<center><a  id='video1' href='javascript:loadvideo(1);' class='link5visited'>"+videoTitle1+"</a>&nbsp;&nbsp;&nbsp;&nbsp;<a id='video2' href='javascript:loadvideo(2);' class='link5'>"+videoTitle2+"</a>&nbsp&nbsp;&nbsp;&nbsp;<a id='video3' href='javascript:loadvideo(3);' class='link5'>"+videoTitle3+"</a>&nbsp;&nbsp;&nbsp;&nbsp;<a id='video4' href='javascript:loadvideo(4);' class='link5'>"+videoTitle4+"</a></center>";
		
		notice.appendChild(noticeHeader);
		notice.appendChild(noticeBody);
		notice.appendChild(noticeFooter);
		document.body.appendChild(notice);
		disableDiv = document.createElement("div");
		disableDiv.setAttribute("id","disableDiv");
		disableDiv.className="noticeDisableDiv";
		document.getElementsByTagName("body")[0].appendChild(disableDiv);
		document.getElementsByTagName("body")[0].appendChild(notice);
		document.getElementsByTagName("body")[0].className = "bodyNoScroll";
	}
	
	if (noticeMessage != '') {
		loadvideo(noticeMessage);
	}
	else {
		currentMenuVideoId = "";
	}
}

function closeNotice(){
	n = document.getElementById("notice_messages");
	d = document.getElementById("disableDiv");
	document.getElementsByTagName("body")[0].removeChild(n);
	document.getElementsByTagName("body")[0].removeChild(d);
	document.getElementsByTagName("body")[0].className = "bodycls";
}


function rollover(obj){
	obj.style.background = "red url('/images/closewinhover.jpg')";
}
function rollout(obj){
	obj.style.background = "red url('/images/closewin.jpg')";
}

function loadvideo(v){

	var ifr = document.getElementById("ifrm");

	document.getElementById("tempsV_" + lang).className="tempsV_" + lang;
	document.getElementById("rapportV_" + lang).className="rapportV_" + lang;
	document.getElementById("depenseV_" + lang).className="depenseV_" + lang;
	document.getElementById("parametreV_" + lang).className="parametreV_" + lang;

		
	if (v == 1) {
		currentMenuVideoId = "tempsV_" + lang;
		document.getElementById("tempsV_" + lang).className="tempsV_" + lang + "_on";
	}
	if (v == 2) {
		currentMenuVideoId = "depenseV_" + lang;
		document.getElementById("depenseV_" + lang).className="depenseV_" + lang + "_on";
	}
	if (v == 3) {
		currentMenuVideoId = "rapportV_" + lang;
		document.getElementById("rapportV_" + lang).className="rapportV_" + lang + "_on";
	}
	if (v == 4) {
		currentMenuVideoId = "parametreV_" + lang;
		document.getElementById("parametreV_" + lang).className="parametreV_" + lang + "_on";
	}

	ifr.src = 'video'+v+'.html?lang='+lang;
	openFlashVideoNew("/flash/video"+v+lang+".swf","flashDiv");
}

function openFlashVideoNew(videoSrc,divName){
	
	
	/*flashDiv = document.createElement("div");
	flashDiv.setAttribute("id","flash_Div");
	document.getElementsByTagName("body")[0].appendChild(flashDiv);
	flashDiv.className="demoDiv";*/
	
	obj = document.getElementById(divName);
	var so = new SWFObject(videoSrc,"animation",480 ,353 , "9");
	so.write(obj);
	
	//alert(videoSrc);
	/*so.addVariable('videoPath',videoSrc);
	so.addVariable('videoLength',lnt);
	so.addVariable('autoStart','true');
	so.addVariable('posterPath','');*/
	//obj.appendChild(document.createElement('br'));
	//obj.appendChild(document.createElement('br'));
	//closeLink = document.createElement("a");
	//closeLink.className = "link0";
	//closeLink.setAttribute("href","javascript:closeNewVideo('"+divName+"')");
	//if(iLanguage == "fr"){
	//	linkText = "\u003E\u003E\u003E Quitter la vid\u00E9o";
	//}else linkText = "\u003E\u003E\u003E Close video";
	//closeLink.appendChild(document.createTextNode(linkText));
	//obj.appendChild(closeLink);
	
	//safari fix
/*	if(browser.isSafari){
		tb = document.getElementById("btnSubChapter_right")
		tb.style.top = tb.offsetTop+ tb.offsetHeight + obj.offsetHeight
	}*/
}



/*********************************************************************/
//function for the product page


function changePage(id) {
	
	for(i=1; i<=nbPage; i++){
		document.getElementById("desc_" + i).style.display="none";
		document.getElementById("desctext_" + i).style.display="none";
		document.getElementById("image_" + i).style.display="none";
		document.getElementById("productMenu_" + i).className="linkProduct_inactive";
	}
	
	document.getElementById("desc_" + id).style.display="";
	document.getElementById("desctext_" + id).style.display="";
	document.getElementById("image_" + id).style.display="";
	document.getElementById("productMenu_" + id).className="linkProduct_active";
	
	actualPage = id;
	
	if (actualPage > 1) {
		document.getElementById("previousLink").style.display="";
	}
	else {
		document.getElementById("previousLink").style.display="none";
	}
	
	if (actualPage < nbPage) {
		document.getElementById("nextLink").style.display="";
	}
	else {
		document.getElementById("nextLink").style.display="none";
	}
}


function nextPage() {

	if (actualPage < nbPage) {
		actualPage++;
		changePage(actualPage);
	}
}

function previousPage() {

	if (actualPage > 1) {
		actualPage--;
		changePage(actualPage);
	}
}

function renseignementsSubmit() {
	document.forms[0].action.value='send';
	document.forms[0].submit();
}

function renseignementsReset() {
	document.forms[0].action.value='reset';
	document.forms[0].submit();
}

function openWindow(url) {
	
	var width = screen.availWidth - 150;
	var height = screen.availHeight - 200;
	
	var left = parseInt((screen.availWidth - width) / 2);
    var top = parseInt((screen.availHeight - height) / 2);
	
	var windowId = window.open(url, "winName", "toolbar=no,titlebar=no,status=no,menubar=no,scrollbars=yes,resizable=yes,left=" + left + ",top=" + top + ",width=" + width + ",height=" + height, true);
	
	windowId.focus();
}
