$(document).ready(function(){	
			$("#slider").easySlider({
				auto: true, 
				continuous: true,
				numeric: true
			});
			
			// main vertical scroll 
			$("#main").scrollable({ 
			 
				// basic settings 
				vertical: true, 
				size: 1, 
				clickable: false, 
			 
				// up/down keys will always control this scrollable 
				keyboard: 'static'/*, 
			 
				// assign left/right keys to the actively viewed scrollable 
				onSeek: function(event, i) { 
					horizontal.scrollable(i).focus(); 
				} */
			 
			// main navigator (thumbnail images) 
			}).navigator("#main_navi"); 
			 
			// horizontal scrollables. each one is circular and has its own navigator instance 
			//var horizontal = $(".scrollable").scrollable({size: 1}).circular().navigator(".navi"); 
			// when page loads setup keyboard focus on the first horzontal scrollable 
			//horizontal.eq(0).scrollable().focus();
		});


var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
// open hidden layer
function mopen(id) {
	// cancel close timer
	mcancelclosetime();
	// close old layer
	if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
}
// close showed layer
function mclose() {
	if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
// go close timer
function mclosetime() {
	closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime() {
	if (closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}
// close layer when click-out
document.onclick = mclose;