// JavaScript Document

function openpicture(url){	
 $("#boxGlobale").css({opacity: 0,
					  width:570,
					  marginLeft:-285
					  });
 
   $("#boxReflet").css({
					  width:570
					  });
   
    $("#boxImage").css({
					 marginLeft:20,
					 marginBottom:30
					  });
	
   
   $("#bt_fermer").css({
					  marginLeft:522
					  });
  $("#masqueLightBox").css({opacity: 0});
  $("#masqueLightBox").animate({opacity: 0.7}, 300, function() {
        	
  			$("#boxGlobale").animate({opacity: 1}, 500);	
      		});
  
  /*
  $("#boxGlobale").css({left:-200});
  $("#boxGlobale").animate({left: "50%"}, 500);
  */
  
  var box = document.getElementById('boxGlobale'); 
  document.getElementById('masqueLightBox').style.display='block';
  
  var content = document.getElementById('boxImage');
  content.style.padding="0";
  content.innerHTML = "<img src=" + url + " />";

  box.style.display='block';
}

function openTeam(){
  
  $("#masqueLightBox2").css({display: "block"});
   $("#boxGlobale2").css({display: "block"});
  
  $("#boxGlobale2").css({opacity: 0});
  $("#masqueLightBox2").css({opacity: 0});
  $("#masqueLightBox2").animate({opacity: 0.8}, 300, function() {
        	
  			$("#boxGlobale2").animate({opacity: 1}, 500);	
      		});
}

function closebox2()
{	document.getElementById('boxGlobale2').style.display='none';
	$("#masqueLightBox2").animate({opacity: 0}, 200,function(){
   		document.getElementById('masqueLightBox2').style.display='none';
	});
   
   
}



function openbox(url,titre,pictosId,lien)
{	
	
 
  $("#boxGlobale").css({opacity: 0});
  $("#masqueLightBox").css({opacity: 0});
  $("#masqueLightBox").animate({opacity: 0.7}, 300, function() {
        	
  			$("#boxGlobale").animate({opacity: 1}, 500);	
      		});
  
  /*
  $("#boxGlobale").css({left:-200});
  $("#boxGlobale").animate({left: "50%"}, 500);
  */
  
  var box = document.getElementById('boxGlobale'); 
  document.getElementById('masqueLightBox').style.display='block';
  
  var content = document.getElementById('boxImage');
  content.style.padding="0";
  content.innerHTML = "<img src=" + url + " />";
  
  var title = document.getElementById('boxTitre');
  title.innerHTML = "<h1> "+ titre +"</h1>";
  
  var pictos = document.getElementById('boxPictos1');
  
	  var strategie = '';
	  
	  if(pictosId.charAt(0)==1){
		  strategie="<img src='img/3_bt_strategie.png' />";
		  }
		  
		  
	  var marketing = '';
	  
	  if(pictosId.charAt(1)==1){
		  marketing="<img src='img/3_bt_marketing.png' />";
		  }	
		  
	  var image = '';
	  
	  if(pictosId.charAt(2)==1){
		  image="<img src='img/3_bt_image.png' />";
		  }	
		  
	  var creation = '';
	  
	  if(pictosId.charAt(3)==1){
		  creation="<img src='img/3_bt_creation.png' />";
		  }	
		  
	  var production = '';
	  
	  if(pictosId.charAt(4)==1){
		  production="<img src='img/3_bt_production.png' />";
		  }	
		  
	  var promotion = '';
	  
	  if(pictosId.charAt(5)==1){
		  promotion="<img src='img/3_bt_promotion.png' />";
		  }		
		  
	  
	  var formation = '';
	  
	  if(pictosId.charAt(6)==1){
		  formation="<img src='img/3_bt_formation.png' />";
		  }	
 
  pictos.innerHTML = strategie+marketing+image+promotion+creation+production+formation;
 
  if(lien != null){
	  var btLien = document.getElementById('btLien');
  	  btLien.innerHTML = "<a href="+ lien +" class='bold' target='_blank'>Accès au site</a>";
	  } else {var btLien = document.getElementById('btLien');
  	  btLien.innerHTML = "";}
 
  
  box.style.display='block';
}

