jQuery(document).ready(function(){
    /* Story Panel */
    jQuery("#right-panel").mouseover(function() {
        if (jQuery('#panel-expand').is(':hidden')) {
            jQuery('#panel-expand').show("slide", {
                direction: "right"
            }, 600);

            window.setTimeout(function() {
                jQuery('#panel-expand').hide("slide", {
                    direction: "right"
                    }, 600);
                }, 5000);              
        }
    });
   
    jQuery("#panel-expand").mouseleave(function() {
        jQuery('#panel-expand').hide("slide", {
            direction: "right"
        }, 600);
    });
    //magenta expand image
    jQuery("#panel-expand-link").click(function(){
        if (jQuery('#slide').is(':hidden')) {
            jQuery('#slide').show("slide", {
                direction: "right"
            }, 600);
            jQuery("#panel-expand").hide();
        }
    });

    jQuery(".plus-link").click(function(){
        if (jQuery('#slide').is(':hidden')) {
            jQuery('#slide').show("slide", {
                direction: "right"
            }, 600);
            jQuery("#panel-expand").hide();
        }
    });

    jQuery("#panel-learn").click(function(){
        if (jQuery('#slide').is(':hidden')) {
            jQuery('#slide').show("slide", {
                direction: "right"
            }, 600);
            jQuery("#panel-expand").hide();
        }
    });

    //slides in the right panel
    jQuery('#right-panel').show("slide", {
        direction: "right"
    }, 600);

    //When panel is open this closed it
    jQuery('#close-panel').click(function() {
        jQuery('#slide').hide('slide', {
            direction: 'right'
        }, 1400);
    });
    jQuery('#close-panel2').click(function() {
        jQuery('#slide').hide('slide', {
            direction: 'right'
        }, 1400);
    });

    //hides the panel open button
    jQuery('#panel-open-button').hide();

});