//-------------------------------------------------
//		youtube playlist jquery plugin
//		Created by dan@geckonm.com
//		www.geckonewmedia.com
//
//		v1.1 - updated to allow fullscreen 
//			 - thanks Ashraf for the request
//      v1.2 - updated to allow for mixed yt/image galleries
//           - for Markus Thyberg
//-------------------------------------------------

String.prototype.startsWith = function(str){
    return (this.indexOf(str) === 0);
}


jQuery.fn.ytplaylist = function (options) {

    // default settings
    var options = jQuery.extend({
        holderId: 'ytvideo',
        playerHeight: 238,
        playerWidth: 290,
        addThumbs: true,
        thumbSize: 'small',
        showInline: false,
        autoPlay: false,
        showRelated: false,
        allowFullScreen: true,
        showInfo: false
    }, options);

    return this.each(function () {

        var $el = $(this);

        var autoPlay = "";
        var showRelated = "&rel=0";
        var fullScreen = "";
        var showInfo = "&showinfo=0";

        if (options.autoPlay) autoPlay = "&autoplay=1";
        if (options.showRelated) showRelated = "&rel=1";
        if (options.allowFullScreen) fullScreen = "&fs=1";

        var YTtitle = '';
        var YTDesc = '';

        //grab a youtube id from a (clean, no querystring) url (thanks to http://jquery-howto.blogspot.com/2009/05/jyoutube-jquery-youtube-thumbnail.html)
        function youtubeid(url) {
            var ytid = url.match("[\\?&]v=([^&#]*)");
            ytid = ytid[1];
            return ytid;
        };



        //
        $el.children('li').each(function () {
            $(this).find('a').each(function () {
                var thisHref = $(this).attr('href');

                //old-style youtube links
                if (thisHref.startsWith('http://www.youtube.com')) {
                    $(this).addClass('yt-vid');
                    $(this).data('yt-id', youtubeid(thisHref));
                }
                //new style youtu.be links
                else if (thisHref.startsWith('http://youtu.be')) {
                    $(this).addClass('yt-vid');
                    var id = thisHref.substr(thisHref.lastIndexOf("/") + 1);
                    $(this).data('yt-id', id);
                }
                else {
                    //must be an image link (naive)
                    $(this).addClass('img-link');
                }

                // alert(thisHref);
            });
        });


        //load video on request
        $el.children("li").children("a.yt-vid").click(function () {
           
            if (options.showInline) {
                $("li.currentvideo").removeClass("currentvideo");
                $(this).parent("li").addClass("currentvideo").html(playOld($(this).data("yt-id")));
            }
            else {
                $(this).parent().parent("ul").find("li.currentvideo").removeClass("currentvideo");
                $(this).parent("li").addClass("currentvideo");

                YTtitle = $(this).parent().parent("ul").find("li.currentvideo").children("a").text();
                YTDesc = $(this).parent().parent("ul").find("li.currentvideo").children("span").text();

                $("#" + options.holderId + "").html(playOld($(this).data("yt-id")));

                $(this).parent().parent("ul").find("li").show();
                $(this).parent().parent("ul").find("li.currentvideo").hide();
            }
            return false;
        });

        $el.find("a.img-link").click(function () {
            var $img = $('<img/>');
            $img.attr({
                src: $(this).attr('href')
            })
		        .css({
		            display: 'none',
		            position: 'absolute',
		            left: '0px',
		            top: '50%'
		        });

            if (options.showInline) {
                $("li.currentvideo").removeClass("currentvideo");
                $(this).parent("li").addClass("currentvideo").html($img);
            }
            else {

                $("#" + options.holderId + "").html($img);
                $(this).closest("ul").find("li.currentvideo").removeClass("currentvideo");
                $(this).parent("li").addClass("currentvideo");
                $(this).closest("ul").find("li").show();
                $(this).closest("ul").find("li.currentvideo").hide();
            }

            //wait for image to load (webkit!), then set width or height
            //based on dimensions of the image
            setTimeout(function () {
                if ($img.height() < $img.width()) {
                    $img.width(options.playerWidth).css('margin-top', parseInt($img.height() / -2, 10)).css({
                        height: 'auto'
                    });
                }
                else {
                    $img.css({
                        height: options.playerHeight,
                        width: 'auto',
                        top: '0px',
                        position: 'relative'
                    });
                }
                $img.fadeIn();
            }, 100);


            return false;
        });


        //do we want thumns with that?
        if (options.addThumbs) {

            $el.children().each(function (i) {

                //replace first link
                var $link = $(this).find('a:first');
                //var replacedText = $(this).text();
                var replacedText = $(this).children("a").text();

                if ($link.hasClass('yt-vid')) {

                    if (options.thumbSize == 'small') {
                        var thumbUrl = "http://img.youtube.com/vi/" + $link.data("yt-id") + "/2.jpg";
                    }
                    else {
                        var thumbUrl = "http://img.youtube.com/vi/" + $link.data("yt-id") + "/0.jpg";
                    }

                    var thumbHtml = "<img src='" + thumbUrl + "' alt='" + replacedText + "' />";
                    $link.empty().html(thumbHtml + replacedText).attr("title", replacedText);
                }
                else {
                    //is an image link
                    var $img = $('<img/>').attr('src', $link.attr('href'));
                    $link.empty().html($img).attr("title", replacedText);
                }

            });

        }

        //load initial video

        var firstVid = $el.children("li:first-child").addClass("currentvideo").children("a").click();

        //throw a youtube player in
        function playOld(id) {
            var html = '';

            html += '<object height="' + options.playerHeight + '" width="' + options.playerWidth + '">';
            html += '<param name="movie" value="http://www.youtube.com/v/' + id + autoPlay + showRelated + fullScreen + showInfo + '"> </param>';
            html += '<param name="wmode" value="transparent"> </param>';

            if (options.allowFullScreen) {
                html += '<param name="allowfullscreen" value="true"> </param>';
            }

            html += '<embed src="http://www.youtube.com/v/' + id + autoPlay + showRelated + fullScreen + showInfo + '"';

            if (options.allowFullScreen) {
                html += ' allowfullscreen="true" ';
            }

            html += 'type="application/x-shockwave-flash" wmode="transparent"  height="' + options.playerHeight + '" width="' + options.playerWidth + '"></embed>';
            html += '<br class="clearfloat" /><div id="YT1stTitle"><span class="YTTitle">' + YTtitle + '</div><div id="YT1stDesc">' + YTDesc + '</div>';
            html += '</object>';
            //html += '<br class="clearfloat" /><div id="YT1stTitle"><span class="YTTitle">' + YTtitle + '</div><div id="YT1stDesc">' + YTDesc + '</div>';

            return html;
        };


        function playNew(id) {
            var html = '';
            html += '<iframe width="' + options.playerWidth + '" height="' + options.playerHeight + '"';
            html += ' src="http://www.youtube.com/embed/' + id + '" frameborder="0"';
            hml += ' allowfullscreen></iframe>';
        }
    });

};