$(document).ready(function(){

	//$("#branch_search_location").autocomplete("/_/applications/getLocations.jsp", {
	//	width: 150
	//});
	
	//jQuery('.numbersOnly').keyup(function () { 
	 //  this.value = this.value.replace(/[^0-9]/g,'');
	//});
	
	$("#myController").jFlow({
		slides: "#mySlides",
		controller: ".jFlowControl", // must be class, use . sign
		slideWrapper : "#jFlowSlide", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		width: "603px",
		height: "228px",
		duration: 400,
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
	});
	
	$("#myController2").jFlow({
		slides: "#mySlides2",
		controller: ".jFlowControl2", // must be class, use . sign
		slideWrapper : "#jFlowSlide2", // must be id, use # sign
		selectedWrapper: "jFlowSelected2",  // just pure text, no sign
		easing: "swing",
		duration: 400,
		height: "380px",
		width: "590px",
		prev: ".jFlowPrev2", // must be class, use . sign
		next: ".jFlowNext2" // must be class, use . sign
	});
	$("#showroomController").jFlow({
		slides: "#showroomSlides",
		controller: ".jFlowControlShowroom", // must be class, use . sign
		slideWrapper : "#jFlowSlideShowroom", // must be id, use # sign
		selectedWrapper: "jFlowSelectedShowroom",  // just pure text, no sign
		easing: "swing",
		duration: 400,
		height: "35px",
		width: "240px",
		prev: ".jFlowPrevShowroom", // must be class, use . sign
		next: ".jFlowNextShowroom" // must be class, use . sign
	});
});


function rollbg(chosen, objectID) {
	if(chosen == "roll") {
		document.getElementById(objectID).className="roll";
	}else{
		document.getElementById(objectID).className="over";
	}

}