var selectedInjury = null;
var youtubeContent = "";
var flickrContent = "";
var twitterContent = "";
var communityLoaded = 0;

$(document).ready(function()
{
    //youtube
	$("#youtube .container, #flickr .container").css("marginTop","0px")

    $('#toptentips li h3, .trainingaims .aim h4, .choosing .which h3').each(function()
    {
        $(this).html('<a href="#">' + $(this).html() + '</a>');
    })

    $('#toptentips li .body, .trainingaims .aim .body, .choosing .which .body').each(function(i)
    {
        if (i > 0)
        {
            $(this).addClass('hidden');
        }
    })

    $('#toptentips li h3 a, .trainingaims .aim h4 a, .choosing .which h3 a').click(function()
    {
        var ref = $(this).parent().parent().children('.body');
        var parentContainer = $(this).parent().parent();

        if (ref.hasClass('hidden') == true)
        {
            ref.removeClass("hidden");
        }
        else
        {
            ref.addClass("hidden");
        }

        return false;
    })

    $('.enhanced').each(function()
    {
        $(this).html($(this).html().replace("<!--", "").replace("-->", ""));
    })

    //
    $('#issues').css('display', 'none');

    $('#injuredman a').hover(function()
    {
        if (selectedInjury)
        {
            $('#injuriescontent').removeClass(selectedInjury);
        }
        $('#injuriescontent').addClass($(this).attr('href').split('#')[1]);
    }, function()
    {
        $('#injuriescontent').removeClass($(this).attr('href').split('#')[1]);
        if (selectedInjury)
        {
            $('#injuriescontent').addClass(selectedInjury);
        }
    }).click(function()
    {
        selectedInjury = $(this).attr('href').split('#')[1];
        $('#injuryinfo').css('display', 'none');
        $('#injuryselected').html($('#' + selectedInjury).html());
        return false;
    })

    //
    $('#trainingprograms, #programme, #progfoot').css('display', 'none');

    var displayprogramme = function()
    {
        var distance = $('input[name=rdistance]:checked').attr('id');
        var level = $('input[name=rlevel]:checked').attr('id');
        var infoPanel = $('#selectdis');
        infoPanel.hide();

        if (!distance && level)
        {
            $('#training h3').html('Now select a distance');
            infoPanel.show();
        }
        else if (distance && !level)
        {
            $('#training h3').html('Now select a level');
            infoPanel.html('Please select a level').show();
        }
        else if (!distance && !level)
        {
            $('#training h3').html('Select a level and distance to display your training programme')
        }
        else
        {
            $('#training h3').html('Select another level or distance to display your training programme')
        }

        if ($('#' + level + distance).length)
        {
            $('#programmedetail').html($('#' + level + distance).html());
            $('#progfoot a').attr('href', $('#' + level + distance + ' h4 a').attr('href'));

            $('#programme, #progfoot').css('display', 'block');
            $(window).scrollTo($('#programme'), 800);
        }
    }

    $('#distance input.radio, #level input.radio').click(function() { displayprogramme(); })
    displayprogramme();

    // ADD HOVER EFFECT TO SEARCH BTN (IE6)
    $('#btnSearch').hover(function()
    {
        $(this).addClass('hover');
    },
	function()
	{
	    $(this).removeClass('hover');
	});

    //lightbox
	if($("#flickr").length)
	{
		$("#flickr .featured a, #flickr .morebox a, #flickr .morebox .newcontent a").lightBox({
			overlayBgColor: "#333",
			overlayOpacity: 0.9,
			imageLoading: "/running/_assets/images/lightbox-ico-loading.gif",
			imageBtnClose: "/running/_assets/images/lightbox-btn-close.gif",
			imageBtnPrev: "/running/_assets/images/lightbox-btn-prev.gif",
			imageBtnNext: "/running/_assets/images/lightbox-btn-next.gif",
			imageBlank: "/running/_assets/images/lightbox-blank.gif"
		});
	}

    twitStartHeight = $("#twitter .morebox dl:first").height() + $("#twitter .morebox dl").eq(1).height() + 55 + "px";
    tubeStartHeight = $("#youtube .morebox dl:first").height() + $("#youtube .morebox dl").eq(1).height() + 45 + "px";
	
//	if($("#flickr .morebox").text().indexOf("emptyfeederr") != -1) $("#flickr").addClass("hide");
	
	$("#flickr").lazyload('getContent', {
		url:"/running/jsp/flickr.jsp?load=false",
		text:"photos",
		contentName:"flickrContent",
		isYouTube: false, 
		startHeight: flikStartHeight,
		amountShown:9
	});
	
//	if($("#twitter .morebox").text().indexOf("emptyfeederr") != -1) $("#twitter").addClass("hide");

	$("#twitter").lazyload('getContent', {
		url:"/running/jsp/twitter.jsp?load=false",
		text:"tweets",
		contentName:"twitterContent",
		isYouTube: false, 
		startHeight: twitStartHeight,
		amountShown:3
	});

	
//	if($("#youtube .morebox").text().indexOf("emptyfeederr") != -1) $("#youtube").addClass("hide");
			
	$("#youtube").lazyload('getContent', {
		url:"/running/jsp/youtube.jsp?load=false",
		text:"videos",
		contentName:"youtubeContent",
		isYouTube: true, 
		startHeight: tubeStartHeight,
		amountShown:3
	});
		
});

