var lastRan = -1;
    

var fmtItem = function(imgUrl, url, title, index) {
	//alert(url)
	var innerHTML;
	if(url=='')
  	innerHTML='<img id="dhtml-carousel-img-'+index+'" src="'+imgUrl+'" width="600" height="200" border="0"/>';
  	else
  	innerHTML='<a id="dhtml-carousel-a-"'+index+'" href="'+url+'" onmouseover="stopRotation()" onmouseout="start()"><img id="dhtml-carousel-img-'+index+'" src="'+imgUrl+'" width="600" height="200" border="0"/><\/a>';
	return innerHTML;
};

var fmtItem_2 = function(imgUrl, url, title, index) {
	//alert(url)
	var innerHTML;
	if(url=='')
  	innerHTML='<div id="dhtml-carousel-a-"'+index+'" href="'+url+'" onmouseover="stopRotation_2()" onmouseout="start_2()">'+imgUrl+'<\/div>';
  	else
  	innerHTML='<a id="dhtml-carousel-a-"'+index+'" href="'+url+'" onmouseover="stopRotation_2()" onmouseout="start_2()">'+imgUrl+'<\/a>';
	return innerHTML;
};

var loadInitialItems = function(type, args)
{
	var start = args[0];
	var last = args[1]; 
	load(this, start, last);	
};

var loadInitialItems_2 = function(type, args)
{
	var start = args[0];
	var last = args[1]; 
	load_2(this, start, last);	
};

var loadNextItems = function(type, args)
{	
	//alert(type+"=="+args)
	var start = args[0];
	var last = args[1]; 
	var alreadyCached = args[2];
	
	if(!alreadyCached)
	{
		load(this, start, last);
	}
};

var loadNextItems_2 = function(type, args)
{	
	var start = args[0];
	var last = args[1]; 
	var alreadyCached = args[2];
	
	if(!alreadyCached)
	{
		load_2(this, start, last);
	}
};

var loadPrevItems = function(type, args)
{
	var start = args[0];
	var last = args[1]; 
	var alreadyCached = args[2];
	
	if(!alreadyCached)
	{
		load(this, start, last);
	}
};

var loadPrevItems_2 = function(type, args)
{
	var start = args[0];
	var last = args[1]; 
	var alreadyCached = args[2];
	
	if(!alreadyCached)
	{
		load_2(this, start, last);
	}
};

var load = function(carousel, start, last)
{
	//for(var i=start;i<=last;i++)
//	{
	//	var liItem = carousel.addItem(i, fmtItem(imageList[i-1], "#", i, i));
	//}
	for(var i=start;;i++) {
	   var randomIndex = getRandom(imageLength, last);
		lastRan = randomIndex;
		//showAllMethods(document.getElementsByName("carousel-component")[0]);
	   if(i==(last+1))
	   break;
	   var j=randomIndex-1;
		carousel.addItem(i, fmtItem(imageList[j],productPath[j].value, "Number " + i));
	}
}

var getRandom = function(max, last) {
	var temp=Number(last)%Number(max);
    if(temp==0)
	return max;
	else
	return temp;

};

var load_2 = function(carousel_2, start, last)
{
	//for(var i=start;i<=last;i++)
	//{
	//	var liItem = carousel_2.addItem(i, fmtItem_2(imageList_2[i-1], "#", i, i));
	//}
	for(var i=start;;i++) {
	   var randomIndex = getRandom(imageLength_2, i);
		lastRan = randomIndex;
	   if(i==(last+1))
	   break;
	   var j=randomIndex-1;
	   if(imagePath[j]!= undefined)
		carousel_2.addItem(i, fmtItem_2(imageList_2[j], imagePath[j].value, "Number " + i));
        
	}
}

var handlePrevButtonState = function(type, args) {

	var enabling = args[0];
	var leftImage = args[1];
	
};

var handlePrevButtonState_2 = function(type, args) {

	var enabling = args[0];
	var leftImage = args[1];	
};

var carousel, carousel_2;
var pageLoad = function() 
{
	carousel = new YAHOO.extension.Carousel("dhtml-carousel", 
	{
		numVisible:			1,
		animationSpeed:		0.7,
		scrollInc:			1,
		navMargin:			0,
		loadInitHandler:	loadInitialItems,
		loadNextHandler:	loadNextItems,
		loadPrevHandler:	loadPrevItems,
		prevButtonStateHandler:   handlePrevButtonState,
		prevElement:       "prev-arrow",
		nextElement:       "next-arrow",
		autoPlay:			carouselSpeed
		
	});
//alert(document.getElementById("dhtml-carousel_2"))
	carousel_2 = new YAHOO.extension.Carousel("dhtml-carousel_2", 
	{
		numVisible:			3,
		animationSpeed:		0.7,
		scrollInc:			3,
		navMargin:			0,
		loadInitHandler:	loadInitialItems_2,
		loadNextHandler:	loadNextItems_2,
		loadPrevHandler:	loadPrevItems_2,
		prevButtonStateHandler:   handlePrevButtonState_2,
		autoPlay:			carouselSpeed_2
	});
};
function moveToo(value){
	carousel.moveTo(value);
}
var addNum="<table><tr>";
for(var i=0;i<imageLength;i++){
	var j=i+1;
addNum+="<td width='20' id='num"+i+"'><a href=\"#\" onclick=\"moveToo("+j+")\">"+j+"</a></td>";
}
addNum+="</tr></table>";

YAHOO.util.Event.addListener(window, 'load', pageLoad);