$(document).ready(function(){

    //  ENABLES MOUSEOVER STATE  //
    $("div.question").hover(
            function(){
              $(this).addClass("hover");
            },
            function (){
              $(this).removeClass("hover");
            }
            );

    //  ENABLES QUESTION POPUP ON CLICK //
    $("div.question").click(
            function() {
                $('.question').addClass("active");
                $('.close').css('display','block')
                $('#questionPopup .hide').show();
                $('#questionPopup').animate({opacity: "toggle", left:"440"},{queue:true, duration:200,easing: 'easeInSine'});
                $('#questionPopup #emailsuccess').remove();
                })
    $("div.closeBtn").click(
            function() {
                $('#questionPopup').animate({opacity: "toggle", left:"430"},{queue:true, duration:200,easing: 'easeInSine'});
                $('.question').removeClass("active");
                })

    // FORM CONTROLS - CLEAR INPUTS ON FOCUS //
    $('label').hide();
    $('#contactform input, #contactform textarea').each(function () {
            if ($(this).val() == '') {
                    $(this).val($(this).attr('defaultvalue'));
            }
    }).focus(function () {
            $(this).removeClass('inputerror');
            if ($(this).val() == $(this).attr('defaultvalue')) {
                    $(this).val('');
            }
    }).blur(function () {
            if ($(this).val() == '') {
                    $(this).val($(this).attr('defaultvalue'));
            }
    })
    

    
    $('#contactform input#submit').click( function(e) {
        e.preventDefault();
        var data = $(this).parent().serialize();
        $.ajax({
            type: "POST",
            url: base + "contact/question",
            data: data,
            error: function() {
                alert('great failure')
            },
            success: function(result) {   
                $('.close').css('display','none')
                $('#questionPopup .hide').animate({opacity: "toggle"},{duration:200,easing: 'easeInSine'});
                $('#questionPopup').append('\
                        <div id="emailsuccess"><p><br /><br /><br /><br /><br /><em>Thank You!</em>\n\
                        <p>We have received your question.</p>\n\
                        <p>Someone will contact you soon.</p></div>');
                $('#questionPopup').delay(3000).animate({opacity: "toggle", left:"430"},{queue:true, duration:200,easing: 'easeInSine'});
                $('.question').removeClass("active");
            }
        });
    })
})