$(function($) {
	// clock
	var options = {
		format: '%I:%M %p'
	}
	$('.jclock').jclock(options);

	// png fix
	$(document).pngFix(); 
	
	// scroll pane
	$('.scroll-pane').jScrollPane({scrollbarWidth:10, scrollbarMargin:10});
	
	// tabs
	jQuery(".tab:not(:first)").hide();
	jQuery(".tab:first").show();
	jQuery(".htabs a").click(function(){
		stringref = jQuery(this).attr("href").split('#')[1];
		jQuery('.tab:not(#'+stringref+')').hide();
		if (jQuery.browser.msie && jQuery.browser.version.substr(0,3) == "6.0") {
			jQuery('.tab#' + stringref).show();
		}
		else 
			jQuery('.tab#' + stringref).fadeIn();
		return false;
	});
	
	$("#contact_form").validate({ 
		rules: { 
			name: "required",    // simple rule, converted to {required: true} 
			email: {             // compound rule 
				required: true, 
				email: true 
			}, 
			comment: { 
				required: true 
			} 
		}, 
		messages: { 
			comment: "Please enter a comment." 
		} ,
		submitHandler: function(form) {
			var options = { 
				//target:        '#output2',   // target element(s) to be updated with server response 
				//beforeSubmit:  showRequest  // pre-submit callback 
				success:       showResponse  // post-submit callback 
			}; 
			$('#contact_form').ajaxSubmit(options);
			return false;
		}
	});	
});
function showResponse(responseText, statusText) {
	document.getElementById("input_name").value = "";
	document.getElementById("input_email").value = "";
	document.getElementById("input_comment").value = "";
	alert("Your email has ben sent.\nThank you for your comment!");
}
function contactSubmit() {
	var layer = document.getElementById("submit_button");
	layer.innerHTML = '<input name="submit" id="submit" type="submit" value="Send ..." />';
}