// JavaScript Document


// last state
var last='pres';
var lastPerson='loris';

var lastFilmSelected='';

function updatePosition() {
	var p= document.getElementById('text1').style.top;
	alert('top='+p)
	var h= document.getElementById('text1');
	var test=h.style.height;
	alert('test='+test)	
	var f= p+test;
	alert(f);
	document.getElementById('table').style.top=f;
	alert(document.getElementById('table').style.top);
}	

function clearCover(divID){
    var picsDiv = document.getElementById(divID);
			picsDiv.innerHTML="";

}




function ajaxManager() {
	var args = ajaxManager.arguments;
	var x = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP"): new XMLHttpRequest();
	
	switch (args[0]) {
		case "load_page":
			if (x) {
				
				x.onreadystatechange = function() {
					if (x.readyState == 4 && x.status == 200) {
						el = document.getElementById(args[2]);	
						//el.innerHTML = x.responseText;
						//alert(args[1]);
						var pos=args[1].indexOf(".html");
						if (pos>=0){
							el.innerHTML = x.responseText;
							initLightbox();
						}else{
							var xmldoc = x.responseXML;
							var root_node = xmldoc.getElementsByTagName(args[3]).item(0);
							if ((args[1].indexOf("test")==-1)){
								changePics(root_node.firstChild.data,args[2]);
								}else{
									el.innerHTML = root_node.firstChild.data;
								}
	
						}
				
						
					}
				}
				x.open("GET", args[1], true);
				x.send(null);
			}			
			break;
			
		case "start_up":
			ajaxManager('load_page', 'test.xml', 'text1','bio');
			ajaxManager('load_page','pics.xml', 'picsDiv', 'exemple');
			break;
		
		case "changeNews":
			ajaxManager('load_page','news.txt', 'text1', 'news');
			break;
			
			
		case "actu":
			document.getElementById('filmDiv').innerHTML = "";
			document.getElementById('filmDesc').innerHTML = "";
			document.getElementById('text1').innerHTML = "";
			document.getElementById('table').innerHTML = "";
			document.getElementById('cv').innerHTML = "";
		
		
		    document.getElementById(last).style.color = "white"
		   	document.getElementById("actu").style.color = "red"
			last='actu';
			
			ajaxManager('load_page', 'news.html', 'text1','');
			//ajaxManager('load_page', 'tableNews.html','table','');

	
		break;
		
		case "pres":
			document.getElementById('filmDiv').innerHTML = "";
			document.getElementById('filmDesc').innerHTML = "";
			document.getElementById('text1').innerHTML = "";
			document.getElementById('table').innerHTML = "";
			document.getElementById('cv').innerHTML = "";
		    document.getElementById(last).style.color = "white";
			document.getElementById("pres").style.color = "red";
			last='pres';
			//ajaxManager('load_page', 'test.xml', 'text1','presentation');
			//updatePosition()
			ajaxManager('load_page', 'textPresentation.html','text1','');
			//ajaxManager('load_page', 'tablePres.html','table','');

		
		break;
		
		case "ref":
			document.getElementById('filmDiv').innerHTML = "";
			document.getElementById('filmDesc').innerHTML = "";
			document.getElementById('text1').innerHTML = "";
			document.getElementById('table').innerHTML = "";
			document.getElementById('cv').innerHTML = "";
		    document.getElementById(last).style.color = "white"
		   	document.getElementById("ref").style.color = "red"
			last='ref';
			
			ajaxManager('load_page', 'references.html','text1','');
	

		
		break;
	
		case "film":
			document.getElementById('text1').innerHTML = "";
			document.getElementById('cv').innerHTML = "";
		    document.getElementById(last).style.color = "white"
		   	document.getElementById('film').style.color = "red"
			last='film';
			
			ajaxManager('load_page', 'film.html','filmDiv','');
			
			//ajaxManager('ephemere');
			//ajaxManager('load_page', 'tableFilm.html','table','');
			

		break;
		
		
		case "equip":
			document.getElementById('filmDiv').innerHTML = "";
			document.getElementById('filmDesc').innerHTML = "";
			document.getElementById('text1').innerHTML = "";
			document.getElementById('table').innerHTML = "";
			document.getElementById('cv').innerHTML = "";
			
		    document.getElementById(last).style.color = "white"
		   	document.getElementById("equip").style.color = "red"
			last='equip';
			
			ajaxManager('load_page', 'tableEquip.html', 'text1','equipement');
			//updatePosition();
			//ajaxManager('load_page', 'tableEquip.html','table','');

		break;
	
		
		case "contact":
			document.getElementById('filmDiv').innerHTML = "";
			document.getElementById('filmDesc').innerHTML = "";
			
			document.getElementById('text1').innerHTML = "";
			document.getElementById('table').innerHTML = "";
			document.getElementById('cv').innerHTML = "";
			
		    document.getElementById(last).style.color = "white"
		   	document.getElementById("contact").style.color = "red"
			last='contact';
			
			ajaxManager('load_page','contact.html','text1','');

		break;
		
		
		case "nicolas":
			document.getElementById(lastPerson).style.color = "white"
		   	document.getElementById("nico").style.color = "red"
			lastPerson='nico';
			ajaxManager('load_page', 'test.xml', 'cv','nicolas');
		break;
		
		case "loris":
			document.getElementById(lastPerson).style.color = "white"
		   	document.getElementById("loris").style.color = "red"
			lastPerson='loris';
			ajaxManager('load_page', 'test.xml', 'cv','loris');
		break;
		
		case "thierry":
			document.getElementById(lastPerson).style.color = "white"
		   	document.getElementById("thierry").style.color = "red"
			lastPerson='thierry';
			ajaxManager('load_page', 'test.xml', 'cv','thierry');
		break;
		
		case "ephemere":
			ajaxManager('load_page', 'film/ephemere.html','filmDiv','');
			ajaxManager('load_page', 'film/desc_ephemere.html','filmDesc','');
		break;
		
		case "heteroceres":
			ajaxManager('load_page', 'film/heteroceres.html','filmDiv','');
			ajaxManager('load_page', 'film/desc_heteroceres.html','filmDesc','');
		break;
		
		case "7sky":
			ajaxManager('load_page', 'film/7sky.html','filmDiv','');
			ajaxManager('load_page', 'film/desc_7sky.html','filmDesc','');
		break;
		
		case "jym":
			ajaxManager('load_page', 'film/jym.html','filmDiv','');
			ajaxManager('load_page', 'film/desc_jym.html','filmDesc','');
		break;
		
		case "hike":
			ajaxManager('load_page', 'film/hike_and_ride_2007.html','filmDiv','');
			ajaxManager('load_page', 'film/desc_hike_and_ride_2007.html','filmDesc','');
		break;
		
		
		case "cebe":
			ajaxManager('load_page', 'film/Cebe_Vintage.html','filmDiv','');
			ajaxManager('load_page', 'film/desc_Cebe_Vintage.html','filmDesc','');
		break;
		
		case "nuit":
			ajaxManager('load_page', 'film/nuit.html','filmDiv','');
			ajaxManager('load_page', 'film/desc_une_nuit_hiver.html','filmDesc','');
		break;
		
		case "powerade":
			ajaxManager('load_page', 'film/Powerade.html','filmDiv','');
			ajaxManager('load_page', 'film/desc_Powerade.html','filmDesc','');
		break;
	
			
	
		}		
}


function changePics(imageSrc,divID) {
	
//alert(imageSrc);
    var picsDiv = document.getElementById(divID);
			picsDiv.innerHTML="";
    var img = document.createElement("img");
    img.src = (imageSrc);
		 //var link = document.createElement("a");
    picsDiv.appendChild(img);
}

function addCategory(imageSrc,divID) {
		var Div = document.getElementById(divID);
    var categoryTable = document.createElement("table");
    var row = document.createElement("tr");
    var catCell = document.createElement("td");
		//var x = document.createAttribute('onMouseOver','alert('salut')')
		//catCell.setAttributeNode(x);
    var img = document.createElement("img");
    img.src = (imageSrc);
    //catCell.setAttribute("onclick", alert("test"));
    catCell.appendChild(img);
    row.appendChild(catCell);
    categoryTable.appendChild(row);
		Div.appendChild(categoryTable);
		
}