function openboxDE(url,titre,pictosId,lien)
{	
	
 
  $("#boxGlobale").css({opacity: 0});
  $("#masqueLightBox").css({opacity: 0});
  $("#masqueLightBox").animate({opacity: 0.7}, 300, function() {
        	
  			$("#boxGlobale").animate({opacity: 1}, 500);	
      		});
  
  /*
  $("#boxGlobale").css({left:-200});
  $("#boxGlobale").animate({left: "50%"}, 500);
  */
  
  var box = document.getElementById('boxGlobale'); 
  document.getElementById('masqueLightBox').style.display='block';
  
  var content = document.getElementById('boxImage');
  content.style.padding="0";
  content.innerHTML = "<img src=" + url + " />";
  
  var title = document.getElementById('boxTitre');
  title.innerHTML = "<h1> "+ titre +"</h1>";
  
  var pictos = document.getElementById('boxPictos1');
  
	  var strategie = '';
	  
	  if(pictosId.charAt(0)==1){
		  strategie="<img src='img/DE/bt_strategie_DE.png' />";
		  }
		  
		  
	  var marketing = '';
	  
	  if(pictosId.charAt(1)==1){
		  marketing="<img src='img/3_bt_marketing.png' />";
		  }	
		  
	  var image = '';
	  
	  if(pictosId.charAt(2)==1){
		  image="<img src='img/DE/bt_image_DE.png' />";
		  }	
		  
	  var creation = '';
	  
	  if(pictosId.charAt(3)==1){
		  creation="<img src='img/DE/bt_kreation_DE.png' />";
		  }	
		  
	  var production = '';
	  
	  if(pictosId.charAt(4)==1){
		  production="<img src='img/DE/bt_produktion_DE.png' />";
		  }	
		  
	  var promotion = '';
	  
	  if(pictosId.charAt(5)==1){
		  promotion="<img src='img/3_bt_promotion.png' />";
		  }		
		  
	  
	  var formation = '';
	  
	  if(pictosId.charAt(6)==1){
		  formation="<img src='img/DE/bt_ausbildung_DE.png' />";
		  }	
 
  pictos.innerHTML = strategie+marketing+image+promotion+creation+production+formation;
 
  if(lien != null){
	  var btLien = document.getElementById('btLien');
  	  btLien.innerHTML = "<a href="+ lien +" class='bold' target='_blank'>Zugang zur Webseite</a>";
	  } else {var btLien = document.getElementById('btLien');
  	  btLien.innerHTML = "";}
 
  
  box.style.display='block';
}



function openboxEN(url,titre,pictosId,lien)
{	
	
 
  $("#boxGlobale").css({opacity: 0});
  $("#masqueLightBox").css({opacity: 0});
  $("#masqueLightBox").animate({opacity: 0.7}, 300, function() {
        	
  			$("#boxGlobale").animate({opacity: 1}, 500);	
      		});
  
  /*
  $("#boxGlobale").css({left:-200});
  $("#boxGlobale").animate({left: "50%"}, 500);
  */
  
  var box = document.getElementById('boxGlobale'); 
  document.getElementById('masqueLightBox').style.display='block';
  
  var content = document.getElementById('boxImage');
  content.style.padding="0";
  content.innerHTML = "<img src=" + url + " />";
  
  var title = document.getElementById('boxTitre');
  title.innerHTML = "<h1> "+ titre +"</h1>";
  
  var pictos = document.getElementById('boxPictos1');
  
	  var strategie = '';
	  
	  if(pictosId.charAt(0)==1){
		  strategie="<img src='img/services/EN/bt_services_EN_1.png' />";
		  }
		  
		  
	  var marketing = '';
	  
	  if(pictosId.charAt(1)==1){
		  marketing="<img src='img/services/EN/bt_services_EN_2.png' />";
		  }	
		  
	  var image = '';
	  
	  if(pictosId.charAt(2)==1){
		  image="<img src='img/services/EN/bt_services_EN_3.png' />";
		  }	
		  
	  var creation = '';
	  
	  if(pictosId.charAt(3)==1){
		  creation="<img src='img/services/EN/bt_services_EN_5.png' />";
		  }	
		  
	  var production = '';
	  
	  if(pictosId.charAt(4)==1){
		  production="<img src='img/services/EN/bt_services_EN_6.png' />";
		  }	
		  
	  var promotion = '';
	  
	  if(pictosId.charAt(5)==1){
		  promotion="<img src='img/services/EN/bt_services_EN_4.png' />";
		  }		
		  
	  
	  var formation = '';
	  
	  if(pictosId.charAt(6)==1){
		  formation="<img src='img/3_bt_formation.png' />";
		  }	
 
  pictos.innerHTML = strategie+marketing+image+promotion+creation+production+formation;
 
  if(lien != null){
	  var btLien = document.getElementById('btLien');
  	  btLien.innerHTML = "<a href="+ lien +" class='bold' target='_blank'>Web access</a>";
	  } else {var btLien = document.getElementById('btLien');
  	  btLien.innerHTML = "";}
 
  
  box.style.display='block';
}





