// JavaScript Document

Element.Properties.extend({

    outerhtml: {
        get: Browser.Engine.trident
            ? function() { return this.outerHTML; }
            : function() { return this.getDocument().newElement('div').adopt(this.clone(true)).innerHTML }
    }
});

window.addEvent('domready', function()
{


    if ($('listCommentaires'))
    {

        var myFx = new Fx.Slide($('listCommentaires'))
        myFx.hide();

        $div = $('listCommentaires').set('class', '');
    }

    if ($('ajoutCommentaire'))
    {
        var myFx = new Fx.Slide($('ajoutCommentaire'))
        myFx.hide();
        $('ajoutCommentaire').removeClass("hide");
    }

    //efface les rounds corners pour IE6!
    if (Browser.Engine.trident && Browser.Engine.version == 4)
    {
        $$(".cornerWhite6, .cornerLightGray6, .cornerDarkGray6, .innerLightGray4, .innerDarkGray4, .inner5a5a5a4, .innerBlack6").each(function(el)
        {
            el.setStyle("background", "none");
        });
    }

    applyRollOvers();
    applyClicks();
    initDropDown();
    initRating();
    applyToogleLink();

});

/******************************************/
/* applyRollOvers
/* initialise tous les rollovers des pages
/******************************************/
function applyRollOvers(){
	//preload images
	var aPreLoad = new Array();
	var aPreLoadi = 0;
 
	//ROLL OVER D'IMAGES
	$$('IMG.rollover').each(function(el){
		//let's preload
		aPreLoad[aPreLoadi] = new Image();
		aPreLoad[aPreLoadi].src = el.src.replace(el.src.replace('_OFF', '_ON'));
		aPreLoadi++;
 
		el.addEvent('mouseover',function(){
			this.setAttribute('src',this.src.replace('_OFF', '_ON'));
		});
 
		el.addEvent('mouseout',function(){
			this.setAttribute('src',this.src.replace('_ON','_OFF'));
		});
	});
	
	$$('IMG.selected').each(function(el){
		el.setAttribute('src',el.src.replace('_OFF', '_SEL'));
	});
	
	//SEGMENTS
	$$('.segment').each(function(el){
								 
		var over_color = "#414141";
								 
		el.store('default_color', el.getStyle('background-color')); 
								 
		el.addEvent('mouseenter', function(){
			//this.setStyle('background-color', over_color);
			var myEffect = new Fx.Morph(this, {duration: 200});
				 
				myEffect.start({
					'background-color' : over_color
				});
		});
		
		el.addEvent('mouseleave', function(){
			//this.setStyle('background-color', this.retrieve('default_color'));
			var default_color = this.retrieve('default_color');
			var myEffect = new Fx.Morph(this, {duration: 200});
				 
				myEffect.start({
					'background-color' : default_color
				});
			
		});
		
	});


	$$('.blogPost').each(function(el)
	{

	    var over_color = "#71153e";

	    el.store('default_color', el.getStyle('background-color'));

	    el.addEvent('mouseenter', function(e)
	    {
	        e.stop();
	        //this.setStyle('background-color', over_color);
	        var myEffect = new Fx.Morph(this, { duration: 200 });

	        myEffect.start({
	            'background-color': over_color
	        });
	    });

	    el.addEvent('mouseleave', function(e)
	    {
	        e.stop();
	        //this.setStyle('background-color', this.retrieve('default_color'));
	        var default_color = this.retrieve('default_color');
	        var myEffect = new Fx.Morph(this, { duration: 200 });

	        myEffect.start({
	            'background-color': default_color
	        });

	    });

	});
	
	
	//BLOGUE LIST
	
	//a venir box
	if ($$('.avenirBox')[0]){
		initLink($$('.avenirBox')[0]);
		$$('.avenirBox')[0].addEvent('mouseenter', function(){
			this.getElements('a').each(function(el){
					el.removeClass("fuchsia");	
					el.addClass("overGray");
			});
		});
		$$('.avenirBox')[0].addEvent('mouseleave', function(){
			this.getElements('a').each(function(el){
					el.addClass("fuchsia");	
					el.removeClass("overGray");
			});
		});
	}
}
/******************************************/
/* applyClicks
/* initialise tous les clicks non reliés au liens des pages
/******************************************/
	function applyClicks(){
		//SEGMENTS
		$$('.segment').each(function(el){	
			initLink(el);
		});
		
		//add comments
		
		
	}

