var currentpage = 0;
var recordfrom = 0;
var recordto = MaxreturnedRecord - 1;
var args;
$(document).ready(function() {
	$.getJSON(TopImagesServlet + "?jsoncallback=?",{},function (args){
		var argx = new Array();
		for (var i=0;i<args.length;i++){
			argx[i] = args[i];
		}
		showNewsImages(argx);
		$('#slider').s3Slider({
	        timeOut: 5000
	    });	
		argx = new Array();
		for (var i=0;i<args.length;i++){
			argx[i] = args[i];
		}
		showTopImages(argx);
		$(".jCarouselLite").jCarouselLite({
		    btnNext: ".next",
		    btnPrev: ".prev",
		    auto: 800,
		    speed: 2000, 
		    visible: 6
		});
	});
});
function showNewsImages(args){
	var argx = args;
	var content2 = "";	
	var adda = 0;
	//for (var i = 0;i<=recordto;i++)
	while (adda<recordto){
		var i = parseInt(Math.random() * argx.length);
		var c = Math.random()>0.5?"top":"bottom";
		content2 +="<li class=\"sliderImage\">";
		content2 +="<a href=\"pages.shtml?url=" + argx[i].baseurl + "/pages/&id=" + argx[i].taxonconceptid + "\"><img src=\"" + argx[i].imagecachepath_large + "\" alt=\"" + argx[i].commonname + "\" /></a>";
		content2 +="<span class=\"" + c + "\"><strong>"  + argx[i].scientificname + "</strong><br />" +
			 argx[i].commonname + "</span>";
		content2 += "</li>\r\n";
		adda++;
		argx.splice(i, 1);
	}
	content2 +="<div class=\"clear sliderImage\"></div>";
	$('#sliderContent').html(content2);
}
function showTopImages(args){
	var argx = args;
	var content = "";
	var adda = 0;
	//for (var i = 0;i<=recordto;i++)
	while (adda<recordto){
		var i = parseInt(Math.random() * argx.length) + 0;
		//alert(i);
		{
			//<li><img src="images/08481_medium.jpg" alt="" width="150" height="118"></li>
			content += "<li>";
			//content += "<a class=\"thumb\" name=\"leaf\" href=\"" +argx[i].imagecachepath_large+"\" title=\"" + argx[i].commonname+"\">";
			content += "<div class=imagecontainer>";
			content += "<a href=\"pages.shtml?url=" + argx[i].baseurl + "/pages/&id=" + argx[i].taxonconceptid + "\">";
			content += "<img class=medium_image border=0 src=\"" + argx[i].imagecachepath+"\" alt=\"" + argx[i].scientificname + "(" + 
				argx[i].commonname+")\"/>";
			content += "</a>";
			content += "</div>";
			//content += "</a>";
			content += "<div class=\"caption\">";
			
			
			content += "</div>";
			content += "</li>\r\n";
			adda++;
		}
		argx.splice(i, 1);
	}
	$('#imagelist').html(content);
}