﻿/* Librairie JAVASCRIPT - Copyright LMC France - www.lmcfrance.com */

$(document).ready(function() {
    /* *** Slide des actus *** */
    $('#scroller_actus').after('<div id="nav_actus" class="nav_actus">').cycle({
        fx: 'fade',
        speed: 'fast',
        timeout: 0,
        pager: '#nav_actus'
    });
    
    /* ***  *** */
    $('#scroller_partenaires').after('<div id="nav_partenaires" class="nav_partenaires">').cycle({
        fx: 'fade',
        speed: 'fast',
        timeout: 5000,
        pager: '#nav_partenaires'
    });
    
    /* *** On enlève les chiffres qui se trouvent dans les balises <a> des navigations 'Actus' et 'Partenaires' *** */
    $('#nav_actus a').html("");
    $('#nav_partenaires a').html("");

    /* *** Hover sur les tableaux (1, 2, 3, 4) *** */
    $('.step td').hover(function () {
        $(this).children().css("color", "#14a0d3");
        Cufon.replace('.step .qlassik', { fontFamily: 'Qlassik' });
    }, 
    function () {
        $(this).children().css("color", "#999999");
        Cufon.replace('.step .qlassik', { fontFamily: 'Qlassik' });
    });

    /* *** Hover sur les sous menu de la colonne de droite *** */
    $('body.pme #ctl00_menu_droite a').hover(function() {
        $(this).css("color", "#534266");
        Cufon.replace('#ctl00_menu_droite .qlassik', { fontFamily: 'Qlassik' });
    },
    function() {
        $(this).css("color", "#999999");
        $('body.pme #ctl00_menu_droite a.on').css("color", "#534266");
        Cufon.replace('#ctl00_menu_droite .qlassik', { fontFamily: 'Qlassik' });
    });

    $('body.pro #ctl00_menu_droite a').hover(function() {
        $(this).css("color", "#5a2340");
        Cufon.replace('#ctl00_menu_droite .qlassik', { fontFamily: 'Qlassik' });
    },
    function() {
        $(this).css("color", "#999999");
        $('body.pro #ctl00_menu_droite a.on').css("color", "#5a2340");
        Cufon.replace('#ctl00_menu_droite .qlassik', { fontFamily: 'Qlassik' });
    });
	
	
	/** popup modales pour les vidéos **/
	$('a.modal').click(function(e) {
		//Cancel the link behavior
		e.preventDefault();

		//Get the A tag
		var id = '#dialog';
		var video = $(this).attr('href');

		$("#dialogcontent").load(video); //, function() { });

		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();

		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});

		//transition effect
		$('#mask').fadeIn(1000);
		$('#mask').fadeTo("slow",0.75);

		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();

		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);

		//transition effect
		$(id).fadeIn(2000);

    });

    //if close button is clicked
    $('.window .close').click(function (e) {
	//Cancel the link behavior
		e.preventDefault();
		$('#mask, .window').hide();
    });

    //if mask is clicked
    $('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
    });

});

function popup(page, width, height, name) {
    window.open(page, name, "width=" + width + ",height=" + height + ",status=no,resizable=yes,toolbar=no,menubar=no,location=no,scrollbars=yes");
}