function scrollers(action, current)
{
	if(action=="close")
	{
		var scrollUp = $("#community").find(".up");
		var scrollDown = $("#community").find(".down");
		scrollUp.slideUp(250);
		scrollDown.slideUp(250);
	}
	else
	{
		var scrollUp = $("#community").find("#"+current).find(".up");
		var scrollDown = $("#community").find("#"+current).find(".down");
		scrollUp.slideDown(250);
		scrollDown.slideDown(250);
	}
}

/**
jQuery plugin checks for lazyload
*/
jQuery.fn.lazyload = function(func, arg) {
    var path = '/running/_assets/js/' + func + '.js';
    var status = "";
    var $that = $(this);
    var func = func;
    var needToLoadScript = true;
	
    $that.each(function() {
        if (needToLoadScript) {
            $.ajax({
                url: path,
                type: "GET",
                dataType: "script",
                cache: true,
                success: function() {
                    $that.each(function() {
                        var strFn = "jQuery.fn." + func;
                        eval(strFn).apply($(this), new Array(arg));
                    })
                }
            });
        }
        needToLoadScript = false;
    })
}

var ytplayer;
var vidPlayId;
var moreBoxClicked = false;
var playerState;

function onYouTubePlayerReady()
{
    ytplayer = document.getElementById("myytplayer");
    ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
}

function onytplayerStateChange(newState)
{
    if (newState == -1)
    {
        loadNewVideo(vidplayId, 0);
    }
    if (newState == 5 && !($("#player").hasClass("hidden")))
    {
        ytplayer.playVideo();
    }

    playerState = newState;
}

function fireUpPlayer(id)
{
    var params = { allowScriptAccess: "always", bgcolor: "#cccccc", wMode: "transparent", allowFullScreen: true };
    var atts = { id: "myytplayer" };
    swfobject.embedSWF("http://www.youtube.com/v/" + id + "&amp;border=0&amp;enablejsapi=1&amp;playerapiid=ytplayer&amp;fs=1",
                             "ytapiplayer", "270", "203", "8", null, null, params, atts); 
}

function cueNewVideo(id, startSeconds)
{
    if (ytplayer)
    {
        ytplayer.cueVideoById(id, startSeconds);
    }
}

function loadNewVideo(id, startSeconds)
{
    if (ytplayer)
    {
		ytplayer.loadVideoById(id, startSeconds);
    }
}

var playerInitiated = false;

