var numberOfArticles=4;		//The number of each articles per column + 1;
var textArticleId=5;
var mediaArticleId=6;
var temp=0;
var id=0;
var newID=0;
var tempText='';
var fadeSpeed=500;
var scrollSpeed=100;

function nextSocial(divId)
{
	id=$(divId).parent().attr("id").substring(6);
	if(id<6)
	{
		newID=6;
		numberOfArticles=6;
	}
	else if(id>6 && id<10)
	{
		newID=10;
		numberOfArticles=4;
	}
	else
	{
		newID=14;
		numberOfArticles=4;
	}
	//newID=((Math.floor(id/numberOfArticles)+1)*numberOfArticles)-1;
	
	if(id<numberOfArticles)
	{
		textArticleId++;
    	if(textArticleId>apiTextArticles['posts'].length-1)
    	{
    		textArticleId=0;
    	}
    	if(apiTextArticles['posts'][textArticleId]["link-description"].length>=224)
    	{
			tempText=apiTextArticles['posts'][textArticleId]["link-description"].substring(0,224)+"...";
		}
		else
		{
			tempText=apiTextArticles['posts'][textArticleId]["link-description"].substring(0,224);
		}
        var now = new Date();
        var elapsedTime = (now.getTime()/1000)-apiTextArticles['posts'][textArticleId]["unix-timestamp"];
        if(elapsedTime>86400)
        {
        	var postTime = Math.round(elapsedTime/86400) + ' days ago';
        }
        else if(elapsedTime>3600)
        {
        	var postTime = Math.round(elapsedTime/3600) + ' hours ago';
        }
        else if(elapsedTime>60)
        {
        	var postTime = Math.round(elapsedTime/60) + ' minutes ago';
        }
        else
        {
        	var postTime ='Just posted';
        }
		$(divId).parent().parent().append('<div class="socialArticleContainer" id="social'+newID+'" style="visibility: hidden;"><a class="closeLink" onclick="nextSocial(this);">x</a><span class="timeStamp" id="postedTime'+newID+'">'+postTime+'</span><br/><a href="'+apiTextArticles['posts'][textArticleId]["url-with-slug"]+'" id="textArticleLink'+newID+'" title="'+apiTextArticles['posts'][textArticleId]["link-text"]+'">'+apiTextArticles['posts'][textArticleId]["link-text"]+'</a><p id="textArticleParagraph'+newID+'">'+tempText+'</p></div><hr id="hr'+newID+'"/>');
		socialDeli();
	}
	else
	{
		mediaArticleId++;
		if(mediaArticleId>apiVideoArticles.length-1)
		{
			mediaArticleId=0;
		}
		var now = new Date();
        var elapsedTime = (now.getTime()/1000)-apiVideoArticles[mediaArticleId]["unix-timestamp"];
        if(elapsedTime>86400)
        {
        	var postTime = Math.round(elapsedTime/86400) + ' days ago';
        }
        else if(elapsedTime>3600)
        {
        	var postTime = Math.round(elapsedTime/3600) + ' hours ago';
        }
        else if(elapsedTime>60)
        {
        	var postTime = Math.round(elapsedTime/60) + ' minutes ago';
        }
        else
        {
        	var postTime ='Just posted';
        }
		if(apiVideoArticles[mediaArticleId]["type"]=="photo")
		{
			if(apiVideoArticles[mediaArticleId]["photo-caption"].length>=40)
			{
				tempText=apiVideoArticles[mediaArticleId]["photo-caption"].substring(0,40)+"...";
			}
			else
			{
				tempText=apiVideoArticles[mediaArticleId]["photo-caption"].substring(0,40);
			}
			$(divId).parent().parent().append('<div class="socialArticleContainer" id="social'+newID+'" style="visibility: hidden;"><a class="closeLink" onclick="nextSocial(this);">x</a><span class="timeStamp" id="postedTime'+newID+'">'+postTime+'</span><br/><a href="'+apiVideoArticles[mediaArticleId]["url-with-slug"]+'" class="mediaArticleMediaClass" id="mediaArticleMedia'+newID+'" title="'+apiVideoArticles[mediaArticleId]["photo-caption"]+'"><img src="'+apiVideoArticles[mediaArticleId]["photo-url-400"]+'"/></a><p id="mediaArticleParagraph'+newID+'">'+tempText+'</p></div><hr id="hr'+newID+'"/>');
			socialDeli();
		}
  		else
  		{
			if(apiVideoArticles[mediaArticleId]["video-caption"].length>=40)
			{
				tempText=apiVideoArticles[mediaArticleId]["video-caption"].substring(0,40)+"...";
			}
			else
			{
				tempText=apiVideoArticles[mediaArticleId]["video-caption"].substring(0,40);
			}
			$(divId).parent().parent().append('<div class="socialArticleContainer" id="social'+newID+'" style="visibility: hidden;"><a class="closeLink" onclick="nextSocial(this);">x</a><span class="timeStamp" id="postedTime'+newID+'">'+postTime+'</span><br/><a href="'+apiVideoArticles[mediaArticleId]["url-with-slug"]+'" id="mediaArticleMedia'+newID+'" title="'+apiVideoArticles[mediaArticleId]["photo-caption"]+'">'+apiVideoArticles[mediaArticleId]["video-player"]+'</a><p id="mediaArticleParagraph'+newID+'">'+tempText+'</p></div><hr id="hr'+newID+'"/>');
			socialDeli();
  		}
	}
}

