var path_img_shoot;

$(document).ready(function () {
  
  path_img_shoot = $('#img_shoot').attr('src');
  $("#list_sac_menu2 ul li a").click(function () { 
        $("#list_sac_menu2 ul li a").each(function(i){
          $(this).removeClass("list_category_select");
          $(this).addClass("list_category_deselect");
        });
        $(this).removeClass("list_category_deselect");
        $(this).addClass("list_category_select");
    });
});
/*
function setRollHelpInfo()
{
    $("#help_info h2").click(function () { 
        $("#help_info h2").each(function(i){
          $(this).removeClass("help_info_select");
          $(this).addClass("help_info_deselect")
          $("#block_"+$(this).attr("id")).attr("style","display:none");
        });
        $(this).removeClass("help_info_deselect");
        $(this).addClass("help_info_select");
        $("#block_"+$(this).attr("id")).attr("style","display:block");
    });
}*/



/* fonction qui change les sacs de la liste selon la categorie */
function change_category(arg)
{
  $('#block').load(
        $('#url_changecategory').attr('value'),
        { query: arg },
        function() {
        	$(".qtip").remove();
        	$('#block_left img[alt]').qtip({
        	    content: ['alt'], // Set the tooltip content to the current corner
        	      position: {
        	         corner: {
        	            tooltip: 'leftBottom', // Use the corner...
        	            target: 'rightTop' // ...and opposite corner
        	         }
        	      },
        	      show: {
        	         delay: '200',
        	         when:{
        	          event: "mouseover" // Don't specify a show event
        	         },
        	         effect:{
        	           type: "fade",
        	           length: '500'
        	         },
        	         ready: false // Show the tooltip when ready
        	      },
        	      hide: {
        	          delay: '0',
        	          when:{
        	            event: "mouseout"
        	          },
        	          effect:{
        	            type: "fade",
        	            length: '500'
        	          }
        	      }, // Don't specify a hide event
        	      style: {
        	         border: {
        	            width: 2,
        	            radius: 5,
        	            color:'#ff9900'
        	         },
        	         padding: 5, 
        	         textAlign: 'center',
        	         tip: true, // Give it a speech bubble tip with automatic corner detection
        	         name: 'light' // Style it according to the preset 'cream' style
        	      }

        	   });
        	
        
        });
  
  
}
  


/* fonction qui change le sac selectionne */
function change_bag(arg)
{
 $('#block_right').load(
    $('#url_changebag').attr('value'),
    { query: arg },
    function() {; }
  );
}

/* fonction qui change les données du sac dans l'atelier bagapart */
function change_data_bag(arg)
{
 $('#infosSac').load(
    $('#url_changedatabag').attr('value'),
    { query: arg },
    function() {; }
  );
}

/* fonction qui change le lien de téléchargement du pattern dans l'atelier bagapart */
function change_pattern_link(arg)
{
 $('#patternLink').load(
    $('#url_changepatternlink').attr('value'),
    { query: arg },
    function() {; }
  );
}

/* fonction qui change le sac selectionne */
function changeModelLight(arg)
{
 $('#block_right').load(
    $('#url_change_model_light').attr('value'),
    { query: arg },
    function() {; }
  );
}


function loadNetstylerModule(modelId)
{
	$('#launch_applet').html("<img src='/images/indicator.gif'/> loading ...");
  //$('#customize_me').html(document.getElementById('customize_me').innerHTML+"<div style='margin-top:-40px; margin-left:45px;'><img src='/images/indicator.gif'/> loading<div/>");
  $('#content').load(
    $('#url_loadNetstylerModule').attr('value'),
    { query: modelId }
  );
  
}

function loadProductInfos(modelId)
{
  $('#block_info').load(
    $('#url_productInfos').attr('value'),
    { query: modelId }
  );
  
}

/* fonction qui change les sacs de la liste selon la categorie */
function txt(arg)
{
	$('#netstyler_txt').load(
        $('#netstyler_txt').attr('value'),
        { query: arg },
        function() {; }
      );
}

function rollOverDescription(path)
{
  path_img_shoot = $('#img_shoot').attr('src');
  $('#img_shoot').attr('src',path);
 
}

function rollOutDescription(path)
{
  $('#img_shoot').attr('src',path_img_shoot);
}

// affiche le prix du sac rollé
function showPrice(price){
  
}

