(function($)
{
    var ajaxProcessingImg = '/img/ajax_loader.gif';

    $.fn.miroLightbox = function()
    {
        var lightboxWidth = 500; 
        var $overlay = $('<div id="miroLightbox_overlay"></div>'); // Hidden
        var $lightbox = $('<div id="miroLightbox_lightbox"></div>'); // Hidden
        var $close = $('<div id="miroLightbox_close"></div>');

        var closeFunc = function()
        {
            $overlay.animate({opacity:0}, 'normal', function()
            {
                $overlay.remove();
            });
            $lightbox.hide().empty().remove();
        };

        $(this).live('click', function()
        {
            $('html').prepend($overlay);
            $('html').prepend($lightbox);
            $overlay.css({
                height : $(document).height(),
                opacity : 0.7
            }).show();

            url = $(this).data('ajax');

            $.ajax({
                url : url,
                context : $lightbox,
                beforeSend : function()
                {
                    $(this).append('<img src="' + ajaxProcessingImg + '" width="32" height="32" />').css({
                        top: Math.max(document.body.scrollTop,document.documentElement.scrollTop) + 50 +'px',
                        left: Math.round(($(window).width() - 16) / 2) +'px',
                        'margin-top': 0,
                        'margin-left': 0,
                        width:32,
                        height:32
                    }).show();
                },
                success : function(data)
                {
                    $(this).html(data).show().css({
                        'left': Math.round($(window).width()/2 - lightboxWidth/2) +'px',
                        width: lightboxWidth,
                        height: 'auto'
                    });
                    $lightbox.prepend($close);
                    $('#miroLightbox_overlay').css({'height': $(document).height()+'px'});
                }
            });
            return false;
        });
        $(document).keyup(function(e)
        {
            if (e.keyCode == 27)
                closeFunc();
        });
        $('#miroLightbox_overlay, #miroLightbox_close').live('click', closeFunc);
    };
})(jQuery);

$(function(){

    function preload(arrayOfImages) {
        $(arrayOfImages).each(function(){
            (new Image()).src = this;
        });
    }
    preload([
        '/img/hammam_hover.jpg',
        '/img/beute_hover.jpg'
        
        ]);


    (function(){
        $('.content_link').next('div').css('opacity', 0.5);
        $('.content_link').hover(function(){
            $(this).next('div').stop(true, true).
                    animate({
                        'opacity': 'show',
                        'top': '+=30px'
                    }, 'slow');
        }, function(){
            $(this).next('div').stop(true, true).
                    animate({
                        'opacity': 'hide',
                        'top': '-=30px'
                    }, 'slow');

        });
    })();
        /*$('#player').jPlayer({
                ready: function(){
                    $(this).jPlayer("setMedia", {
                        mp3: "/mp3/spa.mp3" 
                    }).jPlayer("play");
                    },
                swfpath: "/js/lib/Jplayer.swf",
                solution: 'html, flash',
                supplied: "mp3",
                preload: 'metadata',
                muted: false,
                wmode: "window",
                volume: 0.5,
                errorAlerts: true,
                loop: true
        });*/

        $('#pause').click(function(){
            $('#player').jPlayer("stop");
            $(this).remove();
        });

    (function(){
        $('#be_informed').hover(function(){
            $(this).toggleClass('be_informed_hover');
        });
        $('#back_menu').hover(function(){
            $(this).toggleClass('be_informed_hover');
        });
        $('#be_informed').click(function(){
            if ($(this).hasClass('clicked'))
                return;
            $(this).addClass('clicked');
            $(this).fadeOut(function(){
                $(this).empty();
                $(this).append('<form id="be_informed_form"><input id="be_informed_input" type="text" name="email" value="Votre email" /> <input type="submit" value="Envoyer" /> </form>');
                $(this).fadeIn();
            });
        });
        $('#be_informed_input').live('click', function(){
            if ($(this).val() == 'Votre email')
                $(this).val('');
        });
        $('#be_informed_form').live('submit', function(){
            $.post('/content/sendemail/', $(this).serialize());
            $(this).fadeOut(function(){
                $(this).empty();
                $(this).html('Merci');
                $(this).fadeIn();
            });
            return false;
        });
    })();

    $('.plus').miroLightbox();

});