var pictures;
var picturesWrapper;
var nav;
var paused = false;
var currentCycle = null;
$(document).ready(function () {
    pictures = $('.pictures');
    picturesWrapper = $("#picturesWrapper");
    nav = $("#nav");
    if (window.location.search.indexOf("ref") == -1)
        loadPictures(references[2]);
    else {
        try {
            var refID = +window.location.search.substring(5); 
            cf.moveTo(8, 'pos', 'item')
        } catch (e) {

        }
    }
    $(".scrollbar").hide();
});
function reCycle() {
    if ($().cycle != undefined) {
        nav.empty();
        currentCycle = pictures.after($("#navWrapper")).cycle({
            fx: 'fade',
            speed: 'slow',
            timeout: 6000,
            pager: '#nav'
        });
        if (paused) currentCycle.cycle('pause');
    }
}
function loadPictures(reference) {
    nav.empty();
    var newPics = $("<div class='pictures' />").height("312px").css("display", "none");

    if (currentCycle != null) currentCycle.cycle('pause');

    var images = reference[0];
    for (var x = 0; x < images.length; x++) {
        var img = images[x];
        newPics.append(img);
    }
    pictures.fadeOut(400, function () {

        picturesWrapper.children().first().remove();
        picturesWrapper.prepend(newPics);
        pictures = picturesWrapper.children().first();
        pictures.fadeIn(400, function () {
            $("#referenceArea h1").text(reference[1]);
            $("#referenceArea p.contentText").html(reference[2]);
            $("#referenceArea a.url").text(reference[3]);
            var url = reference[3];
            if (url.indexOf("http://") == -1) url = "http://" + url;
            $("#referenceArea a.url").attr("href", url);

            reCycle();

        });
    });

}
function imgClick(item) {
 
    return false;
}
var onclickActiveItem = function (item) {

    var reference = references[item.index];
    loadPictures(reference);
    return false;
}
var cf = new ContentFlow('contentFlow', { maxItemHeight: 142, visibleItems: 5, reflectionColor: "#ffffff", onclickActiveItem: onclickActiveItem, flowSpeedFactor: 0.4 });