var jscroller = null;

jQuery(function() {

	jQuery("#contentbg,#headerbg,#folderbg").css("opacity","0.6")
	jQuery("#header_oranje").css("opacity","0.9")
	jQuery("#header_oranje,#adresgegevens .lijn").css("opacity","0.9")
	

	//default instelling voor het hoofdmenu
	jQuery("ul#menu li .bg").css("opacity","0.5");
	jQuery("ul#menu li .lijn").css("opacity","0.9");
	jQuery("ul.submenu li .bg2").css("opacity","0.5");
	
	
	//animaties voor het hoofdmenu
	jQuery("ul#menu li").hover(function() {
	     var d = jQuery(this)
		d.find(".bg").stop(true,true).animate({"opacity":"0.9"});
		d.find(".lijn").stop(true,true).animate({"width":"21px","height":"4px","top":"11px","right":"5px"});
		
		var sm = d.find("div.submenuwrapper");
  		sm.stop(true,true).fadeIn()
	},function() {
	     var d = jQuery(this)
          d.find(".bg").stop(true,true).animate({"opacity":"0.5"});
          d.find(".lijn").stop(true,true).animate({"width":"4px","height":"21px","top":"3px","right":"14px"});

          var sm = d.find("div.submenuwrapper");
  		sm.stop(true,true).fadeOut();
	});
	
	//animaties voor het hoofdmenu
	jQuery("ul.submenu li").hover(function() {
	     var d = jQuery(this)
		d.find(".bg2").stop(true,true).animate({"opacity":"0.9"});
	},function() {
	     var d = jQuery(this)
          d.find(".bg2").stop(true,true).animate({"opacity":"0.5"});
	});
	
	//scrollpane
	jscroller = $('#content').jScrollPane({
		showArrows: false,
		horizontalGutter: 0,
		verticalGutter: -10				
	});
	jQuery(".jspVerticalBar").css({"opacity":0.5})

})