﻿jQuery(document).ready(function ($) {
    $('img').filter('.sintefvideo').each(function () {
        var tag = $(this);
        var regexp = new RegExp("vi/([A-Za-z0-9\\d\\-_]+)/(?:\\w*).jpg");
        var matches = regexp.exec(tag.attr('src'));
        if (matches != null && matches.length == 2 && matches[1] === tag.attr('alt')) {
            var srcUrl = 'http://www.youtube.com/embed/' + tag.attr('alt') + '?modestbranding=1&showinfo=0&iv_load_policy=3&showsearch=0&rel=0&theme=light&wmode=opaque';
            var videoTag = $('<iframe frameborder="0" allowfullscreen/>').attr('src', srcUrl).attr('width', tag.attr('width')).attr('height', tag.attr('height'));
            var newTag = $('<span></span>').css('float', tag.css('float')).css('padding', '0px 5px').html(videoTag);
            tag.replaceWith(newTag);
        }
    });

    $('img.sintefoverlay').wrap(function () {
        return '<a class="sintefoverlaylink" href="' + $(this).attr("src") + '"></a>';
    });
    $('.sintefoverlaylink').fancybox({ type: 'image' });

    var imageCarouselID = 0;
    $('.carouselwrapper').each(function () {
        var wrapper = $(this);
        var carousel = $('<div class="imageCarousel"></div>');
        var images = JSON.parse($(this).attr('alt').replace(/\¤/g, '"'));
        var span = $('<span />');
        for (var i = 0; i < images.length; i++) {
            var title = images[i].alt;
            var src = images[i].src;
            var imageTag = $('<img />').attr('src', src).attr('alt', title).removeAttr("height").removeAttr("width");
            var aTag = $('<a></a>').attr('rel', 'carouselGroup' + imageCarouselID).attr('href', src).attr('title', title).append(imageTag);
            aTag.fancybox({
                type: 'image',
                prevEffect: 'none',
                nextEffect: 'none',
                helpers: {
                    title: {
                        type: 'inside'
                    },
                    thumbs: {
                        width: 50,
                        height: 50
                    }
                }
            });
            span.append(aTag);
        }
        carousel.html(span);
        wrapper.replaceWith(carousel);

        imageCarouselID++;
    });
});
