// homepage carousel

function changeTab(gotoTab, isManual,getLimit,ImgId) {
	

	var currTabId = 'image' + currTab;
	var gotoTabId = 'image' + gotoTab;
	var currTabId_copy = 'copy' + currTab;
	var gotoTabId_copy = 'copy' + gotoTab;
	var currSquareId = 'square' + currTab;
	var gotoSquareId = 'square' + gotoTab;
	var urlId='url'+ currTab;
	url=$(urlId).value;
	
	
	if (currTab == gotoTab) {
		$(gotoSquareId).style.backgroundPosition = "-17px 0px";
	}
	else {
		// fade out current tab, fade in new tab
		
		
		$('moreInfo').innerHTML="<a href='"+url+"'>MORE &raquo;</a>"
		//alert($('moreInfo').innerHTML)
		$(currTabId).fade();
		$(currTabId_copy).fade();
		$(gotoTabId).appear();
		$(gotoTabId_copy).appear();
		//Effect.multiple([currTabId, currTabId_copy], Effect.Fade, { speed: 0.5, delay: 0.5 } );
		//Effect.multiple([gotoTabId, gotoTabId_copy], Effect.Appear, { speed: 0.5, delay: 0.5 } );
		
		// change controls
		$(currSquareId).style.backgroundPosition = "0px 0px"; 
		$(gotoSquareId).style.backgroundPosition = "-17px 0px";
		
		// change currTab
		currTab = gotoTab;
	}
	
	if (isManual) {
		//alert("yes")
		document.getElementById('moreInfo').innerHTML="<a href='"+url+"'>MORE &raquo;</a>"
		clearTimeout( carouselInterval );
		carouselInterval = setInterval( "startTabChange("+getLimit+",'"+ImgId+"')", 5000 ); 
	}
	
}

function startTabChange(getLimit,ImgId) {
		
		// determine next tab
		//alert(ImgId)
		//alert(getLimit)
		//document.getElementById('moreInfo').innerHTML="<a href='"+ImgId+"'>MORE &raquo;</a>"
		if (currTab < getLimit) gotoTab = currTab + 1;
		else gotoTab = 1;
		
		//Img URL
		
		
		// change tab
		changeTab(gotoTab, false,getLimit,ImgId);
		
}