$(document).ready(function() {
    if(navigator.userAgent.match("iPod") || navigator.userAgent.match("iPad") || navigator.userAgent.match("iPhone")) {
        $("#screenshotsBtn").add(".images_link").click(function(event) {
            var form = $("<form style='display:none' method='post'>").attr("action", contextPath + "/mgallery");

            var imgURLS = "";
            var captions = "";
            var originImageIndex = 0;
            $(".images_link").each(function(i, elem) {
                if(elem === event.target) {
                    originImageIndex = i;
                }
                elem = $(elem);
                imgURLS += encodeURIComponent(elem.attr("href")) + "^";
                captions += encodeURIComponent('"' + elem.attr("title") + '"') + "^";
            });
            var hidden = $("<input type='hidden' name='headerImgURL'>").attr("value", encodeURIComponent($("#pgHeader").css("background-image").replace(/url\(|\)$/ig, "").replace(/"/g,"")));
            form.append(hidden);

            var hidden = $("<input type='hidden' name='originImageIndex'>").attr("value", originImageIndex);
            form.append(hidden);

            hidden = $("<input type='hidden' name='captions'>").attr("value", captions);
            form.append(hidden);

            hidden = $("<input type='hidden' name='imgURLs'>").attr("value", imgURLS);
            form.append(hidden);

            hidden = $("<input type='hidden' name='returnURL'>").attr("value", location);
            form.append(hidden);

            

            $("body").append(form);
            form.submit();
            return false;
        });
    }
    else {
        $("a.images_link[rel^='fancybox']").fancybox({
            overlayOpacity: 0.6,
            overlayColor: '#000000',
            titleShow: true,
            titlePosition: 'inside',
            titleFormat: formatTitle
        });
    }
    

    if(hasflash()) {
        //activate the videos
        $("a.video_link[rel^='fancybox']").fancybox({
            overlayOpacity: 0.6,
            overlayColor: '#000000',
            titleShow: false,
            type: 'swf',
            swf: {
                wmode: 'transparent'
            }
        });
    }
})

function formatTitle(title, currentArray, currentIndex, currentOpts) {
    return '<div class="fancybox-title">' + (title && title.length ? '<b>' + title + '</b>' : '' ) + 'Image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</div>';
}