// JavaScript Document

// top header slider starts
$(document).ready(function() {

	// Expand Panel
	$("#open").click(function(){
		$("div#panel").slideDown("slow");
	});	
	
	// Collapse Panel
	$("#close").click(function(){
		$("div#panel").slideUp("slow");	
	});		
	
	// Switch buttons from "Log In | Register" to "Close Panel" on click
	$("#toggle a").click(function () {
		$("#toggle a").toggle();
	});	

// latest work slider starts
	$("#slider").easySlider({
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',
		auto: false, 
		continuous: true
	});
	$("#slider2").easySlider({
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',		
		prevId: 'prevBtn',
		nextId: 'nextBtn'
	});
	
});


// drop-down menu starts
sfHover = function() {
	var sfEls = document.getElementById("main_lnks").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);