function jcarousel_itemLoadCallback(carousel, state)
{
    // Fetch the visible range first (should be already preloaded)
    jcarousel_itemFetchCallback(carousel, carousel.first, carousel.last);

    var visible = carousel.last - carousel.first + 1;

    // ---

    var first = carousel.last + 1;
    var last  = first + visible - 1;

    var first2 = last + 1;
    var last2  = first2 + visible - 1;

    jcarousel_itemFetchCallback(carousel, first, last, first2, last2);

    // ---

    var last  = carousel.first - 1;
    var first = last - visible + 1;

    var last2  = first - 1;
    var first2 = last2 - visible + 1;

    jcarousel_itemFetchCallback(carousel, first, last, first2, last2);
};

function jcarousel_itemFetchCallback(carousel, first, last, first2, last2)
{
	// Remove items to avoid big lists
    jcarousel_itemRemoveCallback(carousel, first2, last2);

	if (first < 1)
    	first = 1;

    // Check if "first" is out of range if the size was already set
    var size = carousel.size();
	if (carousel.options.wrap != 'circular' && size && first > size)
		return;

    jcarousel_itemQueryCallback(carousel, first, last);

};

function jcarousel_itemQueryCallback(carousel, first, last, realFirst)
{
    // Check if the requested items already exist
    if (carousel.has(first, last))
        return;

    jQuery.get(
        'jcarousel_ajax.php',
        {
            first: first,
            last: last
        },
        function(xml) {
            jcarousel_itemAddCallback(carousel, first, last, xml);
        },
        'xml'
    );
};

function jcarousel_itemAddCallback(carousel, first, last, xml)
{
    var items = jQuery('item', xml);

    // Set the size of the carousel
    if (items.length < (last - first + 1))
    	carousel.size(first + items.length - 1);

    items.each(function(i) {
        carousel.add(first + i, jcarousel_getItemHTML(this));
    });
};

function jcarousel_itemRemoveCallback(carousel, first, last)
{
    if (!first || !last)
	    return;

    for (var i = first; i <= last; i++)
    	carousel.remove(i);
};

/**
 * Item html creation helper.
 */
function jcarousel_getItemHTML(item)
{
    return '<a href="#AjaxContent" onclick="javascript:changeText("'+jQuery('iproject_id', item).text()+'");"><img src="{$FEATURED_PHOTOS_THUMBNAIL}' + jQuery('vfeatured_image', item).text() + '" width="75" height="75" alt="' + jQuery('title', item).text() + '" border="0" /></a>';
};

var resettime = "";


function reloadpage()
{
	//window.clearInterval(resettime);
	//repeat = window.setInterval(rotate,20000); // 20 seconds
	init();
}


function changeText(iprojid){
	
	window.clearInterval(repeat);
	//resettime = window.setInterval(reloadpage, 10000);
	//setTimeout("init()",10000);

	var prjvals = document.getElementById('prjids').value;
	var rotateImageValue = document.getElementById('rotate_image').value;
	//rotateImageValue = ++rotateImageValue;
	//alert("prjvals::"+prjvals);
	prj_ids = prjvals.split(',');
	prjlen = (prj_ids.length-1);

	//alert(prjvals);
	//alert(prj_ids.length);
	
	//document.getElementById(prj_ids[0]).removeAttribute('style');
	//document.getElementById(prj_ids[0]).style.border = "";
	//alert("rotateImageValue"+rotateImageValue);
	var pid;
	for(i=0;i<prjlen;i++){
		pids = prj_ids[i];
		//alert(prj_ids[i]);
		if(iprojid == prj_ids[i]){
			
			//document.getElementById(prj_ids[i]).style.border = "2px #FF3300 solid";
			//document.getElementById(prj_ids[i]).setAttribute("class", "opacity90");
			//document.getElementById(prj_ids[i]).className = "opacity90";
		}
		else{
			//document.getElementById(prj_ids[i]).style.border = "1px solid #ddd";
			//document.getElementById(prj_ids[i]).setAttribute("class", "opacity30");
			//document.getElementById(prj_ids[i]).className = "opacity30";
		}
		/*else{*/
			//alert(prj_ids[i]+"::::"+document.getElementById(prj_ids[i]).style);
			//document.getElementById(prj_ids[i]).removeAttribute('style');
			//document.getElementById(prj_ids[i]).style.border = "";
			//aler("else");
		//}
	}/**/
	//document.getElementById(prj_ids[0]).style.border = '';
	
	/*if(prj_ids[0] == iprojid){
		document.getElementById(prj_ids[0]).style.border = "2px #FF3300 solid";
	}*/
	var xhReq = createXMLHttpRequest();
	//alert(xhReq);
	fnShowContent(iprojid,rotateImageValue);
}

function fnShowContent(iprojid,rotateImageValue){
	//alert("in show content");
	if(xhReq.readyState != 0 && xhReq.readyState != 4)
		return;
	xhReq.open("GET","ajax/project_details.php?iprojid="+iprojid+"&rotateImageValue="+rotateImageValue,true);
	xhReq.onreadystatechange = showDiv;
	xhReq.send(null);
}
function showDiv(){
	if (xhReq.readyState != 4)  { return; }
	var serverResponse = xhReq.responseText;
	response = serverResponse.split('^^');
	document.getElementById("content-right-projects").innerHTML = response[0];//content-right-projects AjaxContent
	document.getElementById("progressbar").innerHTML = "<span id='spaceused'>"+response[1]+"</span>";
	jQuery(function() {
			$("#spaceused").progressBar({ showText: true, barImage: 'images/progressbg_red.gif'});
	});/**/

	/*if(response[1] == 0)
		percentage = 120;
	else
	{
		if(response[1] == 100)
			res = 120;
		else
			res = response[1];
		percentage = (120 - res);
	}
	

	document.getElementById("progressbar").innerHTML = "<img width=\"120\" id=\"spaceused_percentImage\" src=\"./images/progressbar.gif\" style=\"margin: 0pt; padding: 0pt; width: 120px; height: 12px; background-image: url(./images/progressbg_red.gif); background-position: -"+percentage+"px;\" alt=\"undefined\" title=\"undefined\">&nbsp;<span id=\"spaceused_percentText\">"+response[1]+"%</span>";*/
}

function fnChangeText(id)
{
	//alert(id)
	var scr=document.createElement('SCRIPT');
	scr.type="text/javascript";
	scr.src="http://localhost/Hope4c/getcontents.php?val="+id;
	document.body.appendChild(scr);
}