function send_request(data){
    $.ajax({
        type: "POST",
        url: "/catalog/ajax/request",
        data: data,
        success: function(html){
            if (html){
                $("#request-form").html(html)
                update_dom();
            }
        }
    });
}

function hide_form_request(){
    $("#object-description").show();
    $("#request-form").hide();
    return false;
}

function submit_form_request(form_obj){
    if (f_name.val() == l_name) f_name.val("");
    if (f_email.val() == l_email) f_email.val("");
    if (f_tel.val() == l_tel) f_tel.val(""); 
    var data = $("#"+form_obj.id).serialize();
    $("#"+form_obj.id).css("opacity","0.4");
    $("#msgbox").show();
    send_request(data);
    return false;
}

function update_dom(){
    l_name = $("#l_id_name").val();
    l_email = $("#l_id_email").val();
    l_tel = $("#l_id_telephone").val();
    f_name = $("#id_name");
    f_email = $("#id_email");
    f_tel = $("#id_telephone");
    f_selector = $("#id_name,#id_email,#id_telephone");
    if (f_name.val() == "") f_name.val(l_name);
    if (f_email.val() == "") f_email.val(l_email);
    if (f_tel.val() == "") f_tel.val(l_tel);
    
    f_selector.focus(function(){
    clear_field($(this));
    });

    f_selector.blur(function(){
        fill_field($(this));
    });
}

function clear_field(obj)
{
    var label = $("#l_"+obj.attr("id"));
    if (obj.val() == label.val()) {
        obj.val("");
    }
}

function fill_field(obj)
{
    var label = $("#l_"+obj.attr("id"))
    if (obj.val() == "") {
        obj.val(label.val());
    }
}

var l_name, l_email, l_tel, f_name, f_email, f_tel, f_selector;

$(document).ready(function(){
    update_dom();
    $("#requestButton").click(function(){
        $("#object-description").hide();
        $("#request-form").show();
        return false;   
    });
});