$(document).ready(function(){

	getRssFeed();

	$(function() {
		$("#tabs").tabs();
	});

	//$('div.title').cluetip({splitTitle: '|', arrows: true});

	$.ajax({
	  url: "twitter.php",
	  cache: false,
	  success: function(html){
	    $("#divTwitterFeedList").html(html).fadeIn("slow");
	  }
	});

/* Electric Slide */

	$("#imgWhatIsGlobal, #menuWhatIsGlobal").click(function () {
		$("#areatoslide").slideUp("fast");
		$.ajax({
		  url: "whatisglobal.html",
		  cache: false,
		  success: function(html){
		    $("#areatoslide").html(html).slideDown("fast");
		  }
		 });
	});

	$("#imgGive, #menuGive").click(function () {
		$("#areatoslide").slideUp("fast");
		
		$.ajax({
		  url: "give.html",
		  cache: false,
		  success: function(html){
		    $("#areatoslide").html(html).slideDown("fast");
		  }
		 });
	});


	$("#imgConnect, #menuConnect").click(function () {
		$("#areatoslide").slideUp("fast");
		
		$.ajax({
		  url: "connect.html",
		  cache: false,
		  success: function(html){
		    $("#areatoslide").html(html).slideDown("fast");
		  }
		 });
	});
	
	$("#imgArchives").click(function () {
		$("#areatoslide").slideUp("fast");
		$("#vimeoarchive").slideDown("fast");

	});
	
});


/* Functions */

function closeslidearea() {
	$("#areatoslide").slideUp("fast").html("");	
}

function closearchives() {
	closeslidearea()
	$("#vimeoarchive").slideUp("fast");
}

function clickedPageEvents(dir,page) {
	$lastid = parseInt($.cookie('GoogleCalRefresh'));
	if (dir == "b") { $lastid = page;  }

	//$(".eventPopdown").slideUp("slow");
	$("#divgooglefeed").fadeOut("fast").html("<center><img src='large_load.gif' /></center>");
	
	$.ajax({
	  url: "googlecal.inc.php?p=" + $lastid  + "",
	  cache: false,
	  success: function(html){
	    $("#divgooglefeed").html(html).fadeIn("fast");
	  }
	});

}

function fadeInfeedContent() {
	setTimeout(function(){
		$("#feedContent").fadeIn("normal");	
	},650);

}

function fadeOutfeedContent() {
	setTimeout(function(){
		$("#feedContent").fadeOut("normal");	
	},650);

}

function openslideRightArea() {
setTimeout(function(){
	$("#slideRightArea").show("slide", { direction: "left" }, 500);
},450);
}

function closeslideRightArea(callback) {
	//$(".eventPopdown").slideUp("slow").html("");
   //$("#feedContent").slideUp("slow").html("");
   if (callback === true) {
   	$("#slideRightArea").hide("slide", { direction: "left" }, 500, fadeInfeedContent())
   }
   else
   {
   	$("#slideRightArea").hide("slide", { direction: "left" }, 500)
   }
   //$("#feedContent").show("slide", { direction: "right" }, 500)
	
}




function clickedSubscribe(g,e,d,s) {

	//$(".eventPopdown").slideUp("slow").html("");
	closeslideRightArea(false);
	

	$.ajax({
	  url: "subscribe.inc.php?g=" + g + "&e=" + e + "&d=" + d + "&s=" + s + "",
	  cache: false,
	  success: function(html){
		$("#slideRightArea").html(html);
      $("#feedContent").fadeOut("fast", openslideRightArea());
	  }
	});
	

}

function clickedInvite(g,e,d) {

	closeslideRightArea(false);

	$.ajax({
	  url: "invite.inc.php?g=" + g + "&e=" + e + "&d=" + d + "",
	  cache: false,
	  success: function(html){
		$("#slideRightArea").html(html);
      $("#feedContent").fadeOut("fast", openslideRightArea());
	  }
	});

}

var refreshId = setInterval(function()
{
	var $tabs = $('#tabs').tabs();
	var selectedtab = $tabs.tabs('option', 'selected'); // => 0
	$ltid = $.cookie('TwitterRefresh');
	
	if (selectedtab == 0) {
	
		$.ajax({
		  url: "twitter.ajax.php?t=" + $ltid,
		  cache: false,
		  success: function(html){
		    $("#divtwitterfeed").prepend(html);
		    $("#twitter_" + $ltid).slideDown("slow");
		    //alert($.cookie('TwitterRefresh'));
	
		  }
		});

	}
     //$('#divtwitterfeed').fadeOut("slow").load('twitter.ajax.php').fadeIn("slow");

}, 15000);
/*
function getVimeoFeed() {

	$.ajax({
	  url: "/vimeo/simple.html",
	  cache: false,
	  success: function(html){
	    $("#vimeoarchive").html(html);
	  }
	 });

}
*/
function getRssFeed() {
 
	$.get('proxy.php?url=http://live.newsong.net/beta/annoucements/?feed=rss2', function(d) {
	$("#feedContent").empty();
	
	$(d).find('item').each(function(index) {
 
 		if (index == 2) { return false; }
 			 
		var $item = $(this);
		var title = $item.find('title').text();
		var link = $item.find('link').text();
		var description = $item.find('[nodeName="content:encoded"]').text(); 
		var pubDate = $item.find('pubDate').text();

		var html = "<div class=\"blog_entry\"><h3 class=\"blog_postTitle\">" + title + "<\/h2>";
		//html += "<span class=\"blog_date\">" + pubDate + "</span>";
		html += "<p class=\"blog_description\">" + description + "</p>";
		//html += "<a href=\"" + link + "\" target=\"_blank\">Read More >><\/a>";
		html += "<\/div>";
 
		$('#feedContent').append($(html));  
	});
	
	});
 
};



/* Vimeo */

	
				var vimeoUserName = 'newsong';
				var videosCallback = 'showThumbs';
				var videosUrl = 'http://www.vimeo.com/api/v2/' + vimeoUserName + '/videos.json?callback=' + videosCallback;
		
				// This function loads the data from Vimeo
				function init() {
					var head = document.getElementsByTagName('head').item(0);
			
					var videosJs = document.createElement('script');
					videosJs.setAttribute('type', 'text/javascript');
					videosJs.setAttribute('src', videosUrl);
					head.appendChild(videosJs);
				}
		
				// This function goes through the clips and puts them on the page
				function showThumbs(videos) {
					var thumbs = document.getElementById('thumbs');
					thumbs.innerHTML = '';
			
					var ul = document.createElement('ul');
					thumbs.appendChild(ul);
			
					for (var i = 0; i < videos.length; i++) {
						var thumb = document.createElement('img');
						thumb.setAttribute('src', videos[i].thumbnail_small);
						thumb.setAttribute('alt', videos[i].title);
						thumb.setAttribute('title', videos[i].title);
				
						var a = document.createElement('a');
						a.setAttribute('href', videos[i].url);
						a.setAttribute('target', '_blank');						
						a.appendChild(thumb);
				
						var h3 = document.createElement('h3');
						h3.appendChild(document.createTextNode(videos[i].title));
						

						var li = document.createElement('li');
						
						
						li.appendChild(a);												
						li.appendChild(h3);
						ul.appendChild(li);

					}
				$("#thumbs").jcarousel();
				}
		
		
				// Call our init function when the page loads
				window.onload = init;