$(document).ready(function() {
    //hide the all of the element with class AlternateLessonsWrapper
    //$(".AlternateLessonsWrapper").hide();
    //toggle the componenet with class msg_body
    $(".CollapsableHeader").click(function() {
        $(this).next(".AlternateLessonsWrapper").slideToggle(600);
    });

    // Executed once all the page elements are loaded
    var preventClick = false;

    $(".pic a.fancybox").bind("click", function(e) {
        /* This function stops the drag from firing a click event and showing the lightbox */
        if (preventClick) {
            e.stopImmediatePropagation();
            e.preventDefault();
        }
    });


    $(".pic").draggable({
        /* Converting the images into draggable objects */
        containment: 'parent',
        start: function(e, ui) {
            /* This will stop clicks from occuring while dragging */
            preventClick = true;
        },

        stop: function(e, ui) {
            /* Wait for 250 milliseconds before re-enabling the clicks */
            setTimeout(function() { preventClick = false; }, 250);

        }
    });


    $('.pic').mousedown(function(e) {

        /* Executed on image click */

        var maxZ = 0;

        /* Find the max z-index property: */

        $('.pic').each(function() {
            var thisZ = parseInt($(this).css('zIndex'))
            if (thisZ > maxZ) maxZ = thisZ;
        });

        /* Clicks can occur in the picture container (with class pic) and in the link inside it */
        if ($(e.target).hasClass("pic")) {
            /* Show the clicked image on top of all the others: */
            $(e.target).css({ zIndex: maxZ + 1 });
        }
        else $(e.target).closest('.pic').css({ zIndex: maxZ + 1 });
    });

    /* Converting all the links to a fancybox gallery */
    //$("a.fancybox").fancybox({zoomSpeedIn: 300,zoomSpeedOut: 300,overlayShow: false});

    /* Converting all the links to a lightbox gallery */
    $("a.fancybox").lightBox();
    $('div#lightBoxGallery a.lightbox').lightBox()

    /* Converts the div with id="modal" into a modal window  */
    $("#modal").dialog({
        bgiframe: true,
        modal: true,
        autoOpen: false,
        buttons: {
            Ok: function() {
                $(this).dialog('close');
            }
        }
    });

    //if (location.hash.indexOf('#pic-') != -1) {
    /* Checks whether a hash is present in the URL */
    /* and shows the respective image */
    //    $(location.hash + ' a.fancybox').click();
    //}
    
    

});