var strBande="";
var maPage="home"
var mesBandes=new Array()
var ancienneVid=""

$(document).ready(function(){
	if($("div.bande_video").length>0){
		strBande="bande_video"
		maPage="video"
	}
	else{
		strBande="bande_image"
	}
	
	if ($("body").attr("page") == "contacter") {
		init()
		$(".bloc_menu div.contact").trigger("click")
	}
	else {
		init();
	}
})

var glab=""

var siteRoot="http://www.xxs.fr/index.php";
//var siteRoot="http://lesfantastiques.homeip.net/allSites/xxs/index.php";
var scrolleur
var strScroll="<div class='tiScroll'><div class='bas'></div><div class='haut'></div></div>"


function lance(str){
	if ($("body").attr("video")=="on") {
		try {
			switch (str) {
				case "playVid":
					thisMovie("vid").playVid()
					break;
				case "stopVid":
					thisMovie("vid").stopVid()
					break;
			}
		}
		catch(e){
			
		}
		
	}
}

/*function thisMovie(movieName) {
		return document[movieName];
}*/

function thisMovie(movieName) {
  if (navigator.appName.indexOf("Microsoft") != -1) {
    return window[movieName]
  }else {
    return document[movieName]
  }
} 



function init(){
	$(".header").css({left:($(window).width()-$(".header").width())/2})
	$(".bande").css({left:($(window).width()-$(".bande").width())/2})
	if((glab=="")&&(($("body").attr("page")=="home"))||($("body").attr("page")=="contacter")){
		glab="<div id='globalCont'>"+$('#globalCont').html()+"</div>";
	}
	
	$(".actionHead").css("right",$(".header").position().left+70)
	var couleur
	var strVid
	$(".actionHead .couleur").click(gereCoul)
	//$(".actionHead .videoBtn").click(gereVid)
	$(".actionHead .langue").click(gereLang)
	$("div#hey").click(afficheVideo);
	$('#globalCont').css("height",$(window).height())
	scrolleur=$('#globalCont').jScrollPane({scrollbarWidth:25,dragMinHeight:60});
	if ($(".bande").length > 1) {
		var elt = $(".bande:first")
		elt.append(strScroll)
		$(".tiScroll").css({
			top: elt.find("."+strBande).position().top
		})
		initialiseTisScroll()
	}
	if ($("body").attr("class") == "black") 
		$(".logo img").attr("src", "images/logo_blanc.png")
	else {
		if($("body").attr("page")!="hey")
		$(".logo img").attr("src", "images/logo_noir.png")
	}
	$(window).resize(resizage)
	
	$(".bloc_menu div").each(function(){
		$(this).removeClass("over")
		if($(this).hasClass($("body").attr("page")))
			$(this).addClass("over")
	})
	$(".bloc_menu div.contact,.bloc_menu div.home").click(gotoPage)
	
	
	
	if(strBande=="bande_video"){
		lanceVideos()
	}
	else if(strBande=="bande_image"){
		
		$(".conteneur .bande .bande_image").each(function(){
			if($(this).find('img').length>1){
				gere_slider($(this))
			}
		})
	}
	
}


function gere_slider(elt){
	elt.hover(
			 function(){
				ajouteSlider(elt)								  
			},
			function(){
				removeSlider(elt)							  
			}
	)
}

function ajouteSlider(elt){
	var str="<div class='up'><img src='images/up.png' slider='1'/></div><div class='down'><img src='images/down.png' slider='1'/></div>";
	elt.append(str);
	elt.find("div.down").click(slidown)
	elt.find("div.up").click(slidup)
}

function removeSlider(elt){
	elt.find("div.up,div.down").remove();
}

function slidown(e){
	$(document).focus()
	var elt=$(e.currentTarget).parent(".bande_image")
	$(e.currentTarget).unbind('click')
	var tab=$(elt).find("img[slider!='1']");
	var index=$(elt).find('img[class!=outside]').index()
	$(elt).find('img.outside').css("top","")
	if(index+1<tab.length){
		
		$(tab[index]).animate({
							 top:-390
							 },
							 200)
		$(tab[index+1]).animate({
							 top:0
							 },
							 200,
							 function(){
								 $(tab[index+1]).removeClass("outside")
								 $(tab[index]).addClass("outside")
								 $(e.currentTarget).click(slidown)
							}
		)	
	}
	else{
		$(tab[index]).animate({
							 top:-390
							 },
							 200)
		$(tab[0]).animate({
							 top:0
							 },
							 200,
							 function(){
								 $(tab[0]).removeClass("outside")
								 $(tab[index]).addClass("outside")
								 $(e.currentTarget).click(slidown)
							}
		)
	}
	return false
}

