var currentTime = new Date();
stepcarousel.setup({
	galleryid: 'projector', //id
	beltclass: 'box', //class of inner DIV containing all the panel DIVs
	panelclass: 'slide-item', //class of panel DIVs each holding content
	panelbehavior: {speed:850, wraparound: true, persist: false},
	defaultbuttons: {enable: false, moveby: 1, leftnav: ['l-nav.gif', -5, 80], rightnav: ['r-nav.gif', -20, 80]},
	statusvars: ['ProjectorStartItem', 'ProjectorLastItem', 'ProjectorTotalItems'], //register 3 variables that contain current panel (start), current panel (last), and total panels
	contenttype: ['ajax', '_load_ajax_audio.html?v' + currentTime.getTime()], //content setting ['inline'] or ['ajax', 'path_to_external_file']
	oninit:function(){
 		isloaded=true
		var htmlControlDot = "<a href=\"javascript:stepcarousel.stepBy('projector',-1)\" class=\"prev\">&laquo;<span></span></a>";
		for(var x=1; x <= ProjectorTotalItems; x++){
			htmlControlDot = htmlControlDot+"<a href=\"javascript:stepcarousel.stepTo('projector',"+x+")\" class=\"dot\">"+x+"<span id=\"projectordot"+x+"\"></span></a>";
		}
		var htmlControlDot = htmlControlDot+"<a href=\"javascript:stepcarousel.stepBy('projector',1)\" class=\"next\">&raquo;<span></span></a>";
		var countWidth = ( ( ProjectorTotalItems * 17 ) + 34 ) + 6;
		$("#projectorButtons").css("width",countWidth+"px");
		$("#htmlCPprojector").replaceWith(htmlControlDot);
 	},
	onslide:function(){
		for(var x=1; x <= ProjectorTotalItems; x++){
			$("#projectordot"+x).parent("a").removeClass();
			if(x==ProjectorStartItem){
				$("#projectordot"+x).parent("a").addClass("act");
			}else{
				$("#projectordot"+x).parent("a").addClass("dot");
			}
		}
	}
})
stepcarousel.setup({
	galleryid: 'projector2', //id
	beltclass: 'box', //class of inner DIV containing all the panel DIVs
	panelclass: 'slide-item', //class of panel DIVs each holding content
	panelbehavior: {speed:850, wraparound: true, persist: false},
	defaultbuttons: {enable: false, moveby: 1, leftnav: ['l-nav.gif', -5, 80], rightnav: ['r-nav.gif', -20, 80]},
	statusvars: ['Projector2StartItem', 'Projector2LastItem', 'Projector2TotalItems'], //register 3 variables that contain current panel (start), current panel (last), and total panels
	contenttype: ['ajax', '_load_ajax_video.html?v' + currentTime.getTime()], //content setting ['inline'] or ['ajax', 'path_to_external_file']
	oninit:function(){
 		isloaded=true
		var htmlControlDot = "<a href=\"javascript:stepcarousel.stepBy('projector2',-1)\" class=\"prev\">&laquo;<span></span></a>";
		for(var x=1; x <= Projector2TotalItems; x++){
			htmlControlDot = htmlControlDot+"<a href=\"javascript:stepcarousel.stepTo('projector2',"+x+")\" class=\"dot\">"+x+"<span id=\"projector2dot"+x+"\"></span></a>";
		}
		var htmlControlDot = htmlControlDot+"<a href=\"javascript:stepcarousel.stepBy('projector2',1)\" class=\"next\">&raquo;<span></span></a>";
		var countWidth = ( ( Projector2TotalItems * 17 ) + 34 ) + 6;
		$("#projector2Buttons").css("width",countWidth+"px");
		$("#htmlCPprojector2").replaceWith(htmlControlDot);
 	},
	onslide:function(){
		for(var x=1; x <= Projector2TotalItems; x++){
			$("#projector2dot"+x).parent("a").removeClass();
			if(x==Projector2StartItem){
				$("#projector2dot"+x).parent("a").addClass("act");
			}else{
				$("#projector2dot"+x).parent("a").addClass("dot");
			}
		}
	}
})