$(window).load(function () {
	// after all the elmenets are loaded;
});

$(document).ready(function(){
	$("#navigation ul li > ul").hide().css('visibility', 'visible');
	// footer positionte bottom
	
	var colLeft = $("#center .col_left").height();
	
	if( $("#center .col_left").height() > $("#center .col_right").height() ) { 
		$("#copy, #center, #center .col_left").height(colLeft + 70)
	}
	
	// adds border orange as inline style, for color in hex use #......
	$("input:text, textarea").each(function() {
		$(this).click(function() {
			$(this).css({ "border-color": "orange" })
		})
	})
	
	// removes the inline style added by the click (removes all the inline styles)
	$("input:text, textarea").each(function() {
		$(this).blur(function() {
			$(this).attr("style", "")
		})
	})
	
	
	$("#navigation > ul > li:has(ul)").hover(function() {
		$(this).addClass('hovered').find("ul").slideDown("fast")
	}, function() {
		$(this).removeClass('hovered').find("ul").slideUp("fast")
	})

});