var mCurrent = 0;
var mPrevious = 0;
var imageTimer = 700;
var indicatorTimer = 200;
var slideTimer = 10000;
var img_height = 291;
var ind_height = 72;
var timer;



function montageActivateSlide(slideId){

	mCurrent = slideId;
	$('#montage_list').find('li.montage_button').each(function() {	//for each row...
		var mylist = $(this).attr("id").replace("montage_","");
		if(mylist == mCurrent){
			/* This slide is active */
			/* Set the content to its "active" class */
			$(this).find('#montage_list li div.montage_content').removeClass("mb_off");
			$(this).find('div.montage_content').addClass("mb_on");
			
			/* Move the indicator */
			var mStr = mylist * ind_height;
			$('#montage_indicator').stop(true,true).animate({ top: mStr },indicatorTimer);
			
			/* Move the image */
			var iStr = -1 * mylist * img_height;
			$('#montage_image_wrapper').stop(false,false).animate({ top: iStr },imageTimer);
		}else{
			$(this).find('div.montage_content').removeClass("mb_on");
			$(this).find('div.montage_content').addClass("mb_off");
		}
	});
	mPrevious = mCurrent;
}

function montageStart(){
	if(mCurrent < 3){
		montageActivateSlide(mCurrent + 1);
	}else{
		montageActivateSlide(0);
	}
	clearTimeout(timer);
	timer = setTimeout(eval("montageStart"),slideTimer);
}

/*
// Old code 
function montageClick(myobj){
	clearTimeout(timer);
	var mylist = myobj.id.split("_");
	montageActivateSlide(mylist[1]);
}
*/