$(function() {
    //$('#ddlVendor').change(getModels);
    $('#ddlModel').attr('disabled', true);
    $('#ddlYear').attr('disabled', true);
    $('#ddlVolume').attr('disabled', true);

    var fields = new Object();
    $('#form2m input').each(function(i) {
        fields[$(this).attr('name')] = $(this).attr('value');
        if ($(this).attr('type') == 'text') {
            $(this).css('color', '#7f7f7f');
        }
    });
    $('#form2m textarea').each(function(i) {
        fields[$(this).attr('name')] = $(this).attr('value');
        $(this).css('color', '#7f7f7f');
    });
    $('#form2m input').focus(function() {
        if ($(this).attr('value') == fields[$(this).attr('name')]) {
            $(this).attr('value', '');
            $(this).css('color', 'Black');
        }
    });
    $('#form2m textarea').focus(function() {
        if ($(this).attr('value') == fields[$(this).attr('name')]) {
            $(this).attr('value', '');
            $(this).css('color', 'Black');
        }
    });
    $('#form2m input').blur(function() {
        $('#form2m input').each(function(i) {
            if (!$(this).attr('value')) {
                $(this).attr('value', fields[$(this).attr('name')]);
                $(this).css('color', '#7f7f7f');
            }
        });
    });
    $('#form2m textarea').blur(function() {
        $('#form2m textarea').each(function(i) {
            if (!$(this).attr('value')) {
                $(this).attr('value', fields[$(this).attr('name')]);
                $(this).css('color', '#7f7f7f');
            }
        });
    });
});

var oElem;

function getJSONP(url, callback) {
    if (!url || !callback)
        return;

    url += '&callback=' + callback + '&r=' + Math.random();

    // выполняем запрос JSONP
    if (oElem) {
        oElem.parentNode.removeChild(oElem);
    }

    oElem = document.createElement('script');
    oElem.setAttribute('type', 'text/javascript');
    document.getElementsByTagName('body')[0].appendChild(oElem);
    oElem.setAttribute('src', url);
}

function getModels(response) {
    var models = (typeof response.data) == 'string' ? eval('(' + response.data + ')') : response.data;
    $('#ddlModel').attr('disabled', false);
    $('#ddlModel').change(setModel);
    $('#ddlModel').empty();
    $('#ddlModel').append($('<option value=\'\'>Модель</option>'));
    $('#ddlYear').empty();
    $('#ddlYear').append($('<option value=\'\'>Год выпуска</option>'));
    $('#ddlYear').attr('disabled', true);
    $('#ddlVolume').empty();
    $('#ddlVolume').append($('<option value=\'\'>Объём двигателя</option>'));
    $('#ddlVolume').attr('disabled', true);
    for (var i = 0; i < models.length; i++) {
        var val = models[i];
        var text = models[i];
        $('#ddlModel').append($('<option value="' + val + '">' + text + '</option>'));
    }
}

function setVendor() {
    var vendor = $('#ddlVendor').val();
    var url = "http://2motora.ru/CarHandler.ashx?vendor=" + vendor;
    getJSONP(url, "getModels");
}

function getYears(response) {
    var years = (typeof response.data) == 'string' ? eval('(' + response.data + ')') : response.data;
    $('#ddlYear').attr('disabled', false);
    $('#ddlYear').change(setYear);
    $('#ddlYear').empty();
    $('#ddlYear').append($('<option value=\'\'>Год выпуска</option>'));
    $('#ddlVolume').empty();
    $('#ddlVolume').append($('<option value=\'\'>Объём двигателя</option>'));
    $('#ddlVolume').attr('disabled', true);
    for (var i = 0; i < years.length; i++) {
        var val = years[i];
        var text = years[i];
        $('#ddlYear').append($('<option value="' + val + '">' + text + '</option>'));
    }
}

function setModel() {
    var vendor = $('#ddlVendor').val();
    var model = $('#ddlModel').val();
    var url = "http://2motora.ru/CarHandler.ashx?vendor=" + vendor + "&model=" + model;
    getJSONP(url, "getYears");
}

function getModifications(response) {
    var mods = (typeof response.data) == 'string' ? eval('(' + response.data + ')') : response.data;
    $('#ddlVolume').attr('disabled', false);
    $('#ddlVolume').empty();
    $('#ddlVolume').append($('<option value=\'\'>Объём двигателя</option>'));
    for (var i = 0; i < mods.length; i++) {
        var val = mods[i];
        var text = mods[i];
        $('#ddlVolume').append($('<option value="' + val + '">' + text + '</option>'));
    }
}

function setYear() {
    var vendor = $('#ddlVendor').val();
    var model = $('#ddlModel').val();
    var year = $('#ddlYear').val();
    var url = "http://2motora.ru/CarHandler.ashx?vendor=" + vendor + "&model=" + model + "&year=" + year;
    getJSONP(url, "getModifications");
}

function m2validate() {
    var valid = true;
    if ($('#ddlVendor').val() == '') {
        $('#valVendor').text('Выберите марку авто');
        valid = false;
    }
    else {
        $('#valVendor').text('');
        if ($('#ddlModel').val() == '') {
            $('#valModel').text('Выберите модель авто');
            valid = false;
        }
        else {
            $('#valModel').text('');
            if ($('#ddlYear').val() == '') {
                $('#valYear').text('Выберите год выпуска');
                valid = false;
            }
            else {
                $('#valYear').text('');
                if ($('#ddlVolume').val() == '') {
                    $('#valVolume').text('Выберите объём двигателя');
                    valid = false;
                }
                else $('#valVolume').text('');
            }
        }
    }
    if (($('#tbxDetails').css('color') == '#7f7f7f') || ($('#tbxDetails').css('color') == 'rgb(127, 127, 127)')) {
        $('#valDetail').text('Введите необходимые запчасти');
        valid = false;
    }
    else $('#valDetail').text('');
    if (($('#tbxName').css('color') == '#7f7f7f') || ($('#tbxName').css('color') == 'rgb(127, 127, 127)')) {
        $('#valName').text('Введите имя и фамилию');
        valid = false;
    }
    else $('#valName').text('');
    if ($('#ddlCity').val() == '') {
        $('#valCity').text('Выберите город');
        valid = false;
    }
    else $('#valCity').text('');
    if (($('#tbxPhone').css('color') == '#7f7f7f') || ($('#tbxPhone').css('color') == 'rgb(127, 127, 127)')) {
        $('#valPhone').text('Введите номер телефона');
        valid = false;
    }
    else $('#valPhone').text('');
    return valid;
}

function m2OK() {
    $('#m2claimcomplete').css('display', 'none');
    $('.m2trhide').css('display', 'table-row');
}