/***************************************/
/* initDropDown
/* active le / les drop downs
/***************************************/
function initDropDown(){
	if($('sousMenuMoquettes')){
	    var sm = $('sousMenuMoquettes');
	    //
	    
		var allbtA = $$('A.smLesMoquettes');
		var btA = allbtA[0];
		
		var btImg = btA.getElement('img');
		var myFx = new Fx.Tween(sm);
		var OPEN_Y = 0;

		var smSizeY = 186; //sm.getSize().y ;
		var CLOSED_Y = -1 * smSizeY  - 14;
		
		sm.setStyle('top', CLOSED_Y);
		
		btA.addEvent('mouseenter', function (){
			myFx.cancel();
			myFx.start("top", OPEN_Y);
		});
		
		btA.addEvent('mouseleave', function (){
			myFx.cancel();
			myFx.start("top",  CLOSED_Y);
		});
		
		sm.addEvent('mouseenter', function(e){
			myFx.cancel();
			//s'il n'est pas totalement déployé
			if (sm.getStyle("top") != "0px"){
				myFx.start("top", OPEN_Y);
			}
			//laisse le bouton allumé
			btImg.setAttribute('src',btImg.src.replace('_OFF', '_ON'));
		 });

		 sm.addEvent('mouseleave', function(e)
		 {
		     myFx.cancel();
		     myFx.start("top", CLOSED_Y);

		     var strClass = btImg.get("class");
		     
		    //Si l'image n'a pas la class rollover, on change pas l'image (on garde l'état rollover)
		    if (strClass == "rollover")
		        btImg.setAttribute('src',btImg.src.replace('_ON', '_OFF'));
		 });

		 sm.removeClass("hide");
	}
}

function initRating(){
	$$('.rate').each(function(element,i){
	element.addEvent('click', function(){
		var myStyles = ['nostar', 'onestar', 'twostar', 'threestar', 'fourstar', 'fivestar', 'sixstar', 'sevenstar', 'eightstar', 'ninestar', 'tenstar'];
		myStyles.each(function(myStyle){
			if(element.getParent().hasClass(myStyle)){
				element.getParent().removeClass(myStyle)
			}
		});		
		myStyles.each(function(myStyle, index){
			if(index == element.id){
				element.getParent().toggleClass(myStyle);
				
				
				
				//exit;
			}
		});		
		
	});
});
}

function applyToogleLink(){
    var togglerLink = $('commentsToggler');
	/*
	if (togglerLink){
		togglerLink.removeEvents();  //remove all events
		togglerLink.addEvent('click', toggleComments.bind(this, 1));
	}
	*/
}

function toggleComments(show){
    var myFx = new Fx.Slide($('listCommentaires'), { duration: 800 });

	//référence sur lien d'ouverture qui devient un lien de fermeture et vice-versa
	//var togglerLink = $('commentsToggler');

    var commentsShow = $('commentsTogglerShow');
    var commentsHide = $('commentsTogglerHide');
    
    
	if (show)
	{
	    myFx.slideIn();

	    commentsShow.addClass("hide");
	    commentsHide.removeClass("hide");
        /*
	    alert("show " + togglerLink);
	    togglerLink.set('onclick', "toggleComments(0)");
	    togglerLink.set('text', 'masquer les commentaires');
	    togglerLink.setStyle('background-image', 'url(_/images/ico_masquercommentaires.gif)');
	    */
	    
	}
	else
	{
	    if (Browser.Engine.gecko)
	        myFx.hide();
	    else
	        myFx.slideOut();

	    commentsShow.removeClass("hide");
	    commentsHide.addClass("hide");
	    
	     /*  
	    var strCommentairesLabel = $('label_voir_commentaires').value;
	    togglerLink.set('onclick', "toggleComments(1)");
	    togglerLink.set('text', strCommentairesLabel);
	    //togglerLink.setStyle('background-image', 'url(_/images/ico_voircommentaires.gif)');
	    */
        

	}
    /*
	togglerLink.removeEvents();
	
	if (show){
		
		togglerLink.addEvent('click', toggleComments.bind(togglerLink, 0));
		myFx.slideIn();

	}else{
		
		myFx.slideOut();
		}
    */

	

}

function toggleAddComment(show)
{
	if (show){
		var myFx = new Fx.Slide($('ajoutCommentaire'),{duration: 800});
		$("addComment").set("value", "");
		$("addComment").focus();
		myFx.slideIn();
	}else{
		var myFx = new Fx.Slide($('ajoutCommentaire'),{duration: 400});
		$("addComment").set("value", "");
		myFx.slideOut();
	}
}

function initLink(el){
	el.addEvent('click', function(e){
		e.stop();
		window.location.href = this.get("url");
	});
}

function applyInputOverText(el){
	var tE = el;
	if(tE){
		tE.store('defaultValue', tE.get('value'));
		tE.addEvent('focus', function(e){
			e.stop();
			var tV = this.get('value');
			if(tV == this.retrieve('defaultValue')){
				this.set('value', '');
				this.removeClass("default");
				this.addClass("active");
			}
		});
		tE.addEvent('blur', function(e){
			e.stop();
			var tV = this.get('value');
			if(tV == ''){
				this.set('value', this.retrieve('defaultValue'));
				this.removeClass("active");
				this.addClass("default");
			}
		});
	}
}

function openSTF(_strTitre, _strImage, _strURL)
{

    // open a welcome message as soon as the window loads
    Shadowbox.open({
        content: "stf.aspx?titre=" + _strTitre + "&image=" + _strImage + "&url=" + escape(_strURL),
        player: "iframe",
        title: "",
        height: 405,
        width: 600
        /*options:{	
        onFinish:function(){initSTF();}
        }*/
    });

}

function openDefiForm(){
	 Shadowbox.open({
        content:    "soumettre_defi.aspx",
        player:     "iframe",
        title:      "",
        height:     355,
        width:      600
    });
}