// JavaScript Document

$(document).ready(function() {
							
	
	$("li[id^='btn_'],div[id^='btn_']").click(function(){	
									   
		var pattern = /_\w+$/ 
		if(divsection = this.id.match(pattern)){
			divsection = divsection[0].substring(1,divsection[0].length); //javascript doesn't support lookaround assertions			
		} 

     	var fade = $('#' + divsection);
    
		// if the element is currently being animated (to a fadeOut)...
		if (fade.is(':animated')) {
		  // ...take it's current opacity back up to 1
		  fade.stop().fadeTo(250, 1);
		} else {
		  // fade in quickly
		  fade.fadeIn(250);
		}
 	 }, function () {
    // on hovering out, fade the element out
		var fade = $('#main', this);
		if (fade.is(':animated')) {
		  fade.stop().fadeTo(3000, 0);
		} else {
		  // fade away slowly
		  fade.fadeOut(3000);
		}
		
    });

	
	DD_roundies.addRule('.rounded', '5px', true);
	DD_roundies.addRule('.rounded-alt', '5px 0 5px 0', true);
	
	
	//client login validation
	$("#login-form").validate({
		rules: {
			username: "required",
			passwd: "required"
			},
		messages: {
			username: "Username is required",
			passwd: "Password is required"
			},
		submitHandler: function(form) {
			$(form).ajaxSubmit(function(response){
				$('#login').html(response);	
				});
		}


	});
	
	
	//clear out username / password
	$('#username').val('');
	$('#passwd').val('');
						
	preloadImages = Array("images/main_body_blue.jpg");
    jQuery.preLoadImages(preloadImages);
							
							
});

(function($) {
	var cache = [];
	$.preLoadImages = function() {
		var args_len = arguments.length;
		for (var i = args_len; i--;) {
			var cacheImage = document.createElement('img');
			cacheImage.src = arguments[i];
			cache.push(cacheImage);
		}
	}
})(jQuery)