//////////////////////////////////////////////////////////////////////////////
// PROTOTYPE
//////////////////////////////////////////////////////////////////////////////

// Fire when the dom is loaded : before images
document.observe("dom:loaded", function() {

	/*
	var aLink = $$("#menu_gauche ul li a");
	var i = 0;
	aLink.each(function(oItem) {
		var tmpOnClick = oItem.onclick;
		oItem.href = "javascript:void(0);";
		// Ajout d'une fonctionnalité au clic
		oItem.onclick = function(){
			var oUl = $(this).next('ul');
			if(oUl) oUl.toggle();
			if(tmpOnClick) tmpOnClick();
			return false;
		};

		// Masquer les sous-listes (par défaut)
		var oUl = $(oItem).next('ul');
		if(oUl) oUl.hide();

		i++;
	});
	*/
	var aLink = $$("#menu_gauche ul li span");
	var i = 0;
	aLink.each(function(oItem) {
		var tmpOnClick = oItem.onclick;
		oItem.addClassName("pointer");
		// Ajout d'une fonctionnalité au clic
		oItem.onclick = function(){
			var oUl = $(this).next('ul');
			if(oUl) oUl.toggle();
			if(tmpOnClick) tmpOnClick();
			return false;
		};

		// Masquer les sous-listes (par défaut)
		var oUl = $(oItem).next('ul');
		if(oUl && !$(oItem).next('a').hasClassName("active")) oUl.hide();

		i++;
	});



	// Coloration au survol des lignes du tableau 'Fiche' pour chaque champ de formulaire actif
	var aField = $$("form[rel='autocheck'] input","form[rel='autocheck'] select","form[rel='autocheck'] textarea");
	var i = 0;
	aField.each(function(oItem) {
		var tmpOnBlur = oItem.onblur;
		// Suppression du style 'survol' quand on quitte l'élément
		oItem.onblur		 = function(){
			checkField(this);
			if(tmpOnBlur) tmpOnBlur();
			this.up("div").removeClassName("fieldFocused");
			//this.removeClassName("fieldFocused");
		};
		var tmpOnFocus = oItem.onfocus;
		// Suppression du style 'survol' quand on quitte l'élément
		oItem.onfocus		 = function(){
			if(this.getAttribute("type") != "submit") this.up("div").addClassName("fieldFocused");
			//this.addClassName("fieldFocused");
			if(tmpOnFocus) tmpOnFocus();
		};
		i++;
	});

	// Masquer toutes les aides de formulaire
	$$("span.help").invoke("hide");

	// Masquer les blocks d'informations
	if($('block_3')) $('block_3').hide().removeClassName("hidden");

	// Init the lightbox effects
	new Lightbox();

	/*
	$j(function(){
		$j("div.wuithom-carousel-entreprise").carousel({
			dispItems: 1,
			autoSlide: true,
			nextBtn: '<span role="button">Suivant</span>',
			prevBtn: '<span role="button">Précédent</span>',
			loop: true
		});
	});
	*/

	/*
	var mycarousel_itemList = [
	    {url: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg', title: 'Flower1'},
	    {url: 'http://static.flickr.com/75/199481072_b4a0d09597_s.jpg', title: 'Flower2'},
	    {url: 'http://static.flickr.com/57/199481087_33ae73a8de_s.jpg', title: 'Flower3'},
	    {url: 'http://static.flickr.com/77/199481108_4359e6b971_s.jpg', title: 'Flower4'},
	    {url: 'http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg', title: 'Flower5'},
	    {url: 'http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg', title: 'Flower6'},
	    {url: 'http://static.flickr.com/58/199481218_264ce20da0_s.jpg', title: 'Flower7'},
	    {url: 'http://static.flickr.com/69/199481255_fdfe885f87_s.jpg', title: 'Flower8'},
	    {url: 'http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg', title: 'Flower9'},
	    {url: 'http://static.flickr.com/70/229228324_08223b70fa_s.jpg', title: 'Flower10'}
	];
	*/
	var aCollaborateur = [
		{ src : 'chioetto',	 'nom' : 'Daniel CHIOETTO',		 'fonction' : 'Directeur Commercial',	 url : './images/diaporama_entreprise/chioetto_tb.jpg'  },
		{ src : 'joel',		 'nom' : 'Joël HOURCOURIGARAY',	 'fonction' : 'Directeur sédentaire',	 url : './images/diaporama_entreprise/joel_tb.jpg'  },
		{ src : 'patrice',	 'nom' : 'Patrice GUILBEAU',	 'fonction' : 'Responsable Commercial',	 url : './images/diaporama_entreprise/patrice_tb.jpg'  },
		{ src : 'aymeric',	 'nom' : 'Aymeric PORTE',		 'fonction' : 'Responsable Commercial',  url : './images/diaporama_entreprise/aymeric_tb.jpg'  },
		{ src : 'patrick',	 'nom' : 'Patrick LEON',		 'fonction' : 'Responsable Commercial',  url : './images/diaporama_entreprise/patrick_tb.jpg'  },
		{ src : 'sylvie',	 'nom' : 'Sylvie PAUQUET',		 'fonction' : 'Secrétaire commerciale',	 url : './images/diaporama_entreprise/sylvie_tb.jpg'  },
		{ src : 'pamela',	 'nom' : 'Pamela FRAUCIEL',		 'fonction' : 'Secrétaire commerciale',	 url : './images/diaporama_entreprise/pamela_tb.jpg'  },
		{ src : 'heidi',	 'nom' : 'Heïdi SABAROTS',		 'fonction' : 'Comptable',				 url : './images/diaporama_entreprise/heidi_tb.jpg'  },
		{ src : 'elodie',	 'nom' : 'Elodie MARTIN',		 'fonction' : 'Marketing - Graphiste',	 url : './images/diaporama_entreprise/elodie_tb.jpg'  },
		{ src : 'christian', 'nom' : 'Christian DULEAU',	 'fonction' : 'Fabrication',			 url : './images/diaporama_entreprise/christian_tb.jpg'  },
		{ src : 'florence',	 'nom' : 'Florence BATTOCHIO',	 'fonction' : 'Fabrication',			 url : './images/diaporama_entreprise/florence_tb.jpg'  },
		{ src : 'romain',	 'nom' : 'Romain LEGLISE',		 'fonction' : 'Magasinier',				 url : './images/diaporama_entreprise/romain_tb.jpg'  },
		{ src : 'fabrice',	 'nom' : 'Fabrice VUILLETORTE',	 'fonction' : 'Magasinier',  			 url : './images/diaporama_entreprise/fabrice_tb.jpg'  }

	];
	var iCollaborateur = aCollaborateur.length;

	function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
	{
	    // The index() method calculates the index from a
	    // given index who is out of the actual item range.
	    var idx = carousel.index(i, iCollaborateur);
	    carousel.add(i, mycarousel_getItemHTML(aCollaborateur[idx - 1]));
	    manageImgClick();
	};

	function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
	{
	    carousel.remove(i);
	};

	/**
	 * Item html creation helper.
	 */
	function mycarousel_getItemHTML(item)
	{
	    return '<img src="' + item.url + '" width="114" height="114" alt="' + item.nom + '" />';
	};

	/*
	jQuery(document).ready(function() {
	    jQuery('#mycarousel').jcarousel({
	        auto: .75,
	        scroll: 1,
	        wrap: 'circular',
	        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
	        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
	    });
	});
	*/

	/**
	 *
	 * @access public
	 * @return void
	 **/
	var _bInitCarousel = false;
	function manageImgClick(){

		//var aImg = $$("div.wuithom-carousel-entreprise ul li img");
		var aImg = $$("ul#mycarousel li img");
		var i = 0;
		aImg.each(function(oItem) {
			if(!oItem.onclick){
				oItem.addClassName("pointer");
				// Ajout d'une fonctionnalité au clic
				oItem.onclick = function(){
					var sSrc = this.src.substring(this.src.lastIndexOf("/")+1).replace("_tb.jpg","");
					var sPic = this.src.replace("_tb.jpg",".jpg");
					for(var i=0;i<iCollaborateur;i++){
						var oCollaborateur = aCollaborateur[i];
						if(oCollaborateur.src == sSrc){
							$('entreprise-equipe').down('img').src = sPic;
							$('entreprise-equipe').down('h5').update(oCollaborateur.nom);
							$('entreprise-equipe').down('div').update(oCollaborateur.fonction);
						}
					}
				};
				if(!_bInitCarousel){
					_bInitCarousel = true;
					oItem.onclick();
				}
			}
			i++;
		});

	}

	$j(function(){
		$j('#mycarousel').jcarousel({
	        //auto: .75,
	        scroll: 1,
	        wrap: 'circular',
	        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
	        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
	    });

	    manageImgClick();

	});

});