var curent_id = 1;
var wdth=0;




function changeActiveMenu(id){

    $("#load").stop();

    document.getElementById(curent_id).className = 'inactive item'+curent_id;
    
    curent_id = id;
    
    document.getElementById(curent_id).className = 'active item'+curent_id;
        clearTimeout(myTimer);
    changeProjet();          

    realoadBarre();
    myTimer = setTimeout('changeProjetTimer()',6000); 

}



function nextProjet(){          
    
    $("#load").stop();
    
    document.getElementById(curent_id).className = 'inactive item'+curent_id;
    
    var newId = (curent_id + 1);
    
    if (newId==5){newId=1};
    
    document.getElementById(newId).className = 'active item'+newId;
    
    curent_id = newId;
    clearTimeout(myTimer);
    changeProjet();
    
    realoadBarre();
    myTimer = setTimeout('changeProjetTimer()',6000);


    
}

function prevProjet(){     

    $("#load").stop();     
    
    document.getElementById(curent_id).className = 'inactive item'+curent_id;
    
    var newId = (curent_id - 1);
    
    if (newId==0){newId=4};
    
    document.getElementById(newId).className = 'active item'+newId;
    
    curent_id = newId;
    clearTimeout(myTimer);   
    changeProjet();
    
    realoadBarre();
    myTimer = setTimeout('changeProjetTimer()',6000);
 
}



function changeProjet(){
    
    var idTab = curent_id-1;
    var Pname = tab[idTab][2];
    var Cname = tab[idTab][3];
    var idProjet = tab[idTab][1];
    

	
	var typeP = tab[idTab][4];
	var nom_typeP = tab[idTab][5];
	var type_elem = typeP.split('_');
	var nom_type_elem = nom_typeP.split('_');
	var aff_picto = "";
	var width = 30*(type_elem.length-1);
	
	for (i=0; i<type_elem.length-1; i++) 
	{
		aff_picto = aff_picto + "<span class=" + type_elem[i] + " title=" + nom_type_elem[i] + "></span>"; 
	} 
	 
    document.getElementById('titreViewer').innerHTML = "<a href='#selectedWork' onclick='goToSW("+idProjet+")'><span class='titreViewer' >"+Cname+"</span><br><span class='soustitreViewer'>"+Pname+"</span></a>";
    document.getElementById('picto2').innerHTML = "<div id='gr_picto' style='width: " + width + "px'>" + aff_picto + "</div>";
	
	
	
	
    var Dossier = 'images/Photos_projet/'+idProjet+'/';
    var Numero = '1.jpg'; 
        
    var position = -1010*(curent_id-1);

   $("#imageViewer").animate({"left": position}, 800, "swing");

}



function init() {  
	
    changeProjetTimer();
	
}

$(document).ready(function(){  
var Pname = tab[0][2];
    var Cname = tab[0][3];
    var idProjet = tab[0][1];
    

	
	var typeP = tab[0][4];
	var type_elem = typeP.split('_');
	var aff_picto = "";
	var width = 30*(type_elem.length-1);
	
	for (i=0; i<type_elem.length-1; i++) 
	{
		aff_picto = aff_picto + "<span class=" + type_elem[i] + "></span>"; 
	} 
	 
    document.getElementById('titreViewer').innerHTML = "<a href='#selectedWork' onclick='goToSW("+idProjet+")'><span class='titreViewer' >"+Cname+"</span><br><span class='soustitreViewer'>"+Pname+"</span></a>";
    document.getElementById('picto2').innerHTML = "<div id='gr_picto' style='width: " + width + "px'>" + aff_picto + "</div>";
	
}); 




function changeProjetTimer() {   
   
    realoadBarre();  
    myTimer = setTimeout('changeProjetTimer()',6000);
    nextProjetTimer();       
}



function nextProjetTimer(){     

		document.getElementById(curent_id).className = 'inactive item'+curent_id;
		var newId = (curent_id + 1);
		if (newId==5){newId=1};
		document.getElementById(newId).className = 'active item'+newId;
		
		curent_id = newId;
		changeProjet();    
}

function realoadBarre(){        

       $("#load").animate({"width": "0%"}, 1); 
       $("#load").animate({"width": "100%"}, 6000); 
       

}

function goToSW(id_projet)
{
		$("#viewer").hide();
		$('#affProjet').hide();
		$('.divliSWPaquebot').hide();
        charge_projet(id_projet);
}