// affiche l'onglet "Models" dans la partie Customization du netstyler 
function showTabModels(){
  $('h2.models a').css("background-color","#0099ff");
  $('h2.models a').css("color","#FFFFFF");
  $('#models_list').css("display","block");
  
  $('h2.customization a').css("background-color","#B2E0FF");
  $('h2.customization a').css("color","#FFFFFF");
  $('h2.customization a').css("fontWeight","lighter");
  $('#customization').css("display","none");
}

/* affiche l'onglet "Models" dans la partie Customization du netstyler */
function showTabCustomization(){
  $('h2.customization a').css("background-color","#0099ff");
  $('h2.customization a').css("color","#FFFFFF");
  $('#customization').css("display","block");
  
  $('h2.models a').css("background-color","#B2E0FF");
  $('h2.models a').css("color","#FFFFFF");
  $('h2.models a').css("font-weight","lighter");
  $('#models_list').css("display","none");
}

// fonction lancée par l'applet une fois qu'un fond a fini de se charger sur le 3D et patron
function finChargementImage()
{
  //alert("c'est fini de charger");
  $("#custom_blocker").css('display','none');
}

// fonction lancée par l'applet une fois qu'elle a fini de se charger
function finChargement3D()
{
  $("#custom_blocker").css('display','none');
}


/* ############################################################## */
/* ####################  Diaporama sur home  #################### */
/* ############################################################## */

  var largeurCase = 240;
  var nombreImage = 3;
  var i = 1;
  var signe = '-';

  function move(){
    if (i == nombreImage){
     i = 1;
     signe = "+";
     executeMove(signe, largeurCase*(nombreImage-1));
    }else{
      signe = "-";
      executeMove(signe, largeurCase);
      
      
      i++;
    }
    setTimeout("move()",8000);
    
    
  }
  
  function executeMove(signe, largeur){
    //alert('titi :'+largeur);
  // document.getElementById('image_container').style.marginLeft = "-"+largeur+"px";
  var deplacement = signe+largeur
   new Effect.MoveBy('image_container', 0, deplacement, {duration:4, fps:25, from:0.0, to:1.0});
  }
  
  
  /* ################################# */
  /* ########## menu calques ######### */
  /* ################################# */
  
