browser = {
	msie:	 /msie/i.test(navigator.userAgent),
	ie6:	/msie (5|6)/i.test(navigator.userAgent),
	opera:	 /opera/i.test(navigator.userAgent),
	safari:  /webkit/i.test(navigator.userAgent),
	mozilla: /mozilla/i.test(navigator.userAgent)
};

$(document).ready(function(){
	var style = document.createElement('link');
	style.setAttribute('rel','stylesheet');
	style.setAttribute('type','text/css');
	style.setAttribute('href','css/stylefix.css');
	document.getElementsByTagName('head')[0].appendChild(style)	;							   
	$('#super-man, #logo, #contact .header').pngFix();	
	$("#contact form").validate({
		rules: {
			name: {
				required:true
			},
			tel: {
				required: true
			},			
			email: {
				required:true,
				email: true
			},
			date: {
				required: true,
				date: true
			},			
			location:{
				required: true
			},
			time:{
				required: true
			},			
			type:{
				required: true
			},
			num:{
				required: true,
				number: true
			},			
			details: {
				required: true,
				minlength: 6
			}
		},	
		messages: {
			name: {
				required:''
			},
			tel: {
				required: ''
			},			
			email: {
				required:'',
				email: ''
			},
			date: {
				required: '',
				date: ''
			},			
			location:{
				required: ''
			},
			time:{
				required: ''
			},			
			type:{
				required: ''
			},
			num:{
				required: '',
				number: ''
			},			
			details: {
				required: '',
				minlength: ''
			}			
		},
		errorPlacement: function(error, element) {
			$(element).addClass('error');
		}
		,submitHandler: function() {
			$('#loading-bar').addClass("loading");
			$('#contact form').ajaxSubmit({
				dataType: 'json',
				type: 'post',
				success : function(result){
					$('#loading-bar').removeClass("loading");
					$("#contact-result").html("<p>Thanks "+result.name+", for contacting us, "+result.msg+".</p>" +
							             "<p align=\"center\">" +
              							 "<input id=\"btn-back\" type=\"button\" value=\"\"/>"+
            							 "</p>");	
					$("#contact-panel").hide();
					$("#contact-result").show();
					$("#btn-back").click(function(){
					    $("#contact-result").hide();
						$("#contact-panel").show();												  
					});					
				}										  
			});
		}
		}
		);		
});
