function fixTrans()
{
	var transparentImage = "images/1x1.gif";
	
	if (typeof document.body.style.maxHeight == 'undefined') {

	var imgs = document.getElementsByTagName("img");
	
	for (i = 0; i < imgs.length; i++)
	{	
		if (imgs[i].src.indexOf(transparentImage) != -1)
		{
			return;
		}

		if (imgs[i].src.indexOf(".png") != -1)
			{
				var src = imgs[i].src;
				imgs[i].src = transparentImage;
				imgs[i].runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
				imgs[i].style.display = "inline-block";
			}
		}	
	}
}


function navigate(content) 
{
	$(".load-content").slideUp("slow");
    $.ajax({
        url: "content.php",
        data: "page=" + content,
        beforeSend: function(){
            $("#loading").show("fast");
        }, //show loading just when link is clicked
        complete: function(){
            $("#loading").hide("fast");
        }, //stop showing loading when the process is complete
        success: function(html){ //so, if data is retrieved, store it in html
            $(".load-content").show("slow"); //animation
            $(".load-content").html(html); //show the html inside .load-content div		
            contactFormInit();			
        }
    }); //close $.ajax(
}


function contactFormInit()
{
	var contactForm = $('#contact-form');
	var formFields = $('#contact-form input[type=text], #contact-form textarea');
	
	if (contactForm.length > 0) {
		formFields.each(function() {
			$(this).attr('value', defaultFieldValue(this));
		});
		
		formFields.focus(function() {
			$(this).css('background-color', '#171C20');
			$(this).css('border-color', '#fff');
			$(this).css('color', '#fff');
			
			if ($(this).attr('value') == defaultFieldValue(this)) {
				$(this).attr('value', ''); 
			}
		});
		formFields.blur(function() {
			$(this).css('background-color', '#fff');
			$(this).css('border-color', '#DEA92D');
			$(this).css('color', '#171C20');
			
			if (0 == jQuery.trim($(this).attr('value')).length) {
				$(this).attr('value', defaultFieldValue(this));
			}
		});
		
		contactForm.submit(function() {
			contactFormSend();
			return false;
		});
	}
}

function contactFormSend()
{
	var formFields = $('#contact-form input[type=text], #contact-form textarea');
	var ok = true;
	
	// reset errors 
	$('.error').hide();
	$('#contact-form input[type=text]').css('border-color', '#DEA92D');
	
	// validation 
	var name = jQuery.trim($('#name').attr('value'));
	if (0 == name.length || name == defaultFieldValue($('#name'))) {
		$('#name_error').show("slow");
		$('#name').css('border-color', '#f00')
		ok = false;
	}
	
	var emailFormat = new RegExp("^([0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*@(([0-9a-zA-Z])+([-\w]*[0-9a-zA-Z])*\.)+[a-zA-Z]{2,9})$","g");
	var email = jQuery.trim($('#email').attr('value'));
	if (0 == email.length || email == defaultFieldValue($('#email')) || !emailFormat.test(email)) {
		$('#email_error').show("slow");
		$('#email').css('border-color', '#f00')
		ok = false;
	}
	
	var phoneFormat = new RegExp("^[0-9]{3}-[0-9]{3}-[0-9]{4}$","g");
	var phone = jQuery.trim($('#phone').attr('value'));
	if (0 == phone.length || phone == defaultFieldValue($('#phone')) || !phoneFormat.test(phone)) {
		$('#phone_error').show("slow");
		$('#phone').css('border-color', '#f00')
		ok = false;
	}
	
	if (!ok) {
		return false;
	}
	
	// cleare default message 
	var message = jQuery.trim($('#message').attr('value'));
	if (message == defaultFieldValue($('#message'))) {
		$('#message').attr('value', '');
	}
		
	// send 
	$(".load-content").slideUp("slow");
    $.ajax({
        type: "POST",
        url: "content.php?page=contact_sent",
        data: $('#contact-form').serialize(),
        beforeSend: function(){
            $("#loading").show("fast");
        }, 
        complete: function(){
            $("#loading").hide("fast");
        }, 
        success: function(html){ 
            $(".load-content").show("slow"); 
            $(".load-content").html(html); 
        }
    });
}

function defaultFieldValue(e) 
{
	var defaultField = $('#' + $(e).attr('id') + '_default');
	if (defaultField.length > 0) {
		return defaultField.attr('value');
	}
	else {
		return '';
	}
}
	
	
	
$(document).ready(function () {
    if (document.all && !window.opera) {
		fixTrans();
	}
	
	$('a').livequery('click', function() { //start function when any link is clicked
        navigate($(this).attr("title")); //retrieve title of link so we can compare with php file
    }); //close click(    	
});	