function slidup(e){
	var elt=$(e.currentTarget).parent(".bande_image")
	$(e.currentTarget).unbind('click')
	var tab=$(elt).find("img[slider!='1']");
	var index=$(elt).find('img[class!=outside]').index()
	$(elt).find('img.outside').css("top","-390px")
	
	if(index>0){
		
		$(tab[index]).animate({
							 top:390
							 },
							 200)
		$(tab[index-1]).animate({
							 top:0
							 },
							 200,
							 function(){
								 $(tab[index-1]).removeClass("outside")
								 $(tab[index]).addClass("outside")
								 $(e.currentTarget).click(slidup)
							}
		)	
	}
	else{
		$(tab[index]).animate({
							 top:390
							 },
							 200)
		$(tab[tab.length-1]).animate({
							 top:0
							 },
							 200,
							 function(){
								 $(tab[tab.length-1]).removeClass("outside")
								 $(tab[index]).addClass("outside")
								 $(e.currentTarget).click(slidup)
							}
		)
	}
return false
}


function alerte(msg){
	//console.log(msg)
}
 
function resetBandeVideos(identite){
	if (ancienneVid!=""){
		thisMovie(ancienneVid).backlash()
	}
	ancienneVid=identite
}

function lanceVideos(){
	$(".bande_video").each(function(){
		var flashvars = {
		la_video:$(this).find("div").attr("titre"),
		index:$(this).find("div").attr("id")
		};
		var params = {
			bgcolor: "#424242",
			wmode:"opaque",
			name:$(this).find("div").attr("id")
		};
		var attributes = {id:$(this).find("div").attr("id"),wmode:"transparent",name:$(this).find("div").attr("id")};
		swfobject.embedSWF("flash/flv_playback.swf?anticache="+$(this).find("div").attr("id"), $(this).find("div").attr("id"), "482", "390", "9.0.0","js/expressInstall.swf", flashvars, params, attributes);
	})
	
}


function resizage(e){
		$(window).unbind('resize')
		lance("stopVid")
		if ($("body").attr("page") == "home") {
			var actionNode=$(".actionHead").clone(true)
			$("body").html("<div id='video' class='video'><div id='flash'> </div></div><div class='trame2'></div><div class='trame'></div>")
			$("body").append(actionNode)
			$("body").append(glab);
		}
		$('#globalCont').css("width","100%")
		if ($("body").attr("video") == "on")
			swfobject.embedSWF("flash/xxs.swf", "flash", "100%", "100%", "9.0.0","js/expressInstall.swf", flashvars, params, attributes);
		else{
			if (!$(".trame").hasClass("displayNone")) {
				$(".trame,.trame2").addClass("displayNone");
			}
		} 
		init()
		lance("playVid")
	}

function gotoPage(e){
	e.stopImmediatePropagation();
	//console.log(maPage)
		if (maPage == "home") {
			if ($(this).hasClass("contact")) {
				lanceContact()
			}
			else {
				if ($(this).hasClass("home")) {
					
					$("body").attr("page", "home")
					lance("stopVid")
					$(".jScrollPaneContainer").remove()
					$("body").append(glab);
					$('#globalCont').css("width", "100%")
					$(".conteneur ,.trame").removeClass("displayNone");
					init()
					lance("playVid")
				}
			}
		}
		else{
			if ($(this).hasClass("contact")) {
				document.location.href="http://www.xxs.fr/?lang="+$("body").attr("langue")+"&video=off&coul=white&paging=contacter"
			}
			else {
				if ($(this).hasClass("home")) {
					document.location.href="http://www.xxs.fr/?lang="+$("body").attr("langue")+"&video=off&coul=white"
				}
			}
		}
	
	
}

