$(document).ready(function(){

	$('#support input, #support textarea').focus(function(){
        if($(this).val() == $(this).attr('title')){
            $(this).val('');
        }
    });
    
    $('#support input, #support textarea').blur(function(){
        if($(this).val() == ''){
            $(this).val($(this).attr('title'));
        }
    });
    
	initContactForm();
	
	$("#email").click(function(){
		$(".popup").css("display", "block");
	});
	$("#email2").click(function(){
		$(".popup").css("display", "block");
	});		
	$(".close").click(function(){
		$(".popup").css("display", "none");
	});	
});

function initContactForm(){
	$('form#support').submit(function(){
        emptyForm('support', true);
		var form = $(this);
		var formData = $(this).serialize();
		var error = '';
        
        $('#error_contact').slideUp('normal');
            $.ajax({
                type: 'POST', url: form.attr('action'), data: formData, 
                success: function ( responseData ){
                    if((error = Process(responseData)) != ''){
                        $('#error_contact').html(error);
                        $('#error_contact').css('color','red');
                        $('#error_contact').slideDown('normal');
                        emptyForm('support', false);
                    } else{
                        document.getElementById('support').reset();                      
                        $('form#support DIV').hide('normal');
                        $('form.support-form SPAN.select').hide('normal');
                        $('form.support-form BUTTON').hide('normal');
                        $('#error_contact').html('Thank You');
                        $('#error_contact').css('color','green');
                        $('#error_contact').slideDown('normal');                        
                    }
                }
            });		
        
		return false;
	});
}
function emptyForm(id, flag){    
        $('#' + id + ' input, #'+id+' textarea').each(function(){
            if (flag){
                if($(this).val() == $(this).attr('title')){
                    $(this).val('');
                }
            } else {
                if($(this).val() == ''){
                    $(this).val($(this).attr('title'));
                }
            }
        });
}

function Process(str){
	list = str.split(':');
	if(list[0].toLowerCase() != 'done'){
		return list[1];
	} else {
		return '';
	}
}