// JavaScript Document
$(document).ready(function() {
/*	$(".sub_div").hide();
	$(".sub_div").css('opacity', 0.9);
	$(".subnav_a").hoverIntent(function() {
		$(".sub_div").stop().css('overflow', 'visible').slideDown(800);
	}, function() {
		$(".sub_div").stop().css('overflow', 'visible').slideUp(300);
	});
*/
	$('.demo_click_down').hide();
	$("div.scrollable").scrollable({ 
		size: 2, 
		clickable: false, 
		loop: true,
		easing: "swing",
		disabledClass: "enabled"
	});
	$('.demo_click_up').click(function() {
	  $('.demo_click_up').hide();
	  $('.demo_3').fadeOut();
	  $('.demo_2').fadeOut();
	  $('#demo_day').animate({
		height: '160px'
	  }, 1000, 'linear', $('.demo_click_down').fadeIn('slow'));
	});
	$('.demo_click_down').click(function() {
	  $('.demo_click_down').hide();
	  $('.demo_3').show();
	  $('.demo_2').show();
	  $('#demo_day').animate({
		height: '320px'
	  }, 1500, 'linear', $('.demo_click_up').show());
	});
});

/*sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);*/