JQ(document).ready(
	function()
	{       
		var currentID = "";
		if (JQ.address.parameter("id"))
		{
			currentID = JQ.address.parameter("id");
		}
		
		JQ(".carousel-athlete").jCarouselLite(
			{
				btnNext: "#athletes .next",
				btnPrev: "#athletes .prev",
				indicator: "#athletes-nav .nav-indicator ul",
				visible: 4,
				scroll: 4,
				circular: false,
				clickCounter: "Globals.athleteNavCounter",
				afterEnd:function(a)
				{
					JQ("#athletes-nav .nav-indicator li").removeClass("current");
					JQ("#athletes-nav .nav-indicator li." + Globals.athleteNavCounter).addClass("current");
				}
			}
			);
			
		JQ("#athletes-nav .nav-indicator ul li.1").addClass("current");
		
		ManU.setCSS();
		ManU.linkOverlays();
		ManU.setupTouts();
		ManU.feedToggle();
		
			
		if(currentID != "")
		{
			ManU.showOverlay("#" + currentID);
			
			if(currentID.indexOf("reporter") > -1)
			{
			ManU.showProfileFeeds(currentID);
			}
		}
		
	}
	);
	
var Globals = {
	vidNavCounter: 1,
	athleteNavCounter: 1,
	tweetCount: 1,
	flickrCount: 5,
	youtubeCount: 4,
	selectedReporter: "",
	imgPathPrefix: "/nikefootball/content/features/manu/"
}

