/*
 * LiquidCreations UI 
 */
var _baseAppUrl = "http://" + document.domain + "/MediaCenter/";

$(function() {

    DailySnapshop.Load();

    $('.liquid-widget').each(function(idx, item) {

        var galleryView = $(item).attr('data-gallery-view'),
            guid = $(item).attr('data-guid'),
            galleryType = $(item).attr('data-gallery-type'),
            publish = $(item).attr('data-gallery-published'),
            categories = $(item).attr('data-categories');

        switch (galleryView) {

            case "slideshow":
                if (guid > 0) {
                    LiquidSlideShow.render(guid, galleryType, publish, categories);
                    LiquidSlideShow.runAjax();
                }
                break;

            case "thumbnail":
                if (guid > 0) {
                    LiquidThumbnailGallery.render(guid, galleryType, publish, categories);
                    LiquidThumbnailGallery.runAjax();
                }
                break;

            case "marquee":
                if (guid > 0) {
                    LiquidMarquee.render(guid, galleryType, publish, categories);
                    LiquidMarquee.runAjax();
                }
                break;
            default:

                break;
        }
    });

    $("#btnNewsletter").click(function() {
        if ($("#txtEmail").val() != '') {
            Newsletter.SignUp($("#txtEmail").val());
        } else {
            alert("Monthly Newsletter Sign-Up\n- Email is required for delivery");
        }
    });
});

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//  NewsletterSignup
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

