jQuery(document).ready(function() {	

	// if the function argument is given to overlay,
	// it is assumed to be the onBeforeLoad event listener
	/*
	jQuery("a[rel]").overlay({

		mask: '#c7c7c7',
		effect: 'apple',

		onBeforeLoad: function() {

			// grab wrapper element inside content
			var wrap = this.getOverlay().find(".contentWrap");

			// load the page specified in the trigger
			wrap.load(this.getTrigger().attr("href"));
		}

	});
    */

    //
    // Slider Twitter
    //
	if(jQuery('#tweet-list').length != 0) {
		jQuery('#tweet-list').bxSlider(
			{
				hideControlOnEnd: true,
				controls: false,
				pager: false,
				auto: true,
				pause: 4000,
				speed: 800
			}
		);
	}
    
    //
    // Slider aléatoire des grands visuels page d'accueil
    //
    
    //si page de contenu
    if(jQuery('#page-contenu').length>0){
        jQuery('#bg-grand-visuel').html('<img class="bgActif" src="/qr-code/templates/ikodz/images/bg/bg-ikodz-magazine.jpg" style="display:none;" />').css('top','-112px');
       // jQuery('#citation').html('<span class="citActif" style="display:none">Support<br/>magazine papier</span>').css('bottom','10px');
        jQuery('#bg-grand-visuel .bgActif').fadeIn(2000);
        //jQuery('#citation .citActif').fadeIn(3000);

    }
    else{
        /*Tableau contenant toutes les images*/
        var tabBackgrounds =[
            "/qr-code/templates/ikodz/images/bg/bg-ikodz-inventaire.jpg",
            "/qr-code/templates/ikodz/images/bg/bg-ikodz-mode-emploi.jpg",
            "/qr-code/templates/ikodz/images/bg/bg-ikodz-bbt.jpg",
            "/qr-code/templates/ikodz/images/bg/bg-ikodz-kerjean-immo.jpg",
            "/qr-code/templates/ikodz/images/bg/bg-ikodz-magazine.jpg",
            "/qr-code/templates/ikodz/images/bg/bg-ikodz-penn-ar-bed.jpg",
            "/qr-code/templates/ikodz/images/bg/bg-ikodz-cartes-visites.jpg",
            "/qr-code/templates/ikodz/images/bg/bg-ikodz-vieilles-charrues.jpg"
        ];
        var tabSpeech =[
            "<div class='slide_titre'><span>QR code inventaire</span></div><div class='slide_explain_1'><span>Un outil pour les gestionnaires</span></div>",
            "<div class='slide_titre'><span>Mode d'emploi interactif</span></div><div class='slide_explain_1'><span>Code 2D augmentant la réalité de la notice</span></div>",
            "<div class='slide_titre'><span>Affiches</span></div><div class='slide_client'><span>Bolloc'h Breizh Tour</span></div><div class='slide_explain_1'><span>Code 2D déclenchant une vidéo</span></div>",
            "<div class='slide_titre'><span>Immobilier</span></div><div class='slide_client'><span>300 agences</span></div><div><div class='slide_explain_1'><span>35 000 codes 2D contenant plus d'informations</span></div>",
            "<div class='slide_titre'><span>Magazine papier</span></div><div class='slide_client'><span>Com & médias</span></div><div class='slide_explain_1'><span>Tag 2D pour devenir fan sur facebook</span></div>",
            "<div class='slide_titre'><span>Brochures touristiques</span></div><div class='slide_client'><span>Penn Ar Bed</span></div><div class='slide_explain_1'><span>Tag 2D renvoyant sur </span></div><div class='slide_explain_2'><span>une application mobile (par evernet)</span></div>",
            "<div class='slide_titre'><span>Cartes de visite</span></div><div class='slide_client'><span>Flashez et enregistrez le contact</span></div>",
            "<div class='slide_titre'><span>Festivals</span></div><div class='slide_client'><span>Vieilles charrues</span></div><div class='slide_explain_1'><span>facebook, twitter, vidéos, etc...</span></div>"
        ];

        /*Position de départ du tableau aléatoire*/
        var positionTabBackgrounds = Math.floor(Math.random()*8);
        //var positionTabBackgrounds = 5;

        /*
        *Insertion du HTML de la première image
        *et affichage en dégradé
        */
        jQuery('#bg-grand-visuel').html('<img class="bgActif" src="'+ tabBackgrounds[positionTabBackgrounds] +'" style="display:none;" />');
        jQuery('#citation').html('<div class="citActif" style="display:none">'+ tabSpeech[positionTabBackgrounds] +'</div>');
        jQuery('#bg-grand-visuel .bgActif').fadeIn(2000);
        jQuery('#citation .citActif').fadeIn(3000);
        
        /*
        * Toutes les 15 secondes 
        * la photo change
        */
        jQuery(document).everyTime('10s',function(){
            //on prend la photo suivante
            positionTabBackgrounds++;
            //on cache la photo en cours
            jQuery('#bg-grand-visuel .bgActif').fadeOut(2000,function(){
                //puis on la supprime
                jQuery(this).remove(); 
                //on insert le html de la photo suivante
                jQuery('#bg-grand-visuel').html('<img class="bgActif" src="'+ tabBackgrounds[positionTabBackgrounds] +'" style="display:none;" />');
                //et on l'affiche
                jQuery('#bg-grand-visuel .bgActif').fadeIn(2000);
            });
            
            //on cache la citation en cours
            jQuery('#citation .citActif').fadeOut(2000,function(){
                //puis on la supprime
                jQuery(this).remove(); 
                //on insert le html de la citation suivante
                jQuery('#citation').html('<div class="citActif" style="display:none">'+ tabSpeech[positionTabBackgrounds] +'</div>');
                //et on l'affiche
                jQuery('#citation .citActif').fadeIn(3000);
            });
            
            //quand on est à la fin du tableau des backgrounds, on revient à zéro
            if(8==positionTabBackgrounds) positionTabBackgrounds=0;
        });
    }
    //
    //Elargissement bandeau accueil
    //
    largeurEcran = jQuery(window).width();
    jQuery('.block_header').width(largeurEcran).css('left','0').fadeTo(0,0.8); 
    jQuery('#bandeau-haut').width(largeurEcran).css('left','0'); 
    jQuery('#logo-twitter').width(largeurEcran).css('left','0'); 

    /* Couleurs des menus */
    jQuery(".menu > li").each(function(index){
        jQuery(this).addClass('li-left-'+index);
    });
	
    /* Gestion du menu colonne left */    
    jQuery(".menu > li").bind({
        'mouseenter': mouseOver,
        'mouseleave': mouseOut
    });
    
    function mouseOver(e) {
        jQuery('ul:first', this).show().animate({backgroundColor: '#DAE6EA'}, 900);
        if(jQuery(this).hasClass('parent')) jQuery(this).css({});
    }
        
    function mouseOut(e) {
        jQuery('ul:first', this).hide().animate({backgroundColor: 'white'}, 500);
        if(jQuery(this).hasClass('parent')) jQuery(this).css({});
    }
	
	var urlActive = jQuery('li.active > a').attr('href');
	
	if (urlActive) {
		if(urlActive.match(/Itemid=2/)){ //rubrique MAIRIE
			jQuery('body').css('background-image','url(templates/lp/images/bg/17.jpg)');
		}	
		if(urlActive.match(/Itemid=17/)){ //rubrique PRATIQUE
			jQuery('body').css('background-image','url(templates/lp/images/bg/2.jpg)');
		}
		if(urlActive.match(/Itemid=33/)){ //rubrique TOURISME
			jQuery('body').css('background-image','url(templates/lp/images/bg/5.jpg)');
		}
		//affichage des infos supp dans le forumlaire lors de la sélection de "Acte de naissance avec filiation"
		jQuery('input#radio00').click(function(){
			jQuery('div#infosSup').fadeIn();
		});
		jQuery('input#radio01').click(function(){
			jQuery('div#infosSup').fadeOut();
		});	
		jQuery('input#radio02').click(function(){
			jQuery('div#infosSup').fadeOut();
		});
	}
		
    
    jQuery('ul#mainlevel li a').mouseover(function() {
        var valeur = jQuery(this).html();
        if(valeur=='Mairie'){
            jQuery('ul#mainlevel').css('background-position','11px 2px');
        }
        else if(valeur=='Pratique'){
            jQuery('ul#mainlevel').css('background-position','11px -46px');
        }			
        else if(valeur=='Tourisme'){
            jQuery('ul#mainlevel').css('background-position','11px -98px');
        }
        else if(valeur=='Contact'){
            jQuery('ul#mainlevel').css('background-position','11px -145px');
        }
    });
    
        
    jQuery('ul#mainlevel li a').mouseout(function() {
        jQuery('ul#mainlevel').css('background-position','11px -151px');
    });

});