/**
 * Custom inital load handler. Called when the scroller loads the initial
 * set of data items. Specified to the scroller as the configuration
 * parameter: loadInitHandler
 **/
var loadInitialItems = function(type, args) {
	var start = args[0];
	var last = args[1]; 
	load(this, start, last);	
};
var loadInitialItems1 = function(type, args) {
	var start = args[0];
	var last = args[1]; 
	load1(this, start, last);	
};
/**
 * Custom load next handler. Called when the scroller loads the next
 * set of data items. Specified to the scroller as the configuration
 * parameter: loadNextHandler
 **/
var loadNextItems = function(type, args) {	

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

	var start = args[0];
	var last = args[1];
	var alreadyCached = args[2];
	if(!alreadyCached) {
		load1(this, start, last);
	}
};
/**
 * Custom load previous handler. Called when the scroller loads the previous
 * set of data items. Specified to the scroller as the configuration
 * parameter: loadPrevHandler
 **/
var loadPrevItems = function(type, args) {
	var start = args[0];
	var last = args[1];
	var alreadyCached = args[2];
	if(!alreadyCached) {
		load(this, start, last);
	}
};
var loadPrevItems1 = function(type, args) {
	var start = args[0];
	var last = args[1];
	var alreadyCached = args[2];
	if(!alreadyCached) {
		load1(this, start, last);
	}
};

var load = function(scroller,   start, last) {
	for(var i=start; i<=last; i++) {
	}
};
var load1 = function(scroller1,   start, last) {
	for(var i=start; i<=last; i++) {
	}
};

/**
 * Custom button state handler for enabling/disabling button state. 
 * Called when the scroller has determined that the previous button
 * state should be changed.
 * Specified to the scroller as the configuration
 * parameter: prevButtonStateHandler
 **/
var enablingPrev = true;
var enablingPrev1 = true;
var handlePrevButtonState = function(type, args) {
	enablingPrev = args[0];
	var leftImage = args[1];
	if(enablingPrev) {
		leftImage.src = "/resources/images/homepage/nr_scroller_top.jpg";		
		leftImage.style.cursor='pointer';
	} else {
		leftImage.src = "/resources/images/homepage/nr_scroller_top_dark.jpg";	
		leftImage.style.cursor='default';
	}
	
};

var handlePrevButtonState1 = function(type, args) {
	enablingPrev1 = args[0];
	var leftImage = args[1];
	if(enablingPrev1) {
		leftImage.src = "/resources/images/homepage/fs_scroller_top.jpg";		
		leftImage.style.cursor='pointer';
	} else {
		leftImage.src = "/resources/images/homepage/fs_scroller_top_dark.jpg";	
		leftImage.style.cursor='default';
	}
	
};

/**
 * Custom button state handler for enabling/disabling button state. 
 * Called when the scroller has determined that the next button
 * state should be changed.
 * Specified to the scroller as the configuration
 * parameter: nextButtonStateHandler
 **/
var enablingNext = true;
var enablingNext1 = true;
var handleNextButtonState = function(type, args) {

	enablingNext = args[0];
	var rightImage = args[1];
	if(enablingNext) {
		rightImage.src = "/resources/images/homepage/nr_scroller_btm.jpg";	
		rightImage.style.cursor='pointer';
	} else {
		rightImage.src = "/resources/images/homepage/nr_scroller_btm_dark.jpg";
		rightImage.style.cursor='default';
	}
	
};

var handleNextButtonState1 = function(type, args) {

	enablingNext1 = args[0];
	var rightImage = args[1];
	if(enablingNext1) {
		rightImage.src = "/resources/images/homepage/fs_scroller_btm.jpg";	
		rightImage.style.cursor='pointer';
	} else {
		rightImage.src = "/resources/images/homepage/fs_scroller_btm_dark.jpg";
		rightImage.style.cursor='default';
	}
	
};

/**
 * You must create the scroller after the page is loaded since it is
 * dependent on an HTML element (in this case 'dhtml-scroller'.) See the
 * HTML code below.
 **/
var scroller; // for ease of debugging; globals generally not a good idea
var pageLoad = function() 
{
//showimageslist1();

//alert("page loading");
	scroller = new WCM.extension.scroller("dhtml-scroller", 
		{
			animationSpeed:    0.2,
			animationMethod:   WCM.util.Easing.easeBoth,
			scrollInc:         3,
			navMargin:         12,
			size:              20,
			loadInitHandler:   loadInitialItems,
			prevElement:     "prev-arrow",
			nextElement:     "next-arrow",
			loadNextHandler:   loadNextItems,
			loadPrevHandler:   loadPrevItems,
			prevButtonStateHandler:   handlePrevButtonState,
			nextButtonStateHandler:   handleNextButtonState
		}
	);
};

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

var scroller1; // for ease of debugging; globals generally not a good idea
var subTemplate = function() 
{
//showimageslist2();
	scroller1 = new WCM.extension.scroller("dhtml-scroller-ext",
	{ 
			
			animationSpeed:    0.2,
			animationMethod:   WCM.util.Easing.easeBoth,
			scrollInc:         3,
			navMargin:         40,
			size:              20,
			loadInitHandler:   loadInitialItems1,
			prevElement:     "prev-arrow1",
			nextElement:     "next-arrow1",
			loadNextHandler:   loadNextItems1,
			loadPrevHandler:   loadPrevItems1,
			prevButtonStateHandler:   handlePrevButtonState1,
			nextButtonStateHandler:   handleNextButtonState1
		}
	);
};

WCM.util.Event.addListener(window, 'load', subTemplate);