// JavaScript Document


$(document).ready(function() {

	$(".thumb").each(function(){
		slHauteur=0;
		slWidth=0;
		slHauteur = $(this).height()-10;
		slWidth = $(this).width();	
		$(this).next(".thumb-img").css("width",slWidth+"px").css("height",slHauteur+"px").css("display","block").css("top",-slHauteur+"px").css("left","-20px")
		$(this).next(".thumb-img").css("background-position","50% 50%")
		
	})
	
	$(".thumb-img").hover(
	function(){		
		$(this).animate({opacity:1})	 
	},
	function(){	
	$(this).animate({opacity:0})
	}
	)
	
	




if($("#conteneur").height() < $("body").height() )
{
	$("#back").css("height","100%");
	$("#back2").css("height","100%");
	$("#back3").css("height","100%");
}



$('.wslide-menu').children("a").click(function(){
		
		showEcriture($(this).attr("href"))
})


$("#logoFiliale a").hover(
	function(){
	
		var titre = $(this).attr("alt");
		var posImg= $(this).children("img").position();
		var widthImg = $(this).children("img").width()/2;
		var posCentrer = posImg.left+widthImg;
					
		$(this).append('<div style="float:left;position:absolute;bottom:15px;z-index:10000;left:'+ posCentrer +'px;margin-left:-70px;padding-top:10px; background:url(http://www.v3wdev.com/vision3w/images/layout/info-bulle.png) no-repeat;width:150px; height:43px; font-size:9px;letter-spacing:-0.5px;line-height:9px;display:block; text-align:center;"><span style="margin-left:-8px;display:block;">' + titre + '</span></div>');
	
	},
	function()
	{
		$(this).children("div").fadeOut("fast");
	
	}
)


nlCompteur =0;
nlSeparateur = 0;
divNum = "";
sllien="";
$(".conteneurElement").each(function(){
	//$(this).css("display","block").("position","relative").css("border","1px solid red").css("float","left")
	
	var divNum = Math.round(Math.floor(nlCompteur/5));
			
	slLien = $(this).children(".realisation_thumb").children("a").attr("href");	
	$(this).children(".realisation_thumb").children("a").attr("href","javascript:void(0);");
	$(this).children(".realisation_thumb").children("a").attr("onclick","colorize(this);showPortfolio("+divNum+");viewContent('viewer-"+divNum+"','"+slLien+"','GET','p=portfolio');");
	

	if(nlSeparateur == 4)
	{
		
			
			$(this).after("<div class='stabilisateur'></div><div id='viewer-" + divNum +"' style='display:none;clear:both;height:1px width:100%;float:none;'></div>")
			
	}
	
	
	nlCompteur++;
	if(nlSeparateur == 4)
	{
		nlSeparateur = 0
	}
	else
	{
		nlSeparateur++;
	}
})

divNum = Math.floor((nlCompteur+1)/5)
$(".conteneurElement:last").after("<div id='viewer-" + divNum +"' style='clear:both;height:1px width:100%;'></div>")


$('#imageRotation').coinslider({width:697,height:275,navigation: true, sDelay: 10, delay: 8000,effect:"straight",spw: 4, sph: 2  });


$(function(){			
		$('select#EXTListe1Filtre24').selectmenu({maxHeight: 150});
		$('select#EXTListe1Filtre25').selectmenu({maxHeight: 150});
		$('select#EXTListe1Filtre27').selectmenu({maxHeight: 160,width:300});
		
		$('select#EXTListe2Filtre24').selectmenu({maxHeight: 150});
		$('select#EXTListe2Filtre25').selectmenu({maxHeight: 150});
		$('select#EXTListe2Filtre27').selectmenu({maxHeight: 150});
		
		$('select#EXTListe3Filtre27').selectmenu({maxHeight: 160,width:300});
		
		$('select#EXTListe4Filtre27').selectmenu({maxHeight: 150});
		
		$('select#EXTListe5Filtre27').selectmenu({maxHeight: 150});
		
		$('select#EXTListe7Filtre24').selectmenu({maxHeight: 150});
		$('select#EXTListe7Filtre25').selectmenu({maxHeight: 150});
		
		$('select#EXTListe6Filtre24').selectmenu({maxHeight: 150});
		$('select#EXTListe6Filtre25').selectmenu({maxHeight: 150});
		
		$('select#EXTListe8Filtre24').selectmenu({maxHeight: 150});
		$('select#EXTListe8Filtre25').selectmenu({maxHeight: 150});
	});



});


