/**
 * Slide Box : a jQuery Plug-in
 * Samuel Garneau <samgarneau@gmail.com>
 * http://samgarneau.com
 * 
 * Released under no license, just use it where you want and when you want.
 */

(function($) {

    $.fn.slideBox = function(params) {

        var content = $(this).html();
        var defaults = {
            width: "100%",
            height: "200px",
            position: "bottom"			// Possible values : "top", "bottom"
        }

        // extending the function
        if (params) $.extend(defaults, params);

        var divPanel = $("<div class='slide-panel'>");
        var divContent = $("<div class='content'>");

        $(divContent).html(content);
        $(divPanel).addClass(defaults.position);
        $(divPanel).css("width", defaults.width);

        // centering the slide panel
        $(divPanel).css("left", (100 - parseInt(defaults.width)) / 2 + "%");

        // if position is top we're adding 
        if (defaults.position == "top") {
            $(divPanel).append($(divContent));
        }

        // adding buttons

        //$(divPanel).append("<div class='slide-button'><div class='fd_button'><div class='dep_slidepanel2 sans-sep' style='float:right' onClick='afficheConnexion();'>Connexion</div><a href='#' class='sep' onClick='afficheInscription();' title='Inscription'>Inscription</a></div></div>");
        //$(divPanel).append("<div id='close-button' style='display:none;' class='slide-button'><div class='fd_button'><div class='dep_slidepanel2' style='float:right;' onClick='afficheConnexion();' id='close'>Connexion</div><a href='#' class='sep' onClick='afficheInscription();' title='Inscription'>Inscription</a></div></div>");


        $(divPanel).append("<div class='slide-button'><div class='fd_button'><a class='BoutonGris'  style='margin-top:5px;' onClick='afficheInscription();' title='Inscription'><span style='text-align:center;'>INSCRIPTION</span></a><a class='BoutonGris' style='margin-top:5px;' onClick='afficheConnexion();' title='Connexion'><span>CONNEXION</span></a></div></div>");

        $(divPanel).append("<div id='close-button' style='display:none;' class='slide-button'><div class='fd_button'><a class='BoutonGris' style='margin-top:5px;' onClick='afficheInscription();' title='Inscription'><span>INSCRIPTION</span></a><a class='BoutonGris' style='margin-top:5px;' onClick='afficheConnexion();' title='Connexion' id='close'><span>CONNEXION</span></a></div></div>");


        if (defaults.position == "bottom") {
            $(divPanel).append($(divContent));
        }

        $(this).replaceWith($(divPanel));

        // Buttons action
        /*$(".dep_slidepanel").click(function() {
        afficheSlider(defaults.height);
        });*/



    };

})(jQuery);

function afficheSlider(height) {

    if ($(".dep_slidepanel2").attr("id") == "close") {
        $(".content").animate({ height: "0px" }, 750);
        $(".dep_slidepanel2").removeAttr("id");
    }
    else {
        $(".content").animate({ height: height }, 750);
        $(".dep_slidepanel2").attr("id", "close");
    }
    $(".slide-button").toggle();
}

var _etatSliderHaut = 0;

function fermerSliderHaut() {
    $(".content").animate({ height: "0px" }, 750);
    $(".dep_slidepanel2").removeAttr("id");
    _etatSliderHaut = 0;
}
function ouvrirSliderHaut(height, etat) {
    $(".content").animate({ height: height }, 750);
    $(".dep_slidepanel2").removeAttr("id");
    _etatSliderHaut = etat;
}

function ChangerTailleSliderHaut(height) {
    $(".content").animate({ height: height }, 750);
}