/* 
 * Plugin by: Fabio Politi
 * Date: 23/03/2012
 */
jQuery(document).ready(function(){
    Pageflip.init();
});


var Pageflip = {

    container: null,
    time: 500,
    animating:false,
    img: null,
    conditions: null,
    vertical: null,
    trigger: null,

    init: function(){
        Pageflip.container = jQuery('#slide_container');
        Pageflip.container.hover( Pageflip.open, Pageflip.close);
        Pageflip.img = jQuery("#slide_container .vertical img");
        Pageflip.conditions = jQuery("#slide_container .conditions");
        Pageflip.vertical = jQuery("#slide_container .vertical");
        Pageflip.trigger = jQuery("#slide_container #trigger");
    },

    open: function(){
        if(Pageflip.animating)return;
        Pageflip.animating = true;

        Pageflip.img.animate({
            width:"65px"
        }, Pageflip.time);
        
        Pageflip.conditions.animate({
            left:"65px"
        }, Pageflip.time);


        Pageflip.vertical.animate({
            width:"65px"
        }, Pageflip.time);

        Pageflip.trigger.animate({
            width:"65px"
        }, Pageflip.time);



        Pageflip.container.animate({
            left:"232px"
        }, Pageflip.time, function(){
            Pageflip.animating = false
        } );
    },

    close: function(){
        if(Pageflip.animating)return;
        Pageflip.animating = true;

        Pageflip.img.animate({
            width:"25px"
        }, Pageflip.time);

        Pageflip.conditions.animate({
            left:"25px"
        }, Pageflip.time);


        Pageflip.vertical.animate({
            width:"25px"
        }, Pageflip.time);

        Pageflip.trigger.animate({
            width:"50px"
        }, Pageflip.time);



        Pageflip.container.animate({
            left:"524px"
        }, Pageflip.time, function(){
            Pageflip.animating = false
        } );
    }
}