/**************************************************************************************/
function openBulle(npId)
{
	
	
	$("#"+npId).fadeIn("fast");
	nlHeight = $("#"+npId).height()+175;
	posLien = $("#"+npId).parent(".infobulleConteneur").parent("div").prev(".bottomImage").children(".titreProjet").children("span").children("a").position();
	nlPosGauche = posLien.left	
	$("#"+npId).css("top","-"+nlHeight/2+"px").css("margin-left",nlPosGauche-210+"px")
}
function colorize(elem)
{
	
	$('.realisation_thumb-o').each(function(){
		$(this).fadeOut("slow");	
	})
	
	$(elem).parent(".realisation_thumb").append("<div class='realisation_thumb-o'></div>");
}

function showEcriture(no)
{
	
	
		
		nbr = document.getElementById("imageRotation").getElementsByTagName("img").length;
		
		for (i=0; i<nbr; i++)
		{
			document.getElementById('ecriture-'+i).style.display="none";	
		}
		document.getElementById('ecriture-'+no).style.display="block";	
		
}

function showPortfolio(divNum)
{
	
	$('div[id^="placeHolder-"]').each(function(){	
		$(this).remove();		
	})
	
	$('div[id^="viewer-"]').each(function(){		
		
		$(this).slideUp("slow");
		
	})
	
	$('#viewer-'+ divNum+'').slideDown("slow");
	
}

	

function showImagePortoflio()
{
	
	
	if($(".loadImagePortfolio").height() != undefined)
	{
		
		id= "";
		num = "";
		image = "";
		nlImages = "";
		id = $(".loadImagePortfolio").attr("id");	
		
		num = id.split("-");
		num = num[1];
		image = $(".loadImagePortfolio").attr("rel");	
		//var nlImages = "http://www.v3wdev.com"+image;
		var nlImages = "http://www.vision3w.com"+image;
		
		
			if($("#placeHolder-"+id).height() +" - "+ $("#placeHolder-"+id).width() != "0 - 0")
			{
				$("#placeHolder-"+num).before("<div style='position:absolute; left:-1000000px;'><img src='" + nlImages  + "'  id='loadImage"+ num +"' /></div>");
							
				$("#loadImage"+ num).load(function(){					
					$('#placeHolder-'+num).css("background","url("+nlImages+") 2% 50% no-repeat;");		
					nlPos = grandeurImage($("#loadImage"+ num).width())
					setTimeout("showImage(num,image,nlPos)",800);	
				
				})
				
			}
		   
			else
			{
				$("#"+id).css("border","1px solid red");				   	
			}
			
		
	 	 $('#placeHolder-'+num).hover(
		  function(){		  
			 $(this).crossSlidePause();;		  
		  },
		  function() {
			 $(this).crossSlideResume(); ;
	  	 }) 
	}
	
	
	
}
function showImage(num,image,nlPos)
{

$('#placeHolder-'+num).crossSlide({
		  fade: 1
		}, [
		  {
			src:  image,			
			from: '0% 50% 1x',
			to:   '100% 50% 1x',
			time: nlPos
		  }, {
			src:  image,			
			from: '100% 50% 1x',
			to:   '0% 50% 1x',
			time: nlPos
		  }
		]
	);
}

function grandeurImage(widthImage)
{
	
	 nlTime = Math.floor((widthImage*50)/8000)
	 return nlTime;
	 


	
}