var loc_btn_en = 'PARIS | FRANCE';
var loc_btn_es = 'PARIS | FRANCIA';
var loc_btn_fr = 'PARIS | FRANCE';
var phone_btn = 'Tel. +33 6 20 68 77 78';
var email_btn = '<a href=\'mailto:contact@gdegevigney.fr\'>contact@gdegevigney.fr</a>';

var btnInfos = new Array('ico_loc', 'ico_phone', 'ico_email');
var btnAbout = new Array('about', 'myVision');
var divAbout = new Array('aboutInfos', 'myVisionInfos');
var btnPortfolio = new Array('all', 'web', 'd3', 'ui', 'graphics');
var divPortfolio = new Array('allInfos', 'webInfos', 'd3Infos', 'uiInfos', 'graphicsInfos');

function gup( name )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}

function goto(where){
	// Initialize packed or we get the word 'undefined'
	var packed = "";
	var destination = "";
	packed = escape(where);
	
	if(where == "myVisionInfos")
		destination = "about.html";
	else
		destination = "portfolio.html";
	window.location = destination + "?" + packed;
}

function initAbout(){
	if(gup('sec') == '2')
		toggleAbout('myVisionInfos', 'myVision');
	else
		document.getElementById('myVisionInfos').style.display = "none";
}

function initPortfolio(div){
	 //Display
	var trig = "";
	var who = "";
	var lgp = "Projets";
	
	if(gup('sec') == '' || gup('sec') == '1')
		togglePortfolio('allInfos', 'all');
	else {
		if(gup('sec') == '2'){
			trig = "web";
			who = "webInfos";
		} else if(gup('sec') == '3'){
			trig = "d3";
			who = "d3Infos";
		} else if(gup('sec') == '4'){
			trig = "ui";
			who = "uiInfos";
		} else if(gup('sec') == '5'){
			trig = "graphics";
			who = "graphicsInfos";
		}		
		togglePortfolio(who, trig);
	}
	if(gup('lg') == 'en')
		lgp = "Projects";
	else if (gup('lg') == 'es')
		lgp = "Proyectos";
		
	//Count LI Project	
	for (var n = 0; n < divPortfolio.length; n++) {
		var myUL = document.getElementById(divPortfolio[n]);
		var list = myUL.getElementsByTagName("li");
		var section = "top_"+divPortfolio[n];
		document.getElementById(section).innerHTML = list.length+" "+lgp;	
	}

}

function goInfos(code,div, trigger){
		document.getElementById(div).innerHTML = (code);
		document.getElementById(trigger).className='selected';
	
		for (var n = 0; n < btnInfos.length; n++) {
			if(btnInfos[n] != trigger)
				document.getElementById(btnInfos[n]).className='off';
		}	
}


function toggleAbout(div, trigger){
	//hide all sections
	//if()
	
	for (var n = 0; n < divAbout.length; n++) {
			document.getElementById(divAbout[n]).style.display = "none";
	}
	//Show good section
	document.getElementById(div).style.display = "block";
	
	//deselect all btn
	for (var n = 0; n < btnAbout.length; n++) {
		if(btnAbout[n] != trigger)
			document.getElementById(btnAbout[n]).className='off';
	}
	//selected the good one
	document.getElementById(trigger).className='selected';

}

function togglePortfolio(div, trigger){
	//hide all sections
	for (var n = 0; n < divPortfolio.length; n++) {
			document.getElementById(divPortfolio[n]).style.display = "none";
		}
	
		//Show good section
		document.getElementById(div).style.display = "block";
	
	//deselect all btn
	for (var n = 0; n < btnPortfolio.length; n++) {
		if(btnPortfolio[n] != trigger)
			document.getElementById(btnPortfolio[n]).className='off';
	}
	//selected the good one
	document.getElementById(trigger).className='selected';

}

function readXML(){
	var img = "";
	var link = "";
	var lang = gup('lg');
	var num = gup('p');
	
	if (window.XMLHttpRequest)
	  {// code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlhttp=new XMLHttpRequest()
	}
	else
	  {// code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	  
	  }
	  var plang = "";
	  if(lang == "en"){
	 	 plang = "portfolio/portfolio_EN.xml";
	  	online = "See the project online";
	  }
	  else if (lang == "es"){
	  	plang = "portfolio/portfolio_ES.xml";
	  	online = "Ver el proyecto online";
	  }
	  else {
	  	plang = "portfolio/portfolio_FR.xml";
	  	online = "Voir le projet en ligne";
	  }
	 
	  xmlhttp.open("GET",plang,false);
	  xmlhttp.send();
	  xmlDoc=xmlhttp.responseXML;
	 //Infos
	 document.getElementById("tIntro").innerHTML = xmlDoc.getElementsByTagName("project")[num].getElementsByTagName("textIntro")[0].childNodes[0].nodeValue;
		//year
	document.getElementById("year").innerHTML = xmlDoc.getElementsByTagName("project")[num].getElementsByTagName("year")[0].childNodes[0].nodeValue;
	//copyright
	document.getElementById("client").innerHTML = xmlDoc.getElementsByTagName("project")[num].getElementsByTagName("client")[0].childNodes[0].nodeValue;
	
	//Images
	img = xmlDoc.getElementsByTagName("project")[num].getElementsByTagName("img")[0].childNodes[0].nodeValue;
	//alert("check : "+img.length);
	if(img.length < 20 )// it's empty -> firefox, chrome,...
		img = xmlDoc.getElementsByTagName("project")[num].getElementsByTagName("img")[0].childNodes[1].nodeValue;
	document.getElementById("workImg").innerHTML = img;
	
	//Link
	link = xmlDoc.getElementsByTagName("project")[num].getElementsByTagName("link")[0].childNodes[0].nodeValue;
	if(link.length < 20 )// it's empty -> firefox, chrome,...
		link = xmlDoc.getElementsByTagName("project")[num].getElementsByTagName("link")[0].childNodes[1].nodeValue;
	document.getElementById("link").innerHTML = link;
	document.getElementById("link2").innerHTML = link;
	
}