function onFocus() {
    if ($(this).val() == AcceptOffer[$(this).attr('id')]) {
        $(this).val('');
    }
}

function onBlur() {
    if ($(this).val() == '') {
        $(this).val(AcceptOffer[$(this).attr('id')]);
    }
}

function submitForm(formData) {
    var functionName = "AcceptOffer";
    var jsonText = JSON.stringify(formData, function(key, value) { return value; });
    $.ajax({
        type: "POST",
        url: "/Frontend/CentrumTurist/Server/ServiceFunctions.ashx",
        data: {
            "name": functionName,
            "funcData": jsonText
        },
        success: function(data, textStatus) {
            $('.accepOffer .content').html("<div class='acceptedMessage'>" + offer_accepted_message + "</div>");
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            alert(XMLHttpRequest.responseText);
        }
    });
}

function validateAcceptOffer() {
    var isValid = true;
    var inps = $('.accepOffer input[type=text]');
    for (var i = 0; i < inps.length; i++) {
        var inp = $(inps[i]);
        var id = inp.attr('id');
        if (inp.val() == AcceptOffer[id]) {
            isValid = false;
            inp.attr('style', 'color: #FF0000');
        } else {
            if (inp.attr('name') == 'customer' || inp.attr('name') == 'order') {
                if (isNaN(inp.val())) {
                    isValid = false;
                    inp.attr('style', 'color: #FF0000');
                } else {
                    inp.removeAttr('style');
                }
            } else {
                inp.removeAttr('style');
            }
        }
    }
    return isValid;
}

$(function() {
    $('#email').val(AcceptOffer['email']).focus(onFocus).blur(onBlur);
    $('#customer').val(AcceptOffer['customer']).focus(onFocus).blur(onBlur); ;
    $('#order').val(AcceptOffer['order']).focus(onFocus).blur(onBlur);
    $('#submitOffer').click(function() {
        if (validateAcceptOffer()) {
            var AcceptOfferData = {};
            var inps = $('.accepOffer input[type=text]');
            for (var i = 0; i < inps.length; i++) {
                var inp = $(inps[i]);
                var id = inp.attr('id');
                AcceptOfferData[id] = (inp.val() == AcceptOffer[id]) ? '' : inp.val();
            }
            submitForm(AcceptOfferData);
        }
    });

    var qs = new Querystring();
    if (qs.contains('e'))
        $('#email').val(qs.get('e'));
        
    if (qs.contains('c'))
        $('#customer').val(qs.get('c'));
        
    if (qs.contains('o'))
        $('#order').val(qs.get('o'));                

});

function Querystring(qs) { // optionally pass a querystring to parse
    this.params = {};

    if (qs == null) qs = location.search.substring(1, location.search.length);
    if (qs.length == 0) return;

    // Turn <plus> back to <space>
    // See: http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.1
    qs = qs.replace(/\+/g, ' ');
    var args = qs.split('&'); // parse out name/value pairs separated via &

    // split out each name=value pair
    for (var i = 0; i < args.length; i++) {
        var pair = args[i].split('=');
        var name = decodeURIComponent(pair[0]);

        var value = (pair.length == 2)
			? decodeURIComponent(pair[1])
			: name;

        this.params[name] = value;
    }
}

Querystring.prototype.get = function(key, default_) {
    var value = this.params[key];
    return (value != null) ? value : default_;
}

Querystring.prototype.contains = function(key) {
    var value = this.params[key];
    return (value != null);
}