function socialDeli()
{
	$("#hr"+id).fadeOut();
	$("#hr"+id).remove();
	if(id<numberOfArticles)
	{
		for(var i=id; i<=newID; i++){
			temp=(i*1);
			$("#hr"+temp).fadeTo(100,0.4);
			$("#social"+temp).fadeTo(100,0.4);
			$("#mediaArticleMedia"+temp).fadeTo(100,0.4);
			$("#mediaArticleParagraph"+temp).fadeTo(100,0.4);
		}
	}
	$("#social"+id).fadeTo(fadeSpeed, 0, function() {
		var oldHeight = $("#social"+newID).height();
		$("#social"+newID).height(0);
		$("#social"+newID).css('visibility','visible');
		$("#social"+id).animate({height: 'toggle'}, scrollSpeed, function() {$("#social"+id).remove();});
		$("#social"+newID).animate({height: oldHeight}, scrollSpeed);
		if(id<numberOfArticles)
		{
			for(var i=id; i<newID; i++){
				temp=(i*1)+1;
				$("#hr"+temp).fadeTo("slow",1);
				$("#hr"+temp).attr("id","hr"+i);
				$("#social"+temp).fadeTo("slow",1);
				$("#social"+temp).attr("id","social"+i);
				$("#mediaArticleMedia"+temp).fadeTo("slow",1);
				$("#mediaArticleMedia"+temp).attr("id","mediaArticleMedia"+i);
				$("#mediaArticleParagraph"+temp).fadeTo("slow",1);
				$("#mediaArticleParagraph"+temp).attr("id","mediaArticleParagraph"+i);
			}
		}
		else
		{
			for(var i=id; i<newID; i++){
				temp=(i*1)+1;
				$("#hr"+temp).attr("id","hr"+i);
				$("#social"+temp).attr("id","social"+i);
				$("#mediaArticleMedia"+temp).attr("id","mediaArticleMedia"+i);
				$("#mediaArticleParagraph"+temp).attr("id","mediaArticleParagraph"+i);
			}
		}
	});
}

$(document).ready(function() {
	var tmpImage = new Image();
	for(var d=mediaArticleId; d<apiVideoArticles.length-1; d++)
	{
		if(apiVideoArticles[d]["type"]=="video")
		{
			if(apiVideoArticles[d]["feed-item"].substring(0,17)=="http://vimeo.com/")
			{
				$.getJSON("http://vimeo.com/api/oembed.json?url=http%3A//vimeo.com/"+apiVideoArticles[d]["feed-item"].substring(17)+".json&callback=?",function(data){
          			apiVideoArticles[d]["type"]="photo";
          			apiVideoArticles[d]["photo-url-400"]=data["thumbnail_url"];
          			apiVideoArticles[d]["photo-caption"]=apiVideoArticles[d]["video-caption"];
        		});    				
			}
			else
			{
				var search = new RegExp("\\bhttp://www.youtube.com/v/\\b");
				var results = search.exec(apiVideoArticles[d]["video-player"]);
				if(results !== null)
				{
					var linkPosition = results.index+25;
   					var youtubeVideoId = apiVideoArticles[d]["video-player"].substr(linkPosition,11);
   					apiVideoArticles[d]["type"]="photo";
      				apiVideoArticles[d]["photo-url-400"]="http://img.youtube.com/vi/"+youtubeVideoId+"/0.jpg";
      				apiVideoArticles[d]["photo-caption"]=apiVideoArticles[d]["video-caption"];
  				}
			}
		}
		tmpImage = $('<img />').attr('src', apiVideoArticles[d]["photo-url-400"]);
	}
});