$.fn.videoSetUp = function()
{
    $(this).click(function(e)
    {
        e.preventDefault();
		youtubeFutureState = "video";
        moreBoxClicked = false;
        var vidId = $(this).attr("href").split("v=")[1];

        if ($("#player").hasClass("hidden"))
        {
            playerInitiated = true;
            $("#youtube .morecomm").click();
            $("#player").removeClass("hidden");
			fireUpPlayer(vidId);
			if (playerState == 5 && $.browser.msie) ytplayer.playVideo();
        }
        else
        {
            vidplayId = vidId;
            if (ytplayer) loadNewVideo(vidplayId, 0);
        }

        //switch details to main video player
        var parentElm = $(this).parents("dl");

        $("#videodetails .title").html(parentElm.find(".title").html());
        $("#videodetails .user").html(parentElm.find(".user").html());
        $("#videodetails .rating").html(parentElm.find(".rating").html());
        $("#videodetails .views").html(parentElm.find(".views").html());

    });
}

var tCurPos = "0px";
var fCurPos = "0px";
var yCurPos = "0px";
var yState = 0;
var youtubeCurrentState = "initial";
var youtubeFutureState = "initial";

function setCurrentPositions()
{
	if(!($("#twitter .morecomm").hasClass("closed")))
	{
		tCurPos = $("#twitter .morebox").css("marginTop");
	}
	if(!($("#youtube .morecomm").hasClass("closed")))
	{
		yCurPos = $("#youtube .morebox").css("marginTop");
	}
	if(!($("#flickr .morecomm").hasClass("closed")))
	{
		fCurPos = $("#flickr .morebox").css("marginTop");
	}
}

$.fn.closeAll = function()
{
    $(this).each(function()
    {
		setCurrentPositions();
        var name = $(this).find(".morecomm").text().split(" ")[1];
		scrollers("close");
		
		$(this).find(".morecomm").text("More " + name);
		
        $(this).find(".morecomm").addClass("closed");
        $(this).find(".wrapper").animate({
            height: "0px"
        }, 400);
    });
}

var twitStartHeight = "";
var flikStartHeight = "116px";
var tubeStartHeight = "";

$.fn.resetAll = function()
{
    $(this).each(function()
    {
        var sHeight = "0px";
        var sPos = $(this).find(".morebox").css("marginTop");
		
		//setCurrentPositions();
        switch ($(this).attr("id"))
        {
            case "twitter":
                sHeight = $("#twitter .morebox dl:first").height() + $("#twitter .morebox dl").eq(1).height() + 55 + "px";
                break;
            case "youtube":
                sHeight = $("#youtube .morebox dl:first").height() + $("#youtube .morebox dl").eq(1).height() + 45 + "px";
                break;
            case "flickr":
                sHeight = flikStartHeight;
                break;
        }
		
		
        var name = $(this).find(".morecomm").text().split(" ")[1];

        //reset margin top - store margin for reopening
        $(this).find(".morebox").css("marginTop", "0px");
		scrollers("close");
		
		
       /* $(this).find(".morecomm").text("More " + name).addClass("closed");*/
        $(this).find(".wrapper").animate({
            height: sHeight
        }, 400);
    });
}

$.fn.headingLink = function()
{
	$(this).each(function(){
		var relatedLink = $(this).parents(".community").find(".morecomm");
		$(this).wrapInner('<a href="#"></a>').click(function(e){
			e.preventDefault();
			relatedLink.trigger("click");
		});
	});
}

