$(document).ready(function() {
	
		// initialize scrollable together with the navigator plugin
		
		//$("#browsable").scrollable({api:true}).navigator();
		
		$("#browsable").scrollable({size: 4}).circular().autoscroll({
		    autoplay: true,
			interval: 3500,
			loop: true,
		   	api: true
		});
		
		$(".searchField").focus(function() {
			$(".searchBox").addClass('active');
			checkField();
		});
		
		$(".searchField").blur(function() {
			$(".searchBox").removeClass('active');
			checkField();
		});
		
		$(".searchField").click(function() {
			$(".searchField").addClass('used');	
		});
	
	});
	
	//reset the form value on reload
	
	document.getElementById('search1').value = ""
	
	//performs value check for search field BG
	
	function checkField() {
	
		if (document.getElementById('search1').value == "") {
			$(".searchField").removeClass('used');
		}
		else {	
			$(".searchField").addClass('used');		
		}
	}