$(document).ready(function(){

// clear input on focus
    $(".forma").focus(function(){
        var original_value;
        switch(this.name){
            case 'name':
                original_value = 'Your name';
                break;
            case 'email':
                original_value = 'Your email address';
                break;
            case 'phone':
                original_value = 'Your phone number';
                break;
            case 'contact-time':
                original_value = 'When to contact you';
                break;
            case 'message':
                original_value = 'Your message';
                break;
        }
        if($(this).val() == original_value){
            $(this).val("");
        }
    });

    // if field is empty afterward, add text again
    $(".forma").blur(function()
    {
        var original_value;
        switch(this.name){
            case 'name':
                original_value = 'Your name';
                break;
            case 'email':
                original_value = 'Your email address';
                break;
            case 'phone':
                original_value = 'Your phone number';
                break;
            case 'contact-time':
                original_value = 'When to contact you';
                break;
            case 'message':
                original_value = 'Your message';
                break;
        }
        if($(this).val() == ""){
            $(this).val(original_value);
        }
    });

    $("#email-btn").click(function(){
        $('span.emailerr').remove();
        var hasError = false;
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

        var name = $("#name").val();
        if(name == '' || name == 'Your name') {
            $("#name").after('<span class="emailerr">You forgot to enter your name.</span>');
            hasError = true;
        }

        var email = $("#email").val();
        if(email == '' || email == 'Your email address') {
            $("#email").after('<span class="emailerr">You forgot to enter your email.</span>');
            hasError = true;
        } else if(!emailReg.test(email)) {
            $("#email").after('<span class="emailerr">Enter a valid email address please.</span>');
            hasError = true;
        }

        var phone = $("#phone").val();
        if(phone == '' || phone == 'Your phone number') {
            $("#phone").after('<span class="emailerr">You forgot to enter your phone.</span>');
            hasError = true;
        }

        var contacttime = $("#contact-time").val();
        if(contacttime == '' || contacttime == 'When to contact you') {
            $("#contact-time").after('<span class="emailerr">You forgot to enter contact time.</span>');
            hasError = true;
        }

        var message = $("#message").val();
        if(message == '' || message == 'Your message') {
            $('#message').after('<span class="emailerr">You forgot to enter the message.</span>');
            hasError = true;
        }

        if($('#verifiedd').val() != 'true'){
            $('.captcha').after('<span id="verifiedErr" class="emailerr">Please, type the characters ' +
                'from picture into the box on its rigth for spam prevention.</span>');
            hasError = true;
        }

    if(hasError == false) {
//    $.post("/ajaxemail.php",
//        {email: email, name: name, phone: phone, contacttime: contacttime, message: message, captcha: captcha},
//            function(data){
//                console.log(data);
//                if(data.success == 'true'){
//                    $("#email_success > p").html('');
//                    $("#email-form").slideUp("slow", function() {
//                        $("#email-form").before('<h3>Thank you.</h3><p>Your mail has been sent.</p>' +
//                            '<p>We will contact you as soon as possible.</p>');
//                    });
//                }else {
//                    $('.captcha').append('<p>' + data.message + '</p>')
//                }
//            },
//            "json"
//         );

        $.ajax({
              url: "/ajaxemail.php",
              type: "POST",
              data: ({email: email, name: name, phone: phone, contacttime: contacttime, message: message}),
              dataType: "json",
              success: function(data){
                    $("#uploadErrs").html('');
                    if(data.success == 'true'){
                        $("#email_success > p, #email_success > div").html('');
                        $("#email-form").slideUp("slow", function() {
                            $("#email-form").before('<h3>Thank you.</h3><p>Your mail has been sent.</p>' +
                                '<p>We will contact you as soon as possible.</p>');
                        });
                    }else {
                        $('.emailMsg').remove();
                        $('#uploadErrs').append('<p class="span-11 last emailMsg">' + data.message + '</p>');
                        $(".emailMsg").animate({
                            width: "70%",
                            opacity: 0.4
                          }, 1500)
                      }
                  },
              error: function(jqXHR, textStatus, errorThrown){
                    $("#uploadErrs").html('');
                    $('#uploadErrs').append('<p>An error happend. Could you, please, try again?</p>')
              }
           }
        )
    }

        return false;
    });

    $('a[href="#email-form"]').click(function(event){

        event.preventDefault();

        if($.browser.opera){
        $('html').animate({scrollTop: $("#footer").offset().top}, 2000);
        }
        else {
        $('html, body').animate({scrollTop: $("#footer").offset().top}, 2000);
        }
    });

    $('a[href="#map"]').click(function(event){
        event.preventDefault();
        if($.browser.opera){
            $('html').animate({scrollTop: $("#map").offset().top}, 2000);
        }
        else {
            $('html, body').animate({scrollTop: $("#map").offset().top}, 2000);
        }
    });

    $('a[href="#header-wrap"]').click(function(event){
        event.preventDefault();
        if($.browser.opera){
            $('html').animate({scrollTop: $("#header-wrap").offset().top}, 2000);
        }
        else {
            $('html, body').animate({scrollTop: $("#header-wrap").offset().top}, 2000);
        }
    });

    // meni
    // $('a[href="#"] ~ ul').slideToggle('slow');

    $("ul:has(#current)").slideDown('slow');

    $('a[href="#"]').click(function(event){
        event.preventDefault();
        $(this).next('ul').slideToggle('slow');

    });

    $("#verifyMe").click(function(){
        var verifyData = $("#captcha").val();
        $.ajax({
              url: "/check_captcha.php",
              type: "POST",
              data: ({verify: verifyData}),
              dataType: "json",
              success: function(data){
                    $('.captchaMsg').remove();
                    $("#uploadErrs").html('');
                    if(data.success == 'true'){
                        $(".captcha").children().hide();
                        var buttons = '<div class="uploadDivWrap span-5">' +
                            '<div class="uploadImage" id="prva">Upload File</div>' +
                                '<span class="status" ></span>' +
                            '</div><div id="uploadMsgs" class="span-5">' +
                                '<div id="uploadErrs"></div>' +
                                '<div id="uploadSuccess"></div>' +
                            '</div>';
                        $(".captcha").append(buttons);
                        $('#verifiedErr').remove();
                        $("body").append('<input type="hidden" id="verifiedd" value="true" />');
                        bindActionToButtons();
                    }else {
                        $('.captcha').after('<p class="span-11 last captchaMsg">' + data.message + '</p>');
                      }
                  },
              error: function(jqXHR, textStatus, errorThrown){
                    $('#uploadErrs').append('<p>An error happend. Could you, please, try again or reload a page?</p>')
              }
           }
        )
    });

});
var bindActionToButtons = function(){
    $('.uploadImage').each(function(){
        var id = $(this).attr('id');
        upload( id , $( "#" + id ).parent().children(".status") );
    });
};


