var MW_BETWEEN = 'mw_between';
var MW_LESS_THAN = 'mw_less_than';
var MW_LESS_THAN_EQUAL = 'mw_less_than_equal';
var MW_EQUAL = 'mw_equal';
var MW_GREATER_THAN = 'mw_greater_than';
var MW_GREATER_THAN_EQUAL  = 'mw_greater_than_equal';

var JMARVIN_ID = 'jmarvin';
var JMARVIN_SELECTOR = '#' + JMARVIN_ID;

/**
 * If these values are changed, they must also be changed in web/css/search.css
 */
var JMARVIN_WIDTH = 616;
var JMARVIN_HEIGHT = 385;

$(document).ready(function () {
    var sketch = JMarvin.getSketch(JMARVIN_ID, JMARVIN_WIDTH, JMARVIN_HEIGHT, '', null);
    $('#sketch').html(sketch);

    $('select').change(function () {
        var name = $(this).attr('name');

        $('option:selected', this).each(function () {
            var val = $(this).val();
            var divider = $('span', $(this).parent().parent().next().next());
            var argument2 = $('span', divider.parent().next());

            if (val != MW_BETWEEN) {
                divider.css('display','none');
                argument2.css('display','none');
            }
            else {
                divider.css('display','inline');
                argument2.css('display','inline');
            }
        });
    });

    $('input[type=submit]').click(function () {
        var type = ($(this).val() == 'Exact Search') ? 'f' : 's';
        search(type);
    });
});

function search(type) {
    var jmarvin = undefined;

    $(JMARVIN_SELECTOR).each(function () {
        jmarvin = this;
    });

    var url = escape(jmarvin.getMol('cxsmarts'));
    $('input#s').val(url);
    $('input#t').val(type);
}