﻿function PlayPoster(outerDivClass, picType, channelName,changeTime) {
    var i = 0;
    var picId = 0;
    var prePicId = 0;
    var count = 0;
    $.get("../../Posters.xml", function(xml) {
        var outerDiv = $('.' + outerDivClass);
        var img = $(xml).find('images');

        $(img).find('image').each(function() {
            var type = $(this).attr('type');
            var src = $(this).attr('src');
            var channel = $(this).attr('channel');
            if (type != picType || channelName != channel)
            { return; }
            if (i == 0) {
                $(outerDiv).append("<img src=" + src + " class='img" + i + "' style='width:100%;'></img>");

            }
            else {
                $(outerDiv).append("<img src=" + src + " class='img" + i + "'style='display:none;width:100%'></img>");
            }

            i++;
        });
        var browserName = navigator.userAgent.toLowerCase();
        count = i;
        picId = count;
        setInterval(function() {
            prePicId = picId;
            picId++;
            if (picId >= count) {
                picId = 0;
            }
            if (/firefox/i.test(browserName)) {
                $(outerDiv).find('.img' + prePicId).animate({
                    opacity: 'toggle'
                }, 800, 'linear', function() {
                    $(outerDiv).find('.img' + picId).fadeTo(300, 1);
                });
            }
            else {
                $(outerDiv).find('.img' + prePicId).animate({
                    opacity: '0'
                }, 800, 'linear', function() {
                    $(this).css('display', 'none');
                    $(outerDiv).find('.img' + picId).css('display', 'block').fadeTo(300, 1);
                });
            }
        }, changeTime);
    });
}

