/*
  Copyright (c) 2009, Pilot Interactive Inc. (www.pilotinteractive.ca)
  All rights reserved.

  DEVELOPED BY: David Di Biase (david@pilotinteractive.ca)
  DESCRIPTION:  Handles the gallery management and visualisation aspects.
  DATE:         May 7, 2009
  UPDATE HIST.: David D. (david@pilotinteractive.ca). v1. May 7, 2009
                - Initial beta approval delivery release
                - Patched for having scroll functionality between pages
                - Removed the width spacing functionality for two spaces
*/

/**
 * Opens the slide details and assigns the arrow and close buttons to
 * their proper positions on the stage.
 */

var page = 0;
var numthumbs = 4;
var totalitems = 0;
var disable_scroll = true;
var columns = 5;
var thumbs_width = 136;
var thumbs_height = 195;

$(document).ready(function() {
    if (disable_scroll) {
        $("#previous").css("display", "none");
        $("#next").css("display", "none");
        $("#thumbs").css("height", "auto");
        $("#thumbs").css("width", "auto");
    }
});

function openDetails(target) {
    closeDetails();
    var item = galleryData[target.id];
    $("body").append("<img id='ibox_arrow' src='" + dir_path + "images/arrow.gif'><img id='ibox_close' src='" + dir_path + "images/closebutton.gif' onClick='closeDetails()'><div id='ibox'><div id='ibox_thmbs'></div><div style='clear: both'></div><div id='ibox_details'></div>");
    
    var pos = $("#" + target.id).offset();
    var thumbpos = $("#gallery_container").offset();
    
    if (disable_scroll) {
        $("#ibox").css("top", pos.top - 6);
            $("#ibox_arrow").css("top", pos.top + 5);
        $("#ibox_close").css("top", pos.top + 215);
    } else {
        $("#ibox").css("top", thumbpos.top - 6);
            $("#ibox_arrow").css("top", thumbpos.top + 5);
        $("#ibox_close").css("top", thumbpos.top + 228);
    }
    $("#ibox").css("left", pos.left + 130);
    $("#ibox_arrow").css("left", pos.left + 120);
    $("#ibox_close").css("left", pos.left + 102);
    populateDetails(target.id, item);
    $("#ibox").fadeIn("slow");
    $("#ibox_arrow").fadeIn("slow");
    $("#ibox_close").fadeIn("slow");
}

/**
 * Closes the opened gallery item window and its arrow/close buttons.
 */
function closeDetails() {
    $("#ibox").remove();
    $("#ibox_arrow").remove();
    $("#ibox_close").remove();
}

/**
 * Populates the ibox details with information about the gallery item,
 * which is taken from the gallery detail JSON object.
 */
function populateDetails(name, item) {
    if (item.images == 1) {
        $("#ibox_thmbs").remove();
        $("#ibox_details").css("height", "222px");
        $("#ibox_details").css("width", "162px");
    } else {
        $("#ibox_details").css("height", "75px");
        for (var i = 1; i < item.images; i++) {
            $("#ibox_thmbs").append(imageItem(dir_path + "thumbs/" + name + "-" + i + "_t.jpg", dir_path + "thumbs/" + name + "-" + i + ".jpg"));
        }
        var width = ((item.images - 1) * 111);
        if (width < 111) {
           width = 111;
        }
        $("#ibox_details").css("width", width + "px");
    }
    $("#ibox_details").append(item.desc.replace(/\n/g, "<br>"));
}

/**
 * Generates the highslide image data to be used for the zoom functionality.
 */
function imageItem(thumb, highres) {
    return '<a href="' + highres + '" class="highslide" onclick="return hs.expand(this)"><img class="highslide_thumb" src="' + thumb + '" alt="Highslide JS" title="Click to enlarge" /></a>' +
           '<div class="highslide-caption"></div>';
}

/**
 * Iterates through the gallery data provided and appends the data to the thumbs
 * div which is provided via the function.
 */
function populateGallery() {
    var count = 0;
    if (disable_scroll) {
        var startNum = 0;
        var endNum = 99999999;
        var displayedItems = 0;
        var last = "";
    } else {
        var startNum = page * numthumbs;
        var endNum = (page + 1) * numthumbs;
        var displayedItems = 0;
        var last = "";
    }
    $("#thumbs").html("");
    for (itemId in galleryData) {
        if (count >= startNum && count < endNum) {
            $("#thumbs").append('<div id="' + itemId + '" style="width: ' + thumbs_width + '; height: ' + thumbs_height + '" class="cover" onClick="openDetails(this, \'' + itemId + '\')"><img src="' + dir_path + 'thumbs/' + itemId + '-0_t.jpg"><br>' + galleryData[itemId].title + '</div>');
            last = itemId;
            displayedItems++;
        }
        count++;
    }
    totalitems = count;
    if (displayedItems != numthumbs) {
        $("#next").css("visibility", "hidden");
    } else {        $("#next").css("visibility", "visible");
    }
    // A quick hack to remove the right divider line of the poster
    $("#" + last).css("border-right", "none");
    setPages();
}

/**
 * Sets the number of pages currently available.
 */
function setPages() {
    if (! disable_scroll) {
        $("#pages").html("Page <b>" + (page + 1) + "</b> of <b>" + Math.ceil(totalitems / numthumbs) + "</b>");
    }
}

/**
 * Next page to be displayed in the list.
 */
function clickNext() {
    if (! isCorrectPage(page + 1)) { return false; }
    page++;
    populateGallery();
    closeDetails();
}

/**
 * Previous page tp be displayed.
 */
function clickPrevious() {
    if (! isCorrectPage(page - 1)) { return false; }
    page--;
    populateGallery();
    closeDetails();
}

/**
 * Determine if the specified page is correct or not.
 */
function isCorrectPage(currPage) {
    if (currPage < 0 || currPage > Math.ceil(totalitems / numthumbs)) {
        return false;
    }
    return true;
}