// ===========
// load Page Content
// ===========
function loadPageContent(tagid, filename, actionafter, active) {
	$.ajax({
		url: filename,
		success: function(result) {
			$('#' + tagid).html(result);
			if (actionafter == 1){
				    $("#scr-menu").jqDock({
					align: 'middle',
					size: 55,
					duration:800,
					coefficient :1.5,
					fadeIn: 0,
					distance: 130,
					step:50,
				   active: active
				 });
			}
		},
		error: function(result) {
			$('#' + tagid).html(result);
		}
	});
}


// ===========
// toggle Contact Form
// ===========
function toggleContactForm(mode) {
	if (mode){
		$("#contact-form input, #contact-form textarea").val("")
		$("#form-error").html(" ")
		$.blockUI({
			message:$('#contact-form'),
			css: {
				top: '8%',
				backgroundColor: 'transparent',
				border: '0px',
				cursor: 'default'
			},
			overlayCSS: {
				backgroundColor: '#000',
				opacity: 0.8 
			}
		})
		$('.blockOverlay').click($.unblockUI);
	}
	else
		$.unblockUI()
}



// ===========
// frm Contact Validation
// ===========
EmailValidation = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/   // Email Validate
function frmContactValidation() {
	formerror = false
	$("#form-error").css("color", "#f5086c")
	
	if ($.trim($("#name").val()).length == 0){
		$("#form-error").html("Please enter your name")
		$("#name").focus()
		formerror = true
		return false;		
	}
	if ($.trim($("#email").val()).length == 0){
		$("#form-error").html("Please enter your email address")
		$("#email").focus()
		formerror = true
		return false;		
	}
	if (!EmailValidation.test($.trim($("#email").val()))) {
		$("#form-error").html("Invalid email address")
		$("#email").focus()
		formerror = true
		return false;		
	}
	if ($.trim($("#message").val()).length == 0){
		$("#form-error").html("Please enter your message")
		$("#message").focus()
		formerror = true
		return false;		
	}

	if (!formerror) {
		$.ajax({
			url: "contact-send.asp?name=" + $.trim($("#name").val()) + "&email=" + $.trim($("#email").val()) + "&msg=" + $.trim($("#message").val()),
			beforeSend: function(){
				$("#form-error").css("color", "#000").html("<img alt='' src='images/site/face-loader.gif'/>Please wait ...")
			},
			success: function(result) {
				$("#form-error").css("color", "#9f3ae6").html("Your message has been sent successfully")
			},
			error: function(XHRObject, options, errorThrown) {
				$("#form-error").css("color", "#f5086c").html("An error occurred, please try again later");
				//$("#form-error").css("color", "firebrick").html(XHRObject.responseText);
			},
			complete: function(){
				$("#contact-form input, #contact-form textarea").val("")
			}
		});		
	
	}
	return false;		
	
}



// ===========
// Project Over Service
// ===========
function ProjectOverService(thislink, tagid) {
	if (tagid == "services"){
		marginPos = 132
		$("#servicesandoverview span:first").css("color", "")
		$("#servicesandoverview span:last").css("color", "#888")
	}
	else {
		marginPos = 1
		$("#servicesandoverview span:last").css("color", "")
		$("#servicesandoverview span:first").css("color", "#888")
	}
	$(".serviceover").animate({
		"margin-left" : marginPos
		}, 200, function(){
			$("#overview_in,#services_in").hide()
			$("#" + tagid + "_in").show("fade", 200)
		})
}



// ===========
// Show Portfolio
// ===========
function ShowPortfolio(cat){
	if (cat == "all")
		$("#portfolio-sample div").show("fade", 500)
	else {
		$("#portfolio-sample div").hide();
		$("#portfolio-sample div[class~='" + cat + "']").show("fade", 500)
	}
}