// Define image paths here
var img_path_but_previous_enabled  = 'images/prev-arrow-enabled.gif';
var img_path_but_previous_disabled = 'images/prev-arrow-disabled.gif';

var img_path_but_next_enabled      = 'images/next-arrow-enabled.gif';
var img_path_but_next_disabled     = 'images/next-arrow-disabled.gif';

var img_path_but_dot_on            = 'images/nav_dot_on.gif';
var img_path_but_dot_off           = 'images/nav_dot_off.gif';

// Define scoller settings here
var carouselVideosItems   = 9; 
var carouselVideosDisplay = 3;

var carouselModelsItems   = 12; 
var carouselModelsDisplay = 4;

var carouselPhotosItems   = 12;  
var carouselPhotosDisplay = 4;


// html constructor for home page carousels  
function buildCarouselControls(carouselName, count, category, numItems) { 
	var total           = count;
	var itemsPerPage    = numItems;
	var itemsToShow     = itemsPerPage;
	var number_of_pages = Math.ceil( count / itemsPerPage );

	document.write('<div class="carousel-prev" onclick="selectPrevDot(\'' + carouselName + '\',' + numItems + ')"><img id="' + carouselName + '-prev-arrow" class="left-button-image" src="' + img_path_but_previous_enabled + '" alt="Previous"/></div>');
	
	for (i=0; i<number_of_pages; i++) {
		document.write('<div class="navdot"><a href="javascript:void(0)" onclick="' + carouselName + '.scrollTo(' + eval(i*itemsPerPage+1) + ');selectDot(\''+ carouselName + '\',\'' + carouselName + '-navdot' + i + '\')"><img id="' + carouselName + '-navdot' + i + '" src="images/nav_dot_off.gif" border="0" alt="Page ' + (i+1) + '" title="Page ' + (i+1) + '"/></a></div>');
	}	
	
	document.write('<div class="carousel-next" onclick="selectNextDot(\'' + carouselName + '\',' + numItems + ')"><img id="' + carouselName + '-next-arrow" class="right-button-image"	src="' + img_path_but_next_enabled + '" alt="Next"/></div>');
	document.getElementById(carouselName).style.width='543px';
}

function selectDot(carouselName, dotId){
	var dotsArray = new Array();
	dotsArray     = $$('div#' + carouselName + ' div.navdot img');
	for (var i=0; i<dotsArray.length; i++) {
		$(dotsArray[i]).src = img_path_but_dot_off;
	}
	document.getElementById(dotId).src = img_path_but_dot_on;
}

function selectPrevDot(carouselName,numItems){
	var carousel       = eval(carouselName);
	var currentElement = carousel.getFirstVisible(); 
	var prevDotId      = Math.floor(currentElement/numItems);
	var dotsArray      = new Array();
	dotsArray          = $$('div#' + carouselName + ' div.navdot img');
	for (var i=0; i<dotsArray.length; i++) {
		$(dotsArray[i]).src = img_path_but_dot_off;
	}
	document.getElementById(carouselName + '-navdot' + prevDotId ).src = img_path_but_dot_on;
}

function selectNextDot(carouselName,numItems){
	var carousel       = eval(carouselName);
	var currentElement = carousel.getFirstVisible();
	var nextDotId      = Math.floor(currentElement/numItems);
	var dotsArray      = new Array();
	dotsArray          = $$('div#' + carouselName + ' div.navdot img');
	for (var i=0; i<dotsArray.length; i++) {
		$(dotsArray[i]).src = img_path_but_dot_off;
	}
	document.getElementById(carouselName + '-navdot' + nextDotId ).src = img_path_but_dot_on;
}