var contentslider_interval;
var currentContent = 0;
var contentslider_interval_length = 5000;
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 * 250)});
		
		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 * 250)});
		
		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].showtext != 1) {
				data[i].description = "";
				data[i].link = "";
				readmore = "";
				if(data[i].external_link.length > 1) {
					var html = "<li><a title=\"" + data[i].title + "\" target=\"_blank\" href=\"http://" + data[i].external_link + "\"><img alt=\"" + data[i].title + "\" title=\"" + data[i].title + "\" src=\"files/media/images/" + data[i].image + "\" class=\"image\" /></a></li>";			
				} else {
					var html = "<li><img alt=\"" + data[i].title + "\" title=\"" + data[i].title + "\" src=\"files/media/images/" + data[i].image + "\" class=\"image\" /></li>";	
				}
			} else {
				if(data[i].description == null)
				{
					data[i].description = "";
				}
			
				if(data[i].link.length > ''){
					readmore = "<a href="+data[i].link+" class=\"white\" title=\"&gt;&gt;&gt;\">&gt;&gt;&gt;</a>";
				} else	{
					readmore = "";
				}
				var html = "<li> \
							<img src=\"files/media/images/" + data[i].image + "\" class=\"image\" /> \
							<div class=\"background\"></div> \
							<div class=\"infobox\"> \
								<h1>" + data[i].title + "</h1> \
								<p>" + data[i].description + " \
								"+ readmore +"</p>";								
				
			html += "		</div> \
						</li>";
			}
			
			
			$("#content_slider .content_list").append(html);
		}
		if(data.length > 0){
			count = data.length-1;
		}
		else{
			count = data.length
		}
		
	});
	
	contentslider_interval = setInterval('contentslider_nextContent()', contentslider_interval_length);
	
});