function lanceContact(){
	var str = '<div class="bande">' +
				'<div class="contact_titre">29 rue des petites &eacute;curies <span class="contact_descrition">75010 Paris/France #33(0)1 45 23 43 45 #33(0)1 45 23 43 49</span></div>' +
				'<div><iframe width="910" height="390" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=fr&amp;geocode=&amp;q=xxs+paris&amp;sll=37.0625,-95.677068&amp;sspn=51.488837,78.925781&amp;ie=UTF8&amp;hq=xxs&amp;hnear=Paris,+France&amp;cid=12158880740109021064&amp;ll=48.881481,2.355366&amp;spn=0.022013,0.07802&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /></div>' +
				'<div class="contact_google"><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=fr&amp;geocode=&amp;q=xxs+paris&amp;sll=37.0625,-95.677068&amp;sspn=51.488837,78.925781&amp;ie=UTF8&amp;hq=xxs&amp;hnear=Paris,+France&amp;cid=12158880740109021064&amp;ll=48.881481,2.355366&amp;spn=0.022013,0.07802&amp;z=14&amp;iwloc=A" target="blank">Voir sur Google maps</a></div>' +
				'<div class="contact_mail"><a href="mailto:contact@xxs.fr">contact@xxs.fr</a></div>' +
				'</div><br /><br />&nbsp;'
				
				if ($("body").attr("langue") == "en") {
					str = '<div class="bande">' +
					'<div class="contact_titre">29 rue des petites &eacute;curies <span class="contact_descrition">75010 Paris/France #33(0)1 45 23 43 45 #33(0)1 45 23 43 49</span></div>' +
					'<div><iframe width="910" height="390" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=fr&amp;geocode=&amp;q=xxs+paris&amp;sll=37.0625,-95.677068&amp;sspn=51.488837,78.925781&amp;ie=UTF8&amp;hq=xxs&amp;hnear=Paris,+France&amp;cid=12158880740109021064&amp;ll=48.881481,2.355366&amp;spn=0.022013,0.07802&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /></div>' +
					'<div class="contact_google"><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=xxs+paris&amp;sll=37.0625,-95.677068&amp;sspn=51.488837,78.925781&amp;ie=UTF8&amp;hq=xxs&amp;hnear=Paris,+France&amp;cid=12158880740109021064&amp;ll=48.881481,2.355366&amp;spn=0.022013,0.07802&amp;z=14&amp;iwloc=A" target="blank">Watch on Google maps</a></div>' +
					'<div class="contact_mail"><a href="mailto:contact@xxs.fr">contact@xxs.fr</a></div>' +
					'</div><br /><br />&nbsp;'
				}
				$("div.conteneur").html(str)
				$(".bande").css({
					left: ($(window).width() - $(".bande").width()) / 2
				})
				$('#globalCont').jScrollPane({
					scrollbarWidth: 25,
					dragMinHeight: 60
				});
				$("body").attr("page", "contact")
				$(".conteneur ,.trame").removeClass("displayNone");
				init()
}

function gereLang(){
	lance("stopVid")
	var myLang="en"
	var myVid="off"
	var myClass="black"
	if($("body").attr("langue")=="en") myLang="fr"
	if($("body").attr("class")=="white")myClass="white"
	if($("body").attr("video")=="on"){
		myVid="on"
		myClass="black"
	}
		
	document.location.href="?lang="+myLang+"&video="+myVid+"&coul="+myClass
}

function gereCoul(e){
	e.stopImmediatePropagation()
	if($(".actionHead .couleur").html()=="White"){
		//console.log("goWhite")
		$("body").attr("class","white")
		$(".logo img").attr("src","images/logo_noir.png")
		$(".actionHead .couleur").html("Black")
		gereVid("off")
	}
	else if($(".actionHead .couleur").html()=="Black"){
		//console.log("goBlack")
		$("body").attr("class","black")
		$(".logo img").attr("src","images/logo_blanc.png")
		$(".actionHead .couleur").html("White")
		gereVid("off")
	}
	else{
		//console.log("goVideo")
		//$("body").attr("video","on")
		$("body").attr("class","black")
		$(".logo img").attr("src","images/logo_blanc.png")
		$(".actionHead .couleur").html("Black")
		gereVid("on")
	}
}

function gereVid(str){
	//console.log("gereVid")
	if (str == "off") {
		lance("stopVid");
		$("#video").html('<div id="flash"></div>')
		//$(".actionHead .videoBtn").html("Video on")
		$("body").attr("video","off")
		if(!$(".trame").hasClass("displayNone")){
			$(".trame,.trame2").addClass("displayNone");
		} 
	}
	else{
		swfobject.embedSWF("flash/xxs.swf", "flash", "100%", "100%", "9.0.0","js/expressInstall.swf", flashvars, params, attributes);
		//$(".actionHead .videoBtn").html("Video off")
		$("body").attr("video","on")
		$(".trame,.trame2").removeClass("displayNone")
	}
}

