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

var objCarousel;// for ease of debugging;globals generally not a good idea
var jsonData = null;
var jsonCols ={};
var iMaxRows = 4;
var iLoaded = 0;

function pageLoad(){
	objCarousel = new YAHOO.extension.Carousel("dhtml-carousel",
		{
			numVisible:					iMaxRows,
			animationSpeed:				0.4,
			scrollInc:					iMaxRows,
			loadInitHandler:			loadInitialItems,
			prevElement:				"prev-arrow",
			nextElement:				"next-arrow",
			loadNextHandler:			loadNextItems,
			loadPrevHandler:			loadPrevItems,
			prevButtonStateHandler:		handlePrevButtonState,
			nextButtonStateHandler:		handleNextButtonState,
			autoPlay:					5000,
			wrap:						true
		}
	);
}

var loadInitialItems = function(){
	var _Ajax = new iQ.Ajax();
	_Ajax.CFCMethod = 'getAgents';
	_Ajax.URL = '/websvc/Agents.cfc';   
  _Ajax.Params ={Params:'{"OfficeID_List":"CBDH05","MaxRows":"' + iMaxRows +'"}'};	
	_Ajax.CallbackHandler = "onGetAgents";	
	_Ajax.Send();
};

var onGetAgents = function(ret){
	jsonData = ret;

	//first - find my columns
	for(var i = 0;i < jsonData.COLUMNS.length;i++){
		jsonCols[jsonData.COLUMNS[i]] = i;  
	}

	for(i=0;i < jsonData.DATA.length;i++){
		iLoaded += 1;
		objCarousel.addItem(iLoaded,fmtInnerHTML(jsonData.DATA[i][jsonCols["THUMBPATH"]]));
	}

	objCarousel.setProperty("size",jsonData.DATA[0][jsonCols["TOTALROWCOUNT"]],true);
	showButtons();
};

var loadNextItems = function(type,args){	
	var start = args[0];
	var last = args[1];
	var alreadyCached = args[2];

	if(!alreadyCached){
		var iStartPage = eval(eval(start - 1) / iMaxRows) + 1;
		
		var _Ajax = new iQ.Ajax();
		_Ajax.CFCMethod = 'getAgents';
		_Ajax.URL = '/websvc/Agents.cfc';   
		_Ajax.Params ={Params:'{"OfficeID_List":"CBDH05","MaxRows":"' + iMaxRows + '","StartPage":' + iStartPage + '}'};
		_Ajax.CallbackHandler = "onGetAgents";	
		_Ajax.Send();
	}
};

var loadPrevItems = function(type,args){
	var start = args[0];
	var last = args[1];
	var alreadyCached = args[2];

	if(!alreadyCached){
		//alert('Get Previous');
		//makeRequest(this,'getTrips.php',"Amsterdam",start,(last-start+1) * 2);
	}
};

var handlePrevButtonState = function(type,args){
	var enabling = args[0];
	var leftImage = args[1];

	if(enabling){
		leftImage.src = "images/left-enabled.gif";	
	}else{
		leftImage.src = "images/left-disabled.gif";	
	}
};

var handleNextButtonState = function(type,args){
	var enabling = args[0];
	var rightImage = args[1];

	if(enabling){
		rightImage.src = "images/right-enabled.gif";
	}else{
		rightImage.src = "images/right-disabled.gif";
	}
	
};

var showButtons = function(type,args){
	YAHOO.util.Dom.setStyle("next-arrow","visibility","visible");
	YAHOO.util.Dom.setStyle("prev-arrow","visibility","visible");
};

var fmtInnerHTML = function(sImagePath){
 	var InnerHTML = '<img src="' + sImagePath + '" height="110"/>';

	return InnerHTML;
};

function doInfoButtons(InfoBox,Action){
  var InfoPopUp = iQ.Utils.getBrowserObject(InfoBox).style;
  //var ImageFade = iQ.Utils.getBrowserObject(Image);

  if (Action == 'On'){
  	InfoPopUp.visibility='visible';
		InfoPopUp.display = 'block';
   }
  else{
  	InfoPopUp.visibility='hidden';
		InfoPopUp.display = 'none';
	}
}