function toggle_visibility(id) {
	var e = document.getElementById(id);
	if(e.style.display == 'none') {
		e.style.display = 'block';
	} else {
		e.style.display = 'none';
	}
}

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









// execute your scripts when the DOM is ready. this is mostly a good habit
$(function() {

	// initialize scrollable
	$(".scrollable").scrollable({circular:true, speed:500}).autoscroll(9000);

});










		$(function()
	{
		// this initialises the demo scollpanes on the page.
		$('#pane4').jScrollPane({scrollbarWidth:6});
		$('#pane5').jScrollPane({showArrows:true});
	});