$.fn.showMore = function(name, content, isYouTube, startHeight)
{
	var stubcontent = eval(content);

    $("#community").css("paddingBottom", "0");
    var wrappa = $(this).find(".wrapper");
    var morebox = $(this).find(".morebox");
    var boxheight = $(this).find(".morebox").height();
    var wrapperheight = wrappa.height();
    var scrollUp = $(this).find(".up");
    var scrollDown = $(this).find(".down");

    var boxheightStore = boxheight;
    var wrapperheightStore = wrapperheight;

    var startHeight = startHeight;
    wrappa.height(startHeight);

    var currentPos = 0;

	//do this once all three communitys have loaded
	if(communityLoaded == 3)
	{
		$(".community h4").headingLink();
		$(".loadingmore").remove();
		$("#youtube dl .inplay").videoSetUp();
		$('#footerMain').addClass('IEredraw');
		$('#listHolder').addClass('IEredraw');
	}
	
    $(this).find(".morecomm").click(function(e)
    {
        e.preventDefault();
		
        var inPlay = playerInitiated == true ? true : false;
		setCurrentPositions();
			
		if ($(this).hasClass("closed"))
		{
			youtubeCurrentState = "initial";
			if(inPlay)
			{
				youtubeFutureState = "video";
			}
			else
			{
				youtubeFutureState = "expanded";
			}
		}
		else
		{
			if($("#player").hasClass("hidden"))
			{
				youtubeCurrentState = "expanded";
				if(inPlay)
				{
					youtubeFutureState = "video";
				}
				else
				{
					youtubeFutureState = "initial";
				}
			}
			else
			{
				youtubeCurrentState = "video";
				youtubeFutureState = "initial";
			}
		}
		
		switch (youtubeCurrentState)
        {
            case "video":
				yState = 1;
				break;
			case "expanded":
				yState = 0;
				break;
			case "initial":
				yState = yState;
				break;
		}
		
		/*here*/
		
		if (playerInitiated == true)
        {
            var nHeight = $("#youtube .morebox dl:first").height() + $("#youtube .morebox dl").eq(1).height() + 30;
			$("#youtube").addClass("mini");
            boxheight = nHeight;
            wrapperheight = nHeight;
            playerInitiated = false;
        }
        else
        {
			$("#youtube").removeClass("mini");		
            boxheight = boxheightStore;
            wrapperheight = wrapperheightStore;
        }

        switch (name)
        {
            case "videos":
				if(yState == 1 && youtubeFutureState == "video") //small
				{
					currentPos = yCurPos;
				}
				else if(yState == 0 && youtubeFutureState == "video") //big
				{
					if((parseInt(yCurPos) >= -245))
					{
						currentPos = "0px";
					}
					else
					{
						currentPos = (parseInt(yCurPos) - 245) + "px";
					}
				}
				else if(yState == 1 && youtubeFutureState == "expanded")
				{
					if(parseInt(yCurPos) <= -245)
					{
						currentPos = (parseInt(yCurPos) + 245) + "px";
					}
					else
					{
						currentPos = "0px";
					}
					
				}
				else if(yState == 0 && youtubeFutureState == "expanded")
				{
					currentPos = yCurPos;
				}
                break;
            case "photos":
                currentPos = fCurPos;
                break;
            case "tweets":
                currentPos = tCurPos;
                break;
        }
				 
        if (ytplayer)
        {
            moreBoxClicked = true;
            $("#player").addClass("hidden");
            if (playerState == 1)
            {
                ytplayer.stopVideo();
            }
        }

        scrollDown.css({
            "position": "absolute",
            "bottom": "-1px"
        });

        var scrollerHeight = scrollUp.height() * 2;

        if ($(this).hasClass("closed") || inPlay == true)
        {
			var parentId = $(this).parent(".community").attr("id");

            inPlay = false;
           
			$("#community .community:not('#" + $(this).parent().attr('id') + ")").closeAll();

            $(this).text("Less " + name).removeClass("closed");

			if(parentId=="flickr")
			{
				var setHeight = wrapperheight + scrollerHeight - 5 + "px";//95
			}
			else if(parentId =="youtube")
			{
				var setHeight = wrapperheight + scrollerHeight + 10 + "px";//85
			}
			else
			{
				var setHeight = wrapperheight + scrollerHeight + 10 + "px";//48
            }
			
			wrappa.animate({
                height: setHeight
				}, 400,
				function()
				{
					scrollers("open",parentId);
					morebox.css("marginTop", currentPos);
            });
        }
        else
        {
			var parentId = $(this).parent().attr("id");
			
            $(this).text("More " + name);
			
			$(this).addClass("closed");
			
			$("#community .community:not('#" + $(this).parents(".community").attr("id") + "')").resetAll();
		
            wrappa.animate({
					height: startHeight
				},400, function()
				{
					scrollers("close", parentId);
					setCurrentPositions();
					morebox.css("marginTop", "0px");
            });
        }
       if ($(this).parent().find(".newcontent").length == 0)
        {
            morebox.append(stubcontent);
            if ($(this).parents("#flickr").length > 0)
            {
                $("#flickr .newcontent a, #flickr .morebox a").lightBox({
                    overlayBgColor: "#333",
                    overlayOpacity: 0.9,
                    imageLoading: "/running/_assets/images/lightbox-ico-loading.gif",
                    imageBtnClose: "/running/_assets/images/lightbox-btn-close.gif",
                    imageBtnPrev: "/running/_assets/images/lightbox-btn-prev.gif",
                    imageBtnNext: "/running/_assets/images/lightbox-btn-next.gif",
                    imageBlank: "/running/_assets/images/lightbox-blank.gif"
                });
            }
            else if ($(this).parents("#youtube").length > 0)
            {
                $("#youtube .newcontent dl .inplay, #youtube dl.newvid .inplay").videoSetUp();
            }
        }
    });
	
    scrollDown.click(function(e)
    {
        e.preventDefault();
        if ($(this).find("a").hasClass("disabled") == true || $(this).hasClass("clicked") == true) return false;
        $(this).addClass("clicked");
        scrollUp.find("a").removeClass("disabled");

		var newContHeight = $(this).parents(".wrapinner").find(".newcontent").height();
		
		var playerOn = false;
		if(!($("#player").hasClass("hidden")) && $(this).parents("#youtube"))
		{
			playerOn = true;
			newContHeight = $(this).parents(".wrapinner").find(".morebox").height() - boxheight;
		}
		
        var mTop = parseInt(morebox.css("marginTop"));
        var heightRemaining = newContHeight + mTop;
        var marginAdj;
				
        if (heightRemaining > boxheight)
        {
            marginAdj = "-" + (boxheight - mTop) + "px";
        }
        else
        {
            marginAdj = "-" + (heightRemaining - mTop) + "px";
            $(this).find("a").addClass("disabled");
        }
        morebox.animate({
            marginTop: marginAdj
        }, 800, function()
        {
            scrollDown.removeClass("clicked");
        });
        switch ($(this).parents(".community").attr("id"))
        {
            case "youtube":
				yCurPos = mTop + "px";
                break;
            case "flickr":
                fCurPos = mTop + "px";
                break;
            case "twitter":
                tCurPos = mTop + "px";
                break;
        }
    });
    scrollUp.click(function(e)
    {
        e.preventDefault();
        if ($(this).find("a").hasClass("disabled") == true || $(this).hasClass("clicked") == true) return false;
        $(this).addClass("clicked");
        scrollDown.find("a").removeClass("disabled");

        var mTop = parseInt(morebox.css("marginTop"));
        var marginAdj;
        if (mTop < 0)
        {
            if (mTop < (-boxheight))
            {
                marginAdj = (mTop + boxheight) + "px";
            }
            else
            {
                marginAdj = "0px";
                $(this).find("a").addClass("disabled");
            }
            morebox.animate({
                marginTop: marginAdj
            }, 800, function()
            {
                scrollUp.removeClass("clicked");
            });
        }
        else
        {
            return false;
        }
        switch ($(this).parents(".community").attr("id"))
        {
            case "youtube":
                yCurPos = mTop + "px";
                break;
            case "flickr":
                fCurPos = mTop + "px";
                break;
            case "twitter":
                tCurPos = mTop + "px";
                break;
        }
    });

}