$(document).ready(function() {
   


	$(".gallery").fancybox({
                'zoomSpeedIn':  100,
                'zoomSpeedOut': 100,
                'zoomOpacity': true,
                'overlayShow':  true,
                'overlayOpacity':       0.9,
                'centerOnScroll':       true
    });

    if($(".secure").length >= 1) {

                $.get("/token.php",function(txt){
                $(".secure").append('<input type="hidden" name="ts" value="'+txt+'" />');
            });
    }

    $("#slider > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 12000, true);

    $("#search_input , #newsletteremail").click(function(){
		$(this).val("");
    });
    
    $("#contactform").validate();
    
	$('#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);
}