var t_travaux = new Array();
var t_couleurRub = new Array();
/*t_couleurRub['webdesign']='#91FF00';
t_couleurRub['integration/dev']='#FFEF00';
t_couleurRub['graphisme']='#0071BC';
t_couleurRub['identite visuelle']='#0000FF';
t_couleurRub['edition']='#00FCFF';
t_couleurRub['illustration']='#AE00FF';
t_couleurRub['animation/jeux']='#FF0000';
t_couleurRub['video/design produit']='#FF00D8';
t_couleurRub['tout']='black';*/
t_couleurRub['webdesign']='#5d9159';
t_couleurRub['integration/dev']='#837d42';
t_couleurRub['graphisme']='#5b7085';
t_couleurRub['identite visuelle']='#7878b1';
t_couleurRub['edition']='#4aa8ad';
t_couleurRub['illustration']='#885e9a';
t_couleurRub['animation/jeux']='#803d3d';
t_couleurRub['video/design produit']='#773560';
t_couleurRub['tout']='black';


function f_chargement(){
	$.ajax({
			url: "chargement.php",
			dataType: "json",
			success: function(v_json){
				for(var i = 0; i < v_json.length; i++) {
					//creation du tableau de donnees
					t_travaux[i]=v_json[i];
					t_travaux[i]['actif']=1;				
				}
				f_affichage();
				for(var i=0; i<t_travaux.length; i++){
					vignetteOver(''+t_travaux[i]['id']+'', ''+t_travaux[i]['vignetteSurvol']+'');
					vignetteOut(''+t_travaux[i]['id']+'', ''+t_travaux[i]['vignette']+'');
				}
				$("#calque").fadeOut(2500);
			}
		});
}

function f_affichage(){
	
	document.getElementById('page').innerHTML='<div class="blocLogo"><div id="logo"></div><div id="contact" >JEAN CHAPUIS<br/><a href="mailto:chapuis.jean@gmail.com" onmouseover="f_contactOver();" onmouseout="f_contactOut();"><span id="mail">CONTACT</span></a></div></div><div class="menu"><div class="nomRubs"><div class="rub" onclick="selectRub(\'tout\');"><div class="carreRub" style="background-color:'+t_couleurRub['tout']+'"></div>TOUT</div><div class="rub" onClick="selectRub(\'webdesign\');"  ><div class="carreRub" style="background-color:'+t_couleurRub['webdesign']+'"></div>WEBDESIGN</div><div class="rub" onClick="selectRub(\'integration/dev\');" ><div class="carreRub" style="background-color:'+t_couleurRub['integration/dev']+'"></div>Int&eacute;gration/Dev</div><div class="rub" onClick="selectRub(\'graphisme\');" ><div class="carreRub" style="background-color:'+t_couleurRub['graphisme']+'"></div>Graphisme</div><div class="rub" onClick="selectRub(\'identite visuelle\');" ><div class="carreRub" style="background-color:'+t_couleurRub['identite visuelle']+'"></div>Identit&eacute; visuelle</div><div class="rub" onClick="selectRub(\'edition\');" ><div class="carreRub" style="background-color:'+t_couleurRub['edition']+'"></div>Edition</div><div class="rub" onClick="selectRub(\'illustration\');" ><div class="carreRub" style="background-color:'+t_couleurRub['illustration']+'"></div>Illustration</div><div class="rub" onClick="selectRub(\'animation/jeux\');" ><div class="carreRub" style="background-color:'+t_couleurRub['animation/jeux']+'"></div>Animation/Jeux</div><div class="rub" onClick="selectRub(\'video/design produit\');" ><div class="carreRub" style="background-color:'+t_couleurRub['video/design produit']+'"></div>Vid&eacute;o/Design produit</div></div><div id="facebookLike"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.chapuisjean.com&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=dark&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe></div></div></div>';
	f_afficherVignettes();
	f_montrerCacherVignettes();
	}

function f_afficherVignettes(){
	var vignettes='';
	for(var i=0; i<t_travaux.length; i++){
		vignettes += '<div class=\'blocVignette\'><div id=\'c'+t_travaux[i]['id']+'\' class=\'cachevignette\'></div><div id=\''+t_travaux[i]['id']+'\' class=\'vignette\' style=\'background-image:url(vignettes/'+t_travaux[i]['vignette']+'.jpg)\' onMouseOver=\'javascript:vignetteOver('+t_travaux[i]['id']+', \"'+t_travaux[i]['vignetteSurvol']+'\");\' onMouseOut=\'javascript:vignetteOut('+t_travaux[i]['id']+',  \"'+t_travaux[i]['vignette']+'\");\' onclick=\'f_selectProjet('+i+')\'></div></div>';
	}
	document.getElementById('page').innerHTML += vignettes;
	//document.getElementById('id').style.display="none";
}