function moveVignette(id_old,id_new)
{
	vignette_part=id_old.split(/(2|3)/);
	vignette_old=vignette_part[0];
	vignette_part=id_new.split(/(2|3)/);
	vignette_new=vignette_part[0];
	
	if(id_new!='gaga' && id_new!=id_old)
	{
		outils_icone_id_new="outils_icone_"+id_new;
		
		document.getElementById(outils_icone_id_new).style.border="3px solid #0099ff";
		document.getElementById(outils_icone_id_new).style.margin="1px 1px 1px 1px";
		if(id_new=='image')
		{document.getElementById('image1ContentBorder').style.borderColor="#0099ff";}
		if(id_new=='image2')
		{document.getElementById('image2ContentBorder').style.borderColor="#0099ff";}
	}
	
	if (id_old!='gaga' && id_old!=id_new)
	{
		outils_icone_id_old="outils_icone_"+id_old;

		document.getElementById(outils_icone_id_old).style.border="0px solid #ff9900";
		document.getElementById(outils_icone_id_old).style.margin="3px 3px 3px 3px";
		if(id_old=='image')
			{document.getElementById('image1ContentBorder').style.borderColor="transparent";}
		if(id_old=='image2')
			{document.getElementById('image2ContentBorder').style.borderColor="transparent";}
	}
	
	var margL = document.getElementById("soulignement").style.marginLeft;
	var margLeft=margL.split('px');
	
	if(id_new!=id_old)
	{
		/*######### aniamtion des carte en haut ########*/
		vignette_id_old="vignette_"+id_old;
		vignette_id_new="vignette_"+id_new;
		downVignette(vignette_id_old);
		upVignette(vignette_id_new);
	}
	if (vignette_old!=vignette_new)
	{
		/*######### apparition des outils ########*/
		outil_id_new="#outil_"+vignette_new;
		outil_id_old="#outil_"+vignette_old;
		
		$(outil_id_new).slideToggle("fast");
		$(outil_id_old).slideToggle("fast");
	}
	
	switch (id_new)
	{
	case 'fond':
		if (fondActive == 0){
		document.getElementById('menu_fond').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/bg_color_icon.jpg" />';
		}
		if (imgActive1 == 0){
		document.getElementById('menu_img1').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/image1_icon.jpg" />';
		}
		if (imgActive2 == 0){
		document.getElementById('menu_img2').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/image2_icon.jpg" />';
		}
		document.getElementById('menu_masque').innerHTML='<img id="imgMenuTrou" title="Icone" alt="Icone" src="/images/netstyler/icones/mask_icon.jpg" />';
		document.getElementById('menu_texte').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
		document.getElementById('menu_texte2').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
		document.getElementById('menu_texte3').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
	break;
	case 'image':
		if (fondActive == 0){
		document.getElementById('menu_fond').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/bg_color_icon.jpg" />';
		}
		if (imgActive1 == 0){
		document.getElementById('menu_img1').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/image1_icon.jpg" />';
		}
		if (imgActive2 == 0){
		document.getElementById('menu_img2').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/image2_icon.jpg" />';
		}
		document.getElementById('menu_masque').innerHTML='<img id="imgMenuTrou" title="Icone" alt="Icone" src="/images/netstyler/icones/mask_icon.jpg" />';
		document.getElementById('menu_texte').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
		document.getElementById('menu_texte2').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
		document.getElementById('menu_texte3').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
	break;
	case 'image2':
		if (fondActive == 0){
		document.getElementById('menu_fond').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/bg_color_icon.jpg" />';
		}
		if (imgActive1 == 0){
		document.getElementById('menu_img1').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/image1_icon.jpg" />';
		}
		if (imgActive2 == 0){
		document.getElementById('menu_img2').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/image2_icon.jpg" />';
		}
		document.getElementById('menu_masque').innerHTML='<img id="imgMenuTrou" title="Icone" alt="Icone" src="/images/netstyler/icones/mask_icon.jpg" />';
		document.getElementById('menu_texte').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
		document.getElementById('menu_texte2').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
		document.getElementById('menu_texte3').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
	break;
	case 'trou':
		if (fondActive == 0){
		document.getElementById('menu_fond').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/bg_color_icon.jpg" />';
		}
		if (imgActive1 == 0){
		document.getElementById('menu_img1').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/image1_icon.jpg" />';
		}
		if (imgActive2 == 0){
		document.getElementById('menu_img2').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/image2_icon.jpg" />';
		}
		document.getElementById('menu_masque').innerHTML='<img id="imgMenuTrou" title="Icone" alt="Icone" src="/images/netstyler/mask_icon.jpg" />';
		document.getElementById('menu_texte').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
		document.getElementById('menu_texte2').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
		document.getElementById('menu_texte3').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
	break;
	case 'text':
		if (fondActive == 0){
		document.getElementById('menu_fond').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/bg_color_icon.jpg" />';
		}
		if (imgActive1 == 0){
		document.getElementById('menu_img1').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/image1_icon.jpg" />';
		}
		if (imgActive2 == 0){
		document.getElementById('menu_img2').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/image2_icon.jpg" />';
		}
		document.getElementById('menu_masque').innerHTML='<img id="imgMenuTrou" title="Icone" alt="Icone" src="/images/netstyler/icones/mask_icon.jpg" />';
		document.getElementById('menu_texte').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/texte_icon.jpg" />';
		document.getElementById('menu_texte2').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
		document.getElementById('menu_texte3').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
	break;
	case 'text2':
		if (fondActive == 0){
		document.getElementById('menu_fond').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/bg_color_icon.jpg" />';
		}
		if (imgActive1 == 0){
		document.getElementById('menu_img1').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/image1_icon.jpg" />';
		}
		if (imgActive2 == 0){
		document.getElementById('menu_img2').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/image2_icon.jpg" />';
		}
		document.getElementById('menu_masque').innerHTML='<img id="imgMenuTrou" title="Icone" alt="Icone" src="/images/netstyler/icones/mask_icon.jpg" />';
		document.getElementById('menu_texte').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
		document.getElementById('menu_texte2').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/texte_icon.jpg" />';
		document.getElementById('menu_texte3').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
	break;
	case 'text3':
		if (fondActive == 0){
		document.getElementById('menu_fond').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/bg_color_icon.jpg" />';
		}
		if (imgActive1 == 0){
		document.getElementById('menu_img1').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/image1_icon.jpg" />';
		}
		if (imgActive2 == 0){
		document.getElementById('menu_img2').innerHTML='<img title="Icone" alt="Icone" src="/images/netstyler/icones/image2_icon.jpg" />';
		}
		document.getElementById('menu_masque').innerHTML='<img id="imgMenuTrou" title="Icone" alt="Icone" src="/images/netstyler/icones/mask_icon.jpg" />';
		document.getElementById('menu_texte').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
		document.getElementById('menu_texte2').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/icones/texte_icon.jpg" />';
		document.getElementById('menu_texte3').innerHTML='<img  title="Icone" alt="Icone" src="/images/netstyler/texte_icon.jpg" />';	
	break;
	}
	
	/*
	switch (vignette_new)
	{
	case 'fond':
		var x=4-margLeft[0];
		if (x<0)
			{x=x*(-1);
			y=x-5;
			$("#soulignement_image").animate({"marginLeft": "-="+y+"px"}, 250);
			$("#soulignement_image").animate({"marginLeft": "-=3px"}, 350);
			$("#soulignement_image").animate({"marginLeft": "-=2px"}, 450);}
		else if (x>0)
			{y=x-5;
			$("#soulignement_image").animate({"marginLeft": "+="+y+"px"}, 250);
			$("#soulignement_image").animate({"marginLeft": "+=3px"}, 350);
			$("#soulignement_image").animate({"marginLeft": "+=2px"}, 450);}
	break;
	case 'image':
		var x=65-margLeft[0];
		if (x<0)
			{x=x*(-1);
			y=x-5;
			$("#soulignement_image").animate({"marginLeft": "-="+y+"px"}, 250);
			$("#soulignement_image").animate({"marginLeft": "-=3px"}, 350);
			$("#soulignement_image").animate({"marginLeft": "-=2px"}, 450);}
		else if (x>0)
			{y=x-5;
			$("#soulignement_image").animate({"marginLeft": "+="+y+"px"}, 250);
			$("#soulignement_image").animate({"marginLeft": "+=3px"}, 350);
			$("#soulignement_image").animate({"marginLeft": "+=2px"}, 450);}
	break;
	case 'trou':
		var x=126-margLeft[0];
		if (x<0)
			{x=x*(-1);
			y=x-5;
			$("#soulignement_image").animate({"marginLeft": "-="+y+"px"}, 250);
			$("#soulignement_image").animate({"marginLeft": "-=3px"}, 350);
			$("#soulignement_image").animate({"marginLeft": "-=2px"}, 450);}
		else if (x>0)
			{y=x-5;
			$("#soulignement_image").animate({"marginLeft": "+="+y+"px"}, 250);
			$("#soulignement_image").animate({"marginLeft": "+=3px"}, 350);
			$("#soulignement_image").animate({"marginLeft": "+=2px"}, 450);}
    break;
	case 'text':
		var x=205-margLeft[0];
		if (x<0)
			{x=x*(-1);
			y=x-5;
			$("#soulignement_image").animate({"marginLeft": "-="+y+"px"}, 250);
			$("#soulignement_image").animate({"marginLeft": "-=3px"}, 350);
			$("#soulignement_image").animate({"marginLeft": "-=2px"}, 450);}
		else if (x>0)
			{y=x-5;
			$("#soulignement_image").animate({"marginLeft": "+="+y+"px"}, 150);
			$("#soulignement_image").animate({"marginLeft": "+=3px"}, 250);
			$("#soulignement_image").animate({"marginLeft": "+=2px"}, 350);}
	break;
	}*/
}
function upVignette(vignette_id_new)
{
	if(vignette_id_new!='gaga')
	{
		$('#'+vignette_id_new).animate({"marginTop": "-=20px"}, 150);
		$('#'+vignette_id_new).animate({"marginTop": "-=3px"}, 250);
		$('#'+vignette_id_new).animate({"marginTop": "-=2px"}, 350);
		
		id_reflet_new=vignette_id_new+"_reflet";
		$('#'+id_reflet_new).animate({"marginLeft": "+=5px"}, 750);
	}
}
function downVignette(vignette_id_old)
{
	if(vignette_id_old!='gaga')
	{
		$('#'+vignette_id_old).animate({"marginTop": "+=20px"}, 150);
		$('#'+vignette_id_old).animate({"marginTop": "+=3px"}, 250);
		$('#'+vignette_id_old).animate({"marginTop": "+=2px"}, 350);
		
		id_reflet=vignette_id_old+"_reflet";
		$('#'+id_reflet).animate({"marginLeft": "-=5px"}, 750);
	}
}