/* GLOBALS */
	MARQUEE_IS_ACTIVE = 1;
	MARQUEE_ACTIVE_INDEX = 0; 
	MARQUEE_SPEED = 750; 
	NUM_TWEETS_DISPLAYED = 10;
/* END GLOBALS */

$("document").ready(function(){
	
	/* HEADLINE MARQUEE */
	updateMarquee = function(){
		if(MARQUEE_IS_ACTIVE)
		{
			MARQUEE_ACTIVE_INDEX += 1;
			
			marqueeWrapper = $(".marqueeBox .marqueeWrapper");
			marqueeBoxItem = $(".marqueeBox").children();
			marqueeItems = $(".headlineMarquee .marqueeSource ul").children();
			marqueeItem = $(marqueeItems[MARQUEE_ACTIVE_INDEX]).html();
			
			if (marqueeItem == undefined) {
				marqueeItem = $(marqueeItems[0]).html();
				MARQUEE_ACTIVE_INDEX = 0;
			}
			
			marqueeWrapper.append("<div class=\"marqueeItem\">" + marqueeItem + "</div>");
			
			marqueeItemWidth = $(marqueeWrapper).width() / 2;
			$(marqueeWrapper).animate({"marginLeft": "-" + marqueeItemWidth + "px"}, MARQUEE_SPEED, function(){
				$(this).children("div:first-child").remove();
				$(this).css("marginLeft", "0");
			});
		}
	};
	
	$(".marqueeBox").hover(
    function () {
      MARQUEE_IS_ACTIVE = 0;
    }, 
    function () {
      MARQUEE_IS_ACTIVE = 1;
    }
  );
  
	setInterval(updateMarquee, 5000);
	
	/* END HEADLINE MARQUEE */

	/* UPDATE VIDCAROUSEL SOURCES */
	
	updateVidCarSourceContainers = function() {
		vidCarSource = $(".vidCar .vidCarSource ul");
		for(i=0; i < NUM_TWEETS_DISPLAYED; i++) {
			if(i == 0)
			{
				$(vidCarSource).append('<li class="vidCarNext"></li>');
			}
			else
			{
				$(vidCarSource).append("<li></li>");
			}
		}
	};
	
	updateVidCarSources = function() {
		activeVidCar = $(".vidCar").parent().filter(":visible");
		activeVideoId = $(activeVidCar).attr("id").substr(4);
		vidCarSource = $(activeVidCar).find(".vidCar .vidCarSource ul");
		vidCarSourceNext = $(vidCarSource).children(".vidCarNext");
		
		$.getJSON(document.base_url + "ajax/get_video_article_tweet/" + activeVideoId + "/0/" + NUM_TWEETS_DISPLAYED + "/DESC",  function(json) {
			if(json.length > 0){
				for(i=0; i<json.length; i++) {
					text = '<a href="' + json[i].tweet_sender_uri + '" class="tweetAuthor"><img src="' + json[i].tweet_image + '" alt="" class="tweetAvatar"></a><p class="vidTweet"><a href="' + json[i].tweet_sender_uri + '" class="tweetAuthor">' + utf8_decode(json[i].tweet_sender) + '</a> ' + utf8_decode(json[i].tweet_title) + '<span class="tweetMeta"><a href="' + json[i].tweet_link + '">' + json[i].tweet_published_readable + '</a></span></p>';
					vidCarSourceItem = $(vidCarSource).children("li")[i+1];
					
					$(vidCarSourceItem).html(text);
					
					if(i == 0 && $(vidCarSourceNext).size() == 0){
						$(vidCarSourceItem).addClass("vidCarNext");
					};
				}
			}
		});

	}
	
	updateVidCarSourceContainers();
	updateVidCarSources();
	$("ul.tabs_vid li").click(function(){
		updateVidCarSources();
	});
	setInterval(updateVidCarSources, 300000);

	/* END UPDATE VIDCAROUSEL SOURCES */

	/* VIDCAROUSEL */
	updateVidCar = function(){
		activeVidCar = $(".vidCar").parent().filter(":visible");
		
			vidCarWrapper = $(activeVidCar).find(".vidCar .vidCarBox .vidCarWrapper");
			vidCarBoxItem = $(activeVidCar).find(".vidCar .vidCarBox").children();
			vidCarItem = $(activeVidCar).find(".vidCar .vidCarSource ul").children(".vidCarNext");
			
			if($(vidCarItem).html())
			{
				vidCarWrapper.append("<div class=\"vidCarItem\">" + $(vidCarItem).html() + "</div>");
				
				$(vidCarItem).removeClass("vidCarNext");
				if ($(vidCarItem).is(":last-child")) {
					$(vidCarItem).parent().children(":first-child").addClass("vidCarNext");
				}
				else {
					$(vidCarItem).next().addClass("vidCarNext");
				}			
			}
			else
			{
				vidCarItems = $(vidCarItem).parent().children();
				vidCarWrapper.append("<div class=\"vidCarItem\">" + $($(vidCarItems)[0]).html() + "</div>");
				
				$(vidCarItem).removeClass("vidCarNext");
				$($(vidCarItems)[1]).addClass("vidCarNext");
			}

			vidCarItemWidth = $(vidCarWrapper).width() / 2;
			
			$(vidCarWrapper).animate({"marginLeft": "-" + vidCarItemWidth + "px"}, MARQUEE_SPEED, function(){
				$(this).children("div:first-child").remove();
				$(this).css("marginLeft", "0");
			});
	};
	
	setInterval(updateVidCar, 4000);
	
	/* END VIDCAROUSEL */

});