function closebox()
{	document.getElementById('boxGlobale').style.display='none';
	$("#masqueLightBox").animate({opacity: 0}, 200,function(){
   		document.getElementById('masqueLightBox').style.display='none';
	});  
}
   







function multipleBox(titre,pictosId,lien,url,url1,url2)
{	
	
 
  $("#boxGlobale").css({opacity: 0});
  $("#masqueLightBox").css({opacity: 0});
  $("#masqueLightBox").animate({opacity: 0.7}, 300, function() {
        	
  			$("#boxGlobale").animate({opacity: 1}, 500);	
      		});
  
  /*
  $("#boxGlobale").css({left:-200});
  $("#boxGlobale").animate({left: "50%"}, 500);
  */
  
  var box = document.getElementById('boxGlobale'); 
  document.getElementById('masqueLightBox').style.display='block';
  
  var content = document.getElementById('boxImage');
  content.style.padding="0";
  
  url = "<img src=" + url + " />";
  
  if( url1 != ""){url1 = "<img src=" + url1 + " />";
  }else url1="";
  
  if( url2 != ""){url2 = "<img src=" + url2 + " />";
  }else url2="";
  
  //content.innerHTML =  "<div class='slideshow' id='slidePortfolio'>"+url+url1+url2+"</div>";
  content.innerHTML =  url+url1+url2;

  
  var title = document.getElementById('boxTitre');
  title.innerHTML = "<h1> "+ titre +"</h1>";
  
  var pictos = document.getElementById('boxPictos1');
  
	  var strategie = '';
	  
	  if(pictosId.charAt(0)==1){
		  strategie="<img src='img/3_bt_strategie.png' />";
		  }
		  
		  
	  var marketing = '';
	  
	  if(pictosId.charAt(1)==1){
		  marketing="<img src='img/3_bt_marketing.png' />";
		  }	
		  
	  var image = '';
	  
	  if(pictosId.charAt(2)==1){
		  image="<img src='img/3_bt_image.png' />";
		  }	
		  
	  var creation = '';
	  
	  if(pictosId.charAt(3)==1){
		  creation="<img src='img/3_bt_creation.png' />";
		  }	
		  
	  var production = '';
	  
	  if(pictosId.charAt(4)==1){
		  production="<img src='img/3_bt_production.png' />";
		  }	
		  
	  var promotion = '';
	  
	  if(pictosId.charAt(5)==1){
		  promotion="<img src='img/3_bt_promotion.png' />";
		  }		
		  
	  
	  var formation = '';
	  
	  if(pictosId.charAt(6)==1){
		  formation="<img src='img/3_bt_formation.png' />";
		  }	
 
  pictos.innerHTML = strategie+marketing+image+promotion+creation+production+formation;
 
  if(lien != ""){
	  var btLien = document.getElementById('btLien');
  	  btLien.innerHTML = "<a href="+ lien +" class='bold' target='_blank'>Accès au site</a>";
	  } else {var btLien = document.getElementById('btLien');
  	  btLien.innerHTML = "";}
 
  
  box.style.display='block';
}