function finScroll(){
	if (($("body").attr("page") == "home")) {
		var pos = 5
		$(".bande").each(function(){
			if ($(this).offset().top > -100 && $(this).offset().top < 400) {
				if ($("#globalCont").offset().top > -325) {
					pos = 335
				}
				var that = this
				lance("stopVid");
				$("#globalCont").animate({
					top: parseInt($("#globalCont").css("top")) + pos - $(this).offset().top
				}, 500, function(){
					if ($(that).index() != $(".bande:last").index()) {
						$('#globalCont').jScrollPane({
							scrollbarWidth: 25,
							dragMinHeight: 60
						});
					}
					$(".tiScroll").remove()
					$(that).append(strScroll)
					$(".tiScroll").css({
						top: $(that).find("."+strBande).position().top
					})
					initialiseTisScroll()
					lance("playVid");
				})
				return false;
			}
		})
	}
	else if(($("body").attr("page") == "video")){
		var pos = 5
		$(".bande").each(function(){
			if ($(this).offset().top > -100 && $(this).offset().top < 400) {
				if ($("#globalCont").offset().top > -325) {
					pos = 335
				}
				var that = this
				
				$("#globalCont").animate({
					top: parseInt($("#globalCont").css("top")) + pos - $(this).offset().top
				}, 500, function(){
					if ($(that).index() != $(".bande:last").index()) {
						$('#globalCont').jScrollPane({
							scrollbarWidth: 25,
							dragMinHeight: 60
						});
					}
					$(".tiScroll").remove()
					$(that).append(strScroll)
					$(".tiScroll").css({
						top: $(that).find("."+strBande).position().top
					})
					initialiseTisScroll()
					
				})
				return false;
			}
		})
	}
}

function initialiseTisScroll(){
	if($(".tiScroll").parents(".bande").index()==$(".bande:last").index()){
		$(".tiScroll .bas").remove()
		$(".tiScroll").css({right:-35})
	}
	else $('#globalCont').jScrollPane({scrollbarWidth:25,dragMinHeight:60});
	if($(".tiScroll").parents(".bande").index()==0){
		$(".tiScroll .haut").remove()
		$(".tiScroll").css({right:-35})
	}
	$(".tiScroll .bas").click(baisseDun)
	$(".tiScroll .haut").click(monteDun)
}

function baisseDun(){
	var elt=$(this).parents(".bande").next()
	lance("stopVid");
	$("#globalCont").animate({top:parseInt($("#globalCont").css("top"))+5-elt.offset().top},500,function(){
		$(".tiScroll").remove()
		elt.append(strScroll)
		$(".tiScroll").css({top:elt.find("."+strBande).position().top})
		initialiseTisScroll()
		lance("playVid");
	})
}

function monteDun(){
	lance("stopVid");
	var elt=$(this).parents(".bande").prev()
	var off=parseInt($("#globalCont").css("top"))+5-elt.offset().top
	if (elt.index()==0) off=0
	$("#globalCont").animate({top:off},500,function(){
		$(".tiScroll").remove()
		elt.append(strScroll)
		$(".tiScroll").css({top:elt.find("."+strBande).position().top})
		initialiseTisScroll()
		lance("playVid");
	})
}

function afficheVideo(e){
	e.stopImmediatePropagation()
	$(".logo img").attr("src","images/logo_blanc.png")
	$("body").attr("page","hey")
	if($("body").attr("video")=="off"){
		//$(".videoBtn").trigger('click')
		gereVid("on")
	}
	
	$(".bloc_menu div").each(function(){
		$(this).removeClass("over")
		if($(this).hasClass("hey"))
			$(this).addClass("over")
	})
	
	$(".conteneur ,.trame,.trame2,.header .bloc_top .bloc_menu,.header .accroche,.actionHead").addClass("displayNone");
	$('#globalCont').jScrollPane({scrollbarWidth:25,dragMinHeight:60});
	$(".bloc_logo").css("cursor","pointer")
	$(".bloc_logo").click(function(){
		gereLang()
	})
	
}