// JavaScript Document handles button calls

$(document).ready(function(){
						   
				var container = $('div.sliderGallery');
				var ul = $('ul', container);
				
				var itemsWidth = ul.innerWidth() - container.outerWidth();
				
				$('.slider', container).slider({
					min: 0,
					max: itemsWidth,
					handle: '.handle',
					stop: function (event, ui) {
						ul.animate({'left' : ui.value * -1}, 1000);
				},
					slide: function (event, ui) {
						ul.css('left', ui.value * -1);
					}
				});//close slider 
				
		$("a").addClass("tabText");
		
		$("a").css("text-decoration", "none");
		
		$("a").click(
					 
			function(){
				
				document.title = "BWD " + $(this).attr("id");
				
				$(".tabTextSelected").removeClass("tabTextSelected");
				
				$(this).addClass("tabTextSelected");
				
		});
		$("leftnavbutton").click(
		
			function(){
			
				alert("clicked leftNavButton");
		
		});
		
}); //close opening document.ready function

stepcarousel.setup({
				galleryid: 'content', //id of carousel DIV
				beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
				panelclass: 'panel', //class of panel DIVs each holding content
				autostep: {enable:false, moveby:1, pause:3000},
				panelbehavior: {speed:500, wraparound:true, persist:true},
				defaultbuttons: {enable: true, moveby: 1, leftnav: ['images/leftArrow.png', -30, 175], rightnav: ['images/rightArrow.png', 5, 175]},
				statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
				contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
			});