var PhotosHTML = "";
var PhotoNumToShow = 4;
var PhotoSetNowShowing = 1;
var NumberOfPhotoSets = (Math.ceil(PhotosArray.length/PhotoNumToShow));
var NumberOfPhotos = PhotosArray.length;
var PhotosDirection;
var NumberOfInitialSets = 2;
var NumberofIntialPhotos = (NumberOfInitialSets * PhotoNumToShow);
var NextPhotoSet = (NumberOfInitialSets);
var NextPhoto = ((PhotoNumToShow * NumberOfInitialSets) + 1);
var PhotoMax = NextPhoto;
var prevImg = "http://www.aolcdn.com/ch_channels/prev_off.gif"
var prevGrayImg = "http://www.aolcdn.com/ch_tv/prev_gray.gif";
var nextImg = "http://www.aolcdn.com/ch_channels/next_off.gif";
var nextGrayImg = "http://www.aolcdn.com/ch_tv/next_gray.gif";

var promostartX = 0;
var promoSlideIncrement = 480;
var promoendX = promoSlideIncrement;

function initSliderModule() {

for (i=0;i<=PhotosArray.length-1;i++) {
	
	if (i <= NumberofIntialPhotos-1) {	
	PhotosHTML += "<div class='Promo'>";
	PhotosHTML += "<a href='" + PhotosArray[i][1] + "'>";
	PhotosHTML += "<img src='"+ PhotosArray[i][2] +"' width='78' height='78' alt='' />";
	PhotosHTML += "</a><br />";
	PhotosHTML += "<a href='"+ PhotosArray[i][1] +"'>";
	PhotosHTML += PhotosArray[i][0];
    PhotosHTML +=  "</a></div>";     
   		} else {
		PhotosHTML += "<div class='photocard' id='photocard_"+ i +"'></div>";
		}
   
    }
	document.getElementById("PromoOffset").innerHTML = PhotosHTML;


var mySlide2 = new Fx.Style('PromoSlider', 'left', {duration:1250, transition: Fx.Transitions.Circ.easeOut, onComplete: PhotosCounter});

document.getElementById("pagenum").innerHTML = "1-"+ PhotoNumToShow +" of " + NumberOfPhotos; 

	
$('slideout2').addEvent('click', function(e){
if (PhotoSetNowShowing != NumberOfPhotoSets) {
	e = new Event(e);
	mySlide2.start(promostartX,(promostartX - promoSlideIncrement));
	e.stop();
	PhotosDirection = "next";
	} else {
	e = new Event(e);
	e.stop();
	}

});

$('slidein2').addEvent('click', function(e){


if (PhotoSetNowShowing != 1) {

	e = new Event(e);
	mySlide2.start(promostartX,(promostartX + promoSlideIncrement));
	e.stop();
	PhotosDirection = "previous";
		
	} else {
	e = new Event(e);
	e.stop();
	}
	
});

if (PhotosArray.length == PhotoNumToShow) document.getElementById("control").style.display = "none";

}


function PhotosCounter() {
	
	if (PhotosDirection == "previous") {
		promostartX = Math.round(promostartX + promoSlideIncrement);
		promoendX = Math.round(promoendX - promoSlideIncrement);
		PhotoSetNowShowing--
	
		var totalnum =  NumberOfPhotos;
		var begnum = ((PhotoSetNowShowing * PhotoNumToShow)-PhotoNumToShow+1)
		var endnum = (PhotoSetNowShowing * PhotoNumToShow);
	
	}
	
	if (PhotosDirection == "next") {
		promostartX = Math.round(promostartX - promoSlideIncrement);
		promoendX = Math.round(promoendX + promoSlideIncrement);
		PhotoSetNowShowing++
	
		var totalnum =  NumberOfPhotos;
		var begnum = ((PhotoSetNowShowing * PhotoNumToShow)-PhotoNumToShow+1)
		var endnum = (PhotoSetNowShowing * PhotoNumToShow);
		
		// if the the total number of photos is less then the total number that all sets are expecting
		if (endnum > totalnum) endnum = ((NumberOfPhotos / PhotoNumToShow) * PhotoNumToShow);
		
	}
	
	var PageNumHTML = begnum +"-"+ endnum +" of " + totalnum; 
	document.getElementById("pagenum").innerHTML = PageNumHTML;
	
	NextPhotoSet++
	
	if (NextPhotoSet <= (Math.ceil(NumberOfPhotos / PhotoNumToShow))) adPhotos(NextPhotoSet); 
	
	// grays out next or previous button
	if (PhotoSetNowShowing == 1) { document.getElementById('prevButton').src = prevGrayImg;  document.getElementById('nextButton').src = nextImg;
		} else {
		document.getElementById('prevButton').src = prevImg;
		}
	if (PhotoSetNowShowing == NumberOfPhotoSets) { document.getElementById('nextButton').src = nextGrayImg;
		} else {
		document.getElementById('nextButton').src = nextImg;
		}
}

function adPhotos(NextPhotoSet) {
	
	
	var nextPhotosHTML = "";
	NextPhoto = ((NextPhotoSet - 1) * PhotoNumToShow)	
	PhotoMax = (NextPhoto + PhotoNumToShow);
	
	// if the last has less then the number of photos to show in a set
	if ((NumberOfPhotos - NextPhoto) < PhotoNumToShow) PhotoMax = (NextPhoto + (NumberOfPhotos - NextPhoto));
	
	for (i=NextPhoto; i<=PhotoMax-1;i++) {
	var photocard = "photocard_" + [i];
		photocard = photocard.toString();
	
	nextPhotosHTML = "";
	nextPhotosHTML += "<div class='Promo'>";
	nextPhotosHTML += "<a href='" + PhotosArray[i][1] + "'>";
	nextPhotosHTML += "<img src='"+ PhotosArray[i][2] +"' width='78' height='78' alt='' />";
	nextPhotosHTML += "</a><br />";
	nextPhotosHTML += "<a href='"+ PhotosArray[i][1] +"'>";
	nextPhotosHTML += PhotosArray[i][0];
    nextPhotosHTML +=  "</a></div>";     
	

	document.getElementById(photocard).innerHTML = nextPhotosHTML;
	}
	
	
}