var ManU = {
	showProfileFeeds: function(id)
	{
		Globals.selectedReporter = id;
		ManU.prepFeed("twitter");
		ManU.prepFeed("flickr");
		ManU.prepFeed("youtube");
		// currentID = "";
		// ManU.selectedReporter = "";
		JQ(".reporter-box .feeds .content").hide();
	},
	
	setCSS: function()
	{
		JQ(".people-row h2").next().children("div").addClass("first");
		
		JQ("#athletes li:first-child").addClass("first");
		JQ("#athletes .carousel-athlete").css("width","870px");
		
		JQ(".popup .athlete-box").hide();
		JQ(".popup .reporter-box").hide();
		JQ("#content-overlay").hide();
		
		JQ(".close").mouseover(function(){
			JQ(this).children().children("img").attr("src",Globals.imgPathPrefix + "images/assets/close_button_over.png");
		}).mouseout(function(){
			JQ(this).children().children("img").attr("src",Globals.imgPathPrefix + "images/assets/close_button.png");
		});
		
		// reporter overlay
		JQ(".reporter-box .feeds").children(".clear").prev().attr("style", "background: none;");
	},
	
	linkOverlays: function()
	{
		JQ("#athletes li div").click(function()
		{
			var thumbID = JQ(this).parent("a").attr("rel");
			ManU.showOverlay("#" + thumbID);
		
			JQ(this).parent("a").address();
			ManU.track("profile_" + thumbID);

		});
		
		
		JQ("#reporters a").click(function()
		{
			//ManU.track("fan_reporter");
			var thumbID = JQ(this).attr("rel");
			ManU.showOverlay("#" + thumbID);

			ManU.showProfileFeeds(thumbID);
		});

		JQ(".popup .close a").click(
			function()
			{
				JQ(this).address();
				JQ(this).parent().parent().children().fadeOut();
				JQ(this).parent().parent().animate({ 
					width:"1px", height: "1px"
					}, 500, "swing", function(){ JQ(this).fadeOut("fast"); });
				
				JQ("#content-overlay").fadeOut();
				
			}
			);
	},
	
	showOverlay: function(id)
	{
		if (JQ(id).length>0)
		{
			JQ("#content-overlay").fadeIn();
			JQ(id).children().hide();
			JQ(id).fadeIn("fast").animate({ 
				width:"827px", height: "500px"
				}, 500, "swing", function(){ JQ(id).children().fadeIn(); });
			
			JQ.scrollTo(id);
		}
	},
	
	setupVidThumbs: function()
	{
		// css
		JQ("#carousel li:first-child").addClass("first");
		JQ("#carousel .carousel").css("width","870px");
		
		JQ("#carousel li").hover(
			function()
			{
				JQ(this).find(".thumb").animate({height: "75px"}, "fast", "swing").addClass("thumb-over");
			},
			function()
			{
				JQ(this).find(".thumb").animate({height: "112px"}, "fast", "swing").removeClass("thumb-over");
			});
			
	   JQ(".carousel .thumb a").click(function() {
			//JQ(this).address();
			
			//var guid = JQ(this).attr("href").replace("#?guid=", '');
			var guid = JQ(this).attr("href").split("guid=")[1];
			
			var pageName = "";
			getVideo(guid);
			JQ.scrollTo("#flashContent");
			
			/* video tracking */
			switch(guid)
			{
			case "58a2e703-028e-ad87-aed4-7548a8770d80_id969":
				pageName ="trailer_pretour";
				break;
			  
			case "db0cc898-3ee5-a09e-c973-c1ee0e0cc0e3_id969":
				pageName ="video_young_guns_on_tour";
				break;
			  
			case "e70f8847-f11e-add0-7eae-aa21813fdfb4_id969":
				pageName = "video_midfield_maestros";
				break;
				
			case "7f687070-1850-dc0d-4924-1c632d3370a3_id969":
				pageName = "video_forward_momentum";
				break;
				
			case "db4d7197-225a-51a5-8b8d-1f7d09f8b3a5_id969":
				pageName = "video_world_of_talent";
				break;
				
			case "ee53ada4-e9e6-531c-3ba1-b21c8797481d_id969":
				pageName = "video_architect";
				break;
				
			case "923d0dd7-a6f3-79f9-59b9-7458c6ca44eb_id969":
				pageName = "video_between_the_sticks";
				break;
				
			default:
				pageName = "";
			}
			
			if (pageName != "")
			{
			ManU.track(pageName);
			}
	   });
				
	},
	
	setupTouts: function()
	{
		JQ("#touts .tout .tout-on").hide();
		JQ("#touts .tout a").hover(
		function()
		{
			JQ(this).find(".tout-off").hide().parent().find(".tout-on").show();
		},
		function()
		{
			JQ(this).find(".tout-on").hide().parent().find(".tout-off").show();
		}
		);
		
		JQ("#touts .tout a").click(function(){
			ManU.track("manutd_dot_com");
		});
	},
	
	loadVideos: function(vidPath)
	{
		if (vidPath != "")
		{
		JQ.getJSON(vidPath, function(data){
		  JQ.each(data.items, function(i,item){
			var parentDiv = JQ("<div />");
			parentDiv.attr("class", "thumb");
			parentDiv.attr("style", "background: transparent url('" + item.thumb + "') no-repeat top left; height: 112px; display: block;");
			
			var imgOverlay = JQ("<img />");
			imgOverlay.attr("src", Globals.imgPathPrefix + "images/assets/vid_thumb_overlay.png");
			imgOverlay.attr("alt", item.title);
			imgOverlay.attr("title", item.title);
			imgOverlay.attr("width", "204");
			imgOverlay.attr("height", "112");
			
			var copyDiv = JQ("<div />");
			copyDiv.attr("class", "copy");
			copyDiv.html(item.title);
			
			parentDiv.append("<a href='#?guid=" + item.guid + "' rel='address:/#?guid=" + item.guid + "'></a>").children("a").append(imgOverlay);
			
			var thumbItem = JQ("<li />").append(parentDiv).append(copyDiv);
			
			JQ(".carousel ul").append(thumbItem);
	
		  	});
		  	
		  	if ( JQ(".carousel ul").children().size() > 0 )
			{
				ManU.initVidCarousel();

			}
		  
		  });
		
		}
	},
	
	initVidCarousel: function()
	{
		// initiate carousel 	
		JQ(".carousel").jCarouselLite(
		{
			btnNext: "#carousel .next",
			btnPrev: "#carousel .prev",
			indicator: "#video-nav .nav-indicator ul",
			visible: 4,
			scroll: 4,
			circular: false,
			clickCounter: "Globals.vidNavCounter",
			afterEnd:function(a)
			{
				JQ("#video-nav .nav-indicator li").removeClass("current");
				JQ("#video-nav .nav-indicator li." + Globals.vidNavCounter).addClass("current");
			}
		});
		
		JQ("#video-nav .nav-indicator ul li.1").addClass("current");
		
		ManU.setupVidThumbs();
	},
	
	track: function(pageName)
	{
		if (pageName != "")
		{
		tracking.track({pageName: "earn_the_shirt>" + pageName});
		}
	},
	
	feedToggle: function()
	{
		JQ(".reporter-box .feed h3").click(
			function()
			{
				if (JQ(this).parent().hasClass("open"))
				{
					JQ(this).parent().removeClass("open").find(".content").slideUp();	
				}
				else
				{
					JQ(this).parent().parent().children(".open").find(".content").slideUp().parent().removeClass("open");
					JQ(this).parent().addClass("open").find(".content").slideDown();
				}
				
				return false;
			}
		);
	},
	
	prepFeed: function(networkType)
	{
		// reporterID - profile div id
		// networkType - "twitter", "blog", "youtube", "flickr"
		
		var reporterID = Globals.selectedReporter;
		
		if(reporterID != "" && networkType != "")
		{
			// check that this feed hasn't already been loaded
			var newLoad = JQ("#" + reporterID).find("." + networkType).hasClass("loading");
			
			
			if (newLoad)
			{
				// get username for this social network
				var elementID = "#" + reporterID + "_" + networkType;
				var username = JQ(elementID).text();
				username = username.replace(" ", "");
				switch(networkType)
				{
				case "twitter":
					ManU.setupTwitter(username);
					JQ("#" + reporterID).find(".twitter h3").click();
					break;
				
				case "flickr":
					ManU.setupFlickr(username);
					break;
				
				case "youtube":
					ManU.setupYoutube(username);
					break;
				}
			}
		
		
		}
	},
	
	setupBlog: function(feedUrl)
	{
		var scriptTag = JQ(document.createElement('script'));
		scriptTag.attr('type', 'text/javascript').attr('src', feedUrl);
		
		JQ("head").append(scriptTag);
		
	},
	
	setupYoutube: function(username)
	{
		var feedUrl = "http://gdata.youtube.com/feeds/api/users/" + username + "/uploads?v=2&max-results=" + Globals.youtubeCount + "&alt=json-in-script&format=5&callback=ManU.populateVideo";
		
		var scriptTag = JQ(document.createElement('script'));
		scriptTag.attr('type', 'text/javascript').attr('src', feedUrl);
		
		JQ("head").append(scriptTag);
	},
	
	populateVideo: function(obj)
	{
		var entry = obj.feed.entry;
		
		var vidHolder = JQ("#" + Globals.selectedReporter).find(".youtube").find(".body");
		
		for(var i=0; i < entry.length; i++){
			
			var img = JQ("<img/>").attr("src", Globals.imgPathPrefix + "images/assets/youtube_overlay_120x90.png").attr("alt", entry[i].title.$t).attr("title", entry[i].title.$t)
			.wrap("<a href='" + entry[i].media$group.media$content[0].url + "'></a>");
			
			var divHolder = JQ("<div/>").attr("style", "background: transparent url('" + entry[i].media$group.media$thumbnail[3].url + "') no-repeat top left;").append(img);
			
			var link = JQ("<a/>").attr("href",entry[i].link[0].href).attr("title", 
			entry[i].title.$t).attr("target", "_blank").append(divHolder);
			
			JQ(vidHolder).append(link);
		}
		
		JQ(vidHolder).append("<div class=\"clear\"></div>").parent().parent().removeClass("loading");
	
	},
	
	setupFlickr: function(username)
	{
		//get auto-generated username to pull flickr feed
		appUserName = "";
		
		switch(username)
		{
			case "manutd.korea":
				appUserName = "39375913@N05";
				break;
				
			case "manutd.china":
				appUserName = "39395338@N06";
				break;
				
			case "manutd.indonesia":
				appUserName = "39450564@N05";
				break;
				
			case "manutd.malaysia":
				appUserName = "39477951@N04";
				break;
				
			default:
				appUserName = "";
		}
		
		if (appUserName != "")
		{
			JQ.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=" + appUserName + "&lang=en-us&format=json&jsoncallback=?", 
			function(data){
				var imageHolder = JQ("#" + Globals.selectedReporter).find(".flickr").find(".body");
				
				counter = 0;
				JQ.each(data.items, function(i,item){
					smallImage = (item.media.m).replace("_m", "_s");
					
					if (counter <= Globals.flickrCount)
					{
					JQ("<img/>").attr("src", smallImage).attr("alt", item.title).attr("title", item.title).appendTo(imageHolder)
				  	.wrap("<a href=\"" + item.link + "\" target=\"_blank\"></a>");
				  	}
				  	
				  	counter++;
			  	});
			  	
			  	JQ(imageHolder).parent().parent().removeClass("loading");
			});
		}
		
	},
	
	setupTwitter: function(username)
	{
		var feedUrl = "http://twitter.com/statuses/user_timeline/" + username + 
		".json?callback=ManU.populateNews&count=" +
		Globals.tweetCount;
		
		var scriptTag = JQ(document.createElement('script'));
		scriptTag.attr('type', 'text/javascript').attr('src', feedUrl);
		
		JQ("head").append(scriptTag);
	},
	
	populateNews: function(obj)
	{
		var html = "";
		
		for(var i=0; i < obj.length; i++){
			html += "<img class=\"profile\" src=\"" + obj[i].user["profile_image_url"] + "\" alt=\"" + obj[i].user["screen_name"] + "\" /><p class=\"tweet\">" + obj[i].text + "</p>" +
			"<p class=\"date\">" + obj[i].created_at + "</p>";
		}
	
		
		JQ("#" + Globals.selectedReporter).find(".twitter").removeClass("loading").find(".body").append(html);
	}
};

function getVideo(guid)
{
if (document.getElementById("ToutShell"))
	document.getElementById("ToutShell").getVideo(guid);
}