$(document).ready(function() {

    //$(document).pngFix();

 $(".gallery").fancybox({
                'zoomSpeedIn':  0,
                'zoomSpeedOut': 0,
                'overlayShow':  true,
                'padding'       :       5
    });


   // $('#usernamel').focus();
   
    // login validation
    var validator = $("#login").validate({
        errorLabelContainer: $("#login div.error2")
    });
    
    $(".tpmenu ul > li:eq(0)").addClass("home");
    $(".tpmenu ul > li:eq(1)").addClass("service");
    
/*
    // login
    $('#login').submit(function(){  
         if(validator.valid()) {
            $.ajax({
                url: $(this).attr('action'), 
                data: $(this).serialize(),
                type: $(this).attr('method'),
                dataType: 'json',
                success: function(response){
                    if (response['login']==false) {
                        showMessage('Login failed!','Invalid username or password. Try again.','error');
                    } else {
                        window.location = response['forward'];
                    }
                }
            });
        }
        return false;
    });
    
    $('#newslettersubscription').validate();
    
    $('#newslettersubscription').submit(function(){
        $.ajax({
            url: $(this).attr('action'), 
                data: $(this).serialize(),
                type: $(this).attr('method'),
                dataType: 'json',
                success: function(response){
                    if (response['status']==false) {
                        showMessage('Newsletter subscription failed!',$('#newsletteremail').val()+' is already subscribed to our newsletter!','error');
                    } else {
                        showMessage('You have been subscribe to our newsletter successfully.','Thank you for your subscription.','success');
                        $('#newsletterbox').hide('fast');
                    }
             }
        
        });
         return false;
    });
    */
});

/*
jQuery(function($){
        $('<div id="loadingBox"><div id="loadingimg"></div><div id="loading"></div></div>').appendTo(document.body).hide();
        $('#loadingBox').ajaxStart(function() {
           $(this).show();
        }).ajaxStop(function (){
           $(this).hide();
           
        });
});
*/
/**
    display a message.
    @title = Title of the message
    @message = optional text
    @type = ["notification" | "error" | "success"]
**/
function showMessage(title, message, type) {
        if(type=="success") {
            $("#messageTitle").addClass("successMessage");
            $("#messageTitle").removeClass("errorMessage");
            $("#messageTitle").removeClass("notificaionMessage");
        } else if(type=="notification") {
            $("#messageTitle").addClass("notificationMessage");
            $("#messageTitle").removeClass("errorMessage");
            $("#messageTitle").removeClass("successMessage");
        } else {
            $("#messageTitle").addClass("errorMessage");
            $("#messageTitle").removeClass("notificaionMessage");
            $("#messageTitle").removeClass("successMessage");
        }
        $("#messageTitle").html(title);
        $("#messageBody").html(message);
        $("#ajaxMessage").show("slow");
        /* this cause layout problem in IE7, the active tabs freaking out */
        if(type=="success" || type=="notification") setTimeout('$("#ajaxMessage").hide("slow");', 5000);
}