$(document).ready(function() {
    gallery_load();
});

function gallery_load() {
    // Executed once all the page elements are loaded

    var preventClick=false;
	
    $(".pic a").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,
        titlePosition: 'over',
        cyclic: true
    });
	
    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();
    }
    
    /// Post rendering photos random positioning
    var width = $('#gallery').width();
    var height = $('#gallery').height();
    $('#gallery').children('.pic').each(function() {
        var left = Math.random() * (width - 100) + 50;
        var top = Math.random() * (height - 100) + 10;
        $(this).css('left', left);
        $(this).css('top', top);
    });
}