var Newsletter = { 
    SignUp: function(email) {
        $.ajax({
            dataType: 'jsonp',
            data: "callback=NewsletterSignUp&key=NewsletterSignUp&email=" + email,
            url: _baseAppUrl + 'WebServices/JsonServices.aspx',
            success: function(data) {
                //alert(data);
            }
        });  
    }
}
function NewsletterSignUp(data) {
    if (data == "good") {
        alert("Thank you for signing up to News322 Newsletter");
        $("#txtEmail").val('Registration Complete!')
        $(".form-return").show();
        $(".form-return").html('<h4>Thank you for signing up to the monthly newsletter!</h4>');
    } else {
        alert(data);
    }
}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//  Daily Snapshot
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    var DailySnapshop = {

        Load: function() {
            var time = 5; 
            $.ajax({
                dataType: 'jsonp',
                data: "callback=DailySnapshotReturn&key=DailySnapshot&time=" + time,
                url: _baseAppUrl + 'WebServices/JsonServices.aspx',
                success: function(data) {
                    alert('good return');
                }
            });
        }
    }
    
    function DailySnapshotReturn(data) {
        alert(data);
    }
    
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//  Liquid Slide Show 
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    var LiquidMarquee = {

        render: function(guid, galleryType, publish, categories) {
            _guid = guid; 
            _galleryType = galleryType;
            _publish = publish;
            _categories = categories;
        },
        runAjax: function() {
            $.ajax({
                dataType: 'jsonp',
                data: "callback=LoadMarquee&key=GetGalleryByType&guid=" + _guid + "&galleryType=" + _galleryType + "&categories=" + _categories + "&publish=" + _publish + "&search=",
                url: _baseAppUrl + 'WebServices/JsonServices.aspx',
                success: function(data) {
                    alert('good return');
                }
            });
        }
    }
    
    //JSONP return
    function LoadMarquee(data) {
  
        $('.liquid-widget').append('<div class="marquee-title">The Daily Snapshot</div><ul id="scroller"></ul>');

        $.each(data, function(index, item) {

            var html = '',
                urlOriginal = _baseAppUrl + item.MediaUrl + '/' + item.FileName,
                urlThumbnail = _baseAppUrl + item.MediaUrl + '/Thumbs/' + item.FileName, 
                _domain = "http://www." + item.Name,
                _target = item.Target;

            html += '<li class="section">';

            if (item.Html) {
                html += '<div id="snapshot-' + item.MediaId + '" class="snapshot"><img src="http://' + document.domain + '/images/Snapshot-loader.gif" height="16"/></div>';
            }
            html += '<a href="' + item.Link + '" target="' + item.Target + '"><img src="' + urlOriginal + '" border="0"/></a>';
            html += '<h1><a href="' + item.Link + '"  target="' + item.Target + '">' + item.Name + '</a>';
            html += '<span>' + item.Description + '</span></h1></li>';

            $('#scroller').append(html);

            if (item.Html) {
                $.ajax({ 
                    url: "http://" + document.domain + "/Website/Design/Portal/DailySnapshot.aspx?Snap=http://www." + item.Name, //_baseAppUrl + "UploadData/news322/" + item.Name + ".html",
                    success: function(data) {

                        switch (item.Name.toLowerCase()) {
                            case "globalresearch.ca":
                                $('#scroller #snapshot-' + item.MediaId).html(GetGlobalResearch(data, _domain, _target));
                                break;
                            case "infowars.com":
                                $('#scroller #snapshot-' + item.MediaId).html(GetInfowars(data, _domain, _target));
                                break;
                            case "rt.com":
                                $('#scroller #snapshot-' + item.MediaId).html(GetRT(data, _domain, _target));
                                break;
                            case "presstv.com":
                                $('#scroller #snapshot-' + item.MediaId).html(GetPressTV(data, _domain, _target));
                                break;
                        }
                    }
                });
            }
        });
 
        $("#scroller").simplyScroll({
            className: 'custom',
            autoMode: 'loop',
            pauseOnHover: true,
            startOnLoad: false,
            horizontal: true,
            frameRate: 23,
            speed: 1
        });
        
    }

    function GetGlobalResearch(data, domain, target) {
        try {
            var menu = [],
            html = $(data);

            menu.push('<ul>');

            html.each(function() {
                for (var i = 0; i < 1; i++) {
                    if ($(this).find('#coverStory' + i).html() != null) {
                        var newUrl = domain + '/' + $(this).find('#coverStory' + i + ' .titleLinks a').attr('href');
                        var text = $(this).find('#coverStory' + i + ' .titleLinks a').html();
                        menu.push('<li>');
                        menu.push('<a href="' + newUrl + '" target="' + target + '" >');
                        menu.push(text);
                        menu.push('</a>');
                        menu.push('</li>');
                    }
                }
            });
            menu.push('</ul>');
            return menu.join('');
        }
        catch (e) {
            //throw e;
        }
    }

    function GetInfowars(data, domain, target) {
        try {
            var menu = [],
                html = $(data);
            //domain : not required its in the url
            menu.push('<ul>');
            html.each(function() {
                if ($(this).find(".nFeaturedStoriesTitle").html() != null) {
                    var newUrl = $(this).find(".nFeaturedStoriesTitle a").attr('href');
                    var text = $(this).find(".nFeaturedStoriesTitle a").html();
                    menu.push('<li>');
                    menu.push('<a href="' + newUrl + '" target="' + target + '" >');
                    menu.push($.trim(text));
                    menu.push('</a>');
                    menu.push('</li>');
                }
            });
            menu.push('</ul>');
            return menu.join('');
        }
        catch (e) {
            //throw e;
        }
    }

    function GetRT(data, domain, target) {
        try {
            var menu = [],
                html = $(data);

            menu.push('<ul>');
            html.each(function() {

                if ($(this).find("#PromoBox").html() != null) {
                    menu.push('<li>');
                    menu.push('<a href="' + domain + '"  target="' + target + '" >' + $(this).find(".jsmenulink strong").html() + '</a>');
                    menu.push('</li>');
                }
            });
            menu.push('</ul>');
            return menu.join('');
        }
        catch (e) {
            //throw e;
        }
    }

    function GetPressTV(data, domain, target) {
        try {
            var menu = [],
                html = $(data);

            menu.push('<ul>');
            html.each(function() {

                if ($(this).find("#ctl00_body_spnLatest").html() != null) {
 
                    menu.push('<li>');
                    menu.push('<a href="' + domain + '"  target="' + target + '" >' + $.trim($(this).find("#ctl00_body_spnLatest ul li a").html()) + '</a>');
                    menu.push('</li>');
                }
            });
            menu.push('</ul>');
            return menu.join('');
        }
        catch (e) {
            //throw e;
        }
    }
   
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//  Liquid Slide Show 
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
    var LiquidSlideShow = {
        render: function(guid, galleryType, publish, categories) {
            _guid = guid; 
            _galleryType = galleryType;
            _publish = publish;
            _categories = categories;
        },
        runAjax: function() { 
            $.ajax({
                dataType: 'jsonp',
                data: "callback=LoadSlideShow&key=GetGalleryByType&guid=" + _guid + "&galleryType=" + _galleryType + "&categories=" + _categories + "&publish=" + _publish + "&search=",
                url: _baseAppUrl + 'WebServices/JsonServices.aspx',
                success: function(data) { 
                    alert('good return');
                }
            }); 
        }
    }
       
    //JSONP return
    function LoadSlideShow(data) {

        var html = '<ul id="liquid-gallery"></ul>',
            galleryType = $('.liquid-widget').attr('data-gallery-type');
 
        switch (galleryType) 
        {
            case "video":
                controlBar = "over";
                autostart = "false";
                break;
                
            case "picture":
                controlBar = "none";
                autostart = "true";
                break;

            default:

                break;
        } 
        
            
        $('.liquid-widget').append(html);

        $.each(data, function(index, item) {
            var url = _baseAppUrl + item.MediaUrl + '/' + item.FileName;
            
            var rowHtml = '<li><embed id="MediaDisplay" src="' + _baseAppUrl + 'includes/flash/player.swf" \
                                        allowscriptaccess="always" \
                                        allowfullscreen="true" \
                                        flashvars="skin=' + _baseAppUrl + 'includes/skins/glow.zip&image=' + _baseAppUrl + 'images/media-center-background.gif&file=' + url + '&buffertime=5&autostart=' + autostart + '&controlbar=' + controlBar + '" \
                                        /></li>';
            $('#liquid-gallery').append(rowHtml);
        });

        $('#liquid-gallery').anythingSlider({
            toggleControls: false,
            buildNavigation: true
        });
    };
 
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//  Liquid Thumbnail Gallery 
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    var LiquidThumbnailGallery = {

        render: function(guid, galleryType, publish, categories) {
            _guid = guid; 
            _galleryType = galleryType;
            _publish = publish;
            _categories = categories;
        },
        runAjax: function() { 
            $.ajax({
                dataType: 'jsonp',
                data: "callback=LoadGallery&key=GetGalleryByType&guid=" + _guid + "&galleryType=" + _galleryType + "&categories=" + _categories + "&publish=" + _publish + "&search=",
                url: _baseAppUrl + 'WebServices/JsonServices.aspx',
                success: function(data) { //JSON return
                    alert('good');
                }
            }); 
        }

    }
    //JSONP return
    function LoadGallery(data) {

        var html = '<ul id="liquid-thumb-gallery" ></ul>';

        $('#liquid-widget').append(html);

        $.each(data, function(index, item) {
            var urlOriginal = _baseAppUrl + item.MediaUrl + '/' + item.FileName;
            var urlThumbnail = _baseAppUrl + item.MediaUrl + '/Thumbs/' + item.FileName;
            
            var rowHtml = '<li> \
                                <a href="' + urlOriginal + '" onclick="return hs.expand(this);" title="' + item.Name + '" > \
                                    <img src="' + urlThumbnail + '" alt="' + item.Name + '"  /> \
                                </a> \
                            </li>';
            $('#liquid-thumb-gallery').append(rowHtml);
        });
    };