var upload = function(btnId, statusElId){
    var btnUpload= $( "#" + btnId );
    var status= statusElId; //$( "#" + btnId + " ." + statusElId );

    new AjaxUpload( btnUpload, {
        action: '/upload_file.php',
        //Name of the file input box
        name: btnId,
        onSubmit: function(file, ext){
            if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
                // check for valid file extension
                status.html('Only JPG, PNG or GIF files are allowed');
                return false;
            }
            status.html('Uploading...');
        },
        onComplete: function(file, response){
            //On completion clear the status
            response = jQuery.parseJSON(response);
            status.html('');
            $("#uploadErrs").html('');
            //Add uploaded file to list
            if(response.success == "true" || response.success == true ){
//                        btnUpload.html('<img style="heigth:100px; width:100px;" src="file_uploads/' +
//                                            response.file_name + '" alt="" /><br />'+file).addClass('uploadSuccess');
                $("#uploadErrs").html('');
                $("#uploadSuccess").append('<div class="span-5" style="padding:2px 0;"><img style="heigth:50px; width:50px;" src="file_uploads/' +
                    response.file_name + '" alt="" /><br />'+file + '</div>').addClass('uploadSuccess');
            } else{
                $("#uploadErrs").html('<p>' + response.message + '</p>');
            }
        }
    });
}


    // send delete files message to server on unload
    $(document).unload(function(){
        $.ajax({
            url: "/delete_files.php",
            type: "POST",
            data: ({delete_files: 'delete'}),
            async: false,
            dataType: "json",
            success: function(data){},
            error: function(jqXHR, textStatus, errorThrown){}
        })
    })