function vignetteOver(id, chemin){
	document.getElementById(id).style.backgroundImage="url(vignettes/"+chemin+".jpg)";
	$('#'+id).animate({
        opacity: 1,
		MozOpacity: 1,
      }, 300 );
	};

function vignetteOut(id, chemin){
	document.getElementById(id).style.backgroundImage="url(vignettes/"+chemin+".jpg)";
	$('#'+id).animate({
        opacity: 0.8,
		MozOpacity: 0.8,
      }, 200 );
	};

function selectRub(rubrique) {
		for(var i=0; i<t_travaux.length; i++){
			if(t_travaux[i]['rubrique']==rubrique||rubrique=='tout'){
				t_travaux[i]['actif']=1;
			}
			else {
				t_travaux[i]['actif']=0;
			}
		}
		f_montrerCacherVignettes();
}

function f_montrerCacherVignettes(){
	for(var i=0; i<t_travaux.length; i++){
		if(t_travaux[i]['actif']==1){
			document.getElementById('c'+t_travaux[i]['id']).style.display='none';
			}
		else
			document.getElementById('c'+t_travaux[i]['id']).style.display='block';
		}
	}

function f_selectProjet(num){
	document.getElementById('page').innerHTML = '<div class="blocLogo"><div id="logo"></div><div id="contact" >JEAN CHAPUIS<br/><a href="mailto:chapuis.jean@gmail.com" onmouseover="f_contactOver();" onmouseout="f_contactOut();"><span id="mail">CONTACT</span></a></div></div><div id="infos"><div id="retour" onclick="f_retour();"><ul><li>retour</li></ul></div><div id="nomRub" style="color:'+t_couleurRub[t_travaux[num]['rubrique']]+'">'+t_travaux[num]['rubrique']+'</div><div id="titre">'+t_travaux[num]['titre']+'</div><div id="descriptif">'+t_travaux[num]['descriptif']+'</div></div><div id="sautLigne"></div>';
	
//<div id="likeProjet"><iframe src="projet.php?titre='+t_travaux[num]['titre']+'&desc='+t_travaux[num]['descriptif']+'&vignette='+t_travaux[num]['vignette']+'"></iframe></div>
	
	if(t_travaux[num]['videovimeo']!=0){
		document.getElementById('page').innerHTML +='<iframe src="http://player.vimeo.com/video/'+t_travaux[num]['videovimeo']+'" width="640" height="440" frameborder="0"></iframe>';}	
	for (i=0; i<5; i++){
		if(t_travaux[num]['image'+(i+1)]!=""){
			document.getElementById('page').innerHTML +='<div class="image"><img src="travaux/'+t_travaux[num]['image'+(i+1)]+'" /></div>';
		}
		if(t_travaux[num]['anim'+(i+1)]!=""){
			document.getElementById('page').innerHTML +='<div class="anim"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+t_travaux[num]['dimAnim'+(i+1)][0]+'" height="'+t_travaux[num]['dimAnim'+(i+1)][1]+'" id="FlashID" title="Jean Chapuis"><param name="movie" value="travaux/'+t_travaux[num]['anim'+(i+1)]+'" /><param name="quality" value="high" /><param name="wmode" value="opaque" /><param name="swfversion" value="6.0.65.0" /><!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. --><param name="expressinstall" value="Scripts/expressInstall.swf" /><!-- La balise <object> suivante est destinée aux navigateurs autres qu\'IE. Supprimez-la d\'IE à l\'aide d\'IECC. --><!--[if !IE]>--><object type="application/x-shockwave-flash" data="travaux/'+t_travaux[num]['anim'+(i+1)]+'" width="'+t_travaux[num]['dimAnim'+(i+1)][0]+'" height="'+t_travaux[num]['dimAnim'+(i+1)][1]+'"><!--<![endif]--><param name="quality" value="high" /><param name="wmode" value="opaque" /><param name="swfversion" value="6.0.65.0" /><param name="expressinstall" value="Scripts/expressInstall.swf" /><!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d\'un lecteur Flash de version 6.0 ou de versions plus anciennes. --><div><h4>Le contenu de cette page nécessite une version plus récente d\'Adobe Flash Player.</h4><p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p></div><!--[if !IE]>--></object><!--<![endif]--></object><script type="text/javascript">swfobject.registerObject("FlashID");</script></div>';
		}
	}
		
}

	
function f_retour(){
	f_affichage();
	}


function f_contactOut(){
	document.getElementById('mail').innerHTML='CONTACT';}
function f_contactOver(){
	document.getElementById('mail').innerHTML='CHAPUIS(PT)JEAN(AT)GMAIL(PT)COM';}