var contentslider_interval;
var currentContent = 0;
var contentslider_interval_length = 3000;
var count = 0;
var readmore = null;

function contentslider_nextContent()
{
	if(count != 0){
		currentContent++;

		$("#content_slider .links li").removeClass("active");
		$(".slider_link" + currentContent).addClass("active");
		$("#content_slider .contentholder .content_list").animate({marginTop: -(currentContent * 212)});

		if(currentContent == count) {
			currentContent = -1;
		}
	}
}

$(document).ready(function(){

	$("#content_slider .links li").click(function(){
		var i = $("a", this).attr("name");
		--i;
		currentContent = i;

		$("#content_slider .links li").removeClass("active");
		$(this).addClass("active");
		$("#content_slider .contentholder .content_list").animate({marginTop: -(currentContent * 212)});

		if(currentContent == count) {
			currentContent = -1;
		}

		clearInterval(contentslider_interval);
		//contentslider_interval = setInterval('contentslider_nextContent()', contentslider_interval_length);
	});

	$.getJSON("includes/ajax_getimages.php", function(data){
		for(var i = 0; i < data.length; i++)
		{

			if(data[i].description == null)
			{
				data[i].description = "";
			}

			if(data[i].link.length > 2){
				link = data[i].link;
			}

			else{
				link = '';
			}

			var html = "<li> \
							<img src=\"files/media/images/" + data[i].image + "\" class=\"image\" /> \
							<div class=\"background\"></div> \
							<div class=\"infobox\"> \
							";

			html += "		</div> \
						</li>";

			$("#content_slider .content_list").append(html);

			var j = i+1;
			if(i == 0) {
				var html2 = '<li class="slider_link'+i+' active"><a name="'+j+'" href="'+link+'">'+data[i].description+'</a></li>';
			} else {
				var html2 = '<li class="slider_link'+i+'"><a name="'+j+'" href="'+link+'">'+data[i].description+'</a></li>';
			}

			$("#content_slider .links").append(html2);
		}
		if(data.length > 0){
			count = data.length-1;
		}
		else{
			count = data.length;
		}

	});

	contentslider_interval = setInterval('contentslider_nextContent()', contentslider_interval_length);

});