function mylaynav_hide_products()
{
    var items = $('narrow-by-list').select('a', 'input');
    n = items.length;
    for (i=0; i<n; ++i){
        items[i].addClassName('mylaynav-disabled');
    }
    
    if (typeof(mln_slider) != 'undefined')
        mln_slider.setDisabled();
    
    var divs = $$('div.mylaynav-progress');
    for (var i=0; i<divs.length; ++i)
        divs[i].show();
}

function mylaynav_show_products(transport)
{
    var resp = {} ;
    if (transport && transport.responseText){
        try {
            resp = eval('(' + transport.responseText + ')');
        }
        catch (e) {
            resp = {};
        }
    }
    
    if (resp.products){
        var el = $('mylaynav-container');
        var ajaxUrl = $('mylaynav-ajax').value;
        
        el.update(resp.products.gsub(ajaxUrl, $('mylaynav-url').value));
        mylaynav_toolbar_init(); // reinit listeners
                
        $('mylaynav-navigation').update(resp.layer.gsub(ajaxUrl, $('mylaynav-url').value));
        
        $('mylaynav-ajax').value = ajaxUrl;  
    }
    
    var items = $('narrow-by-list').select('a','input');
    n = items.length;
    for (i=0; i<n; ++i){
        items[i].removeClassName('mylaynav-disabled');
    }
    if (typeof(mln_slider) != 'undefined')
        mln_slider.setEnabled();
}

function mylaynav_add_params(k, v, isSingleVal)
{
    var el = $('mylaynav-params');
    var params = el.value.parseQuery();
    
    var strVal = params[k];
    if (typeof strVal == 'undefined' || !strVal.length){
        params[k] = v;
    }
    else if('clear' == v ){
        params[k] = 'clear';
    }
    else {
        if (k == 'price')
            var values = strVal.split(',');
        else
            var values = strVal.split('-');
        
//        var values = strVal.split('-');
        if (-1 == values.indexOf(v)){
            if (isSingleVal)
                values = [v];
            else 
                values.push(v);
        } 
        else {
            values = values.without(v);
        }
                
        params[k] = values.join('-');
    } 
    
   el.value = Object.toQueryString(params).gsub('%2B', '+');
}



function mylaynav_make_request()
{
    mylaynav_hide_products();
    new Ajax.Request($('mylaynav-ajax').value + '?' + $('mylaynav-params').value, 
        {method: 'get', onSuccess: mylaynav_show_products}
    );
}


function mln_update_links(evt, className, isSingleVal)
{
    var link = Event.findElement(evt, 'A'),
        sel = className + '-selected';
    
    if (link.hasClassName(sel))
        link.removeClassName(sel);    
    else
        link.addClassName(sel);
    
    //only one  price-range can be selected
    if (isSingleVal){
        var items = $('narrow-by-list').getElementsByClassName(className);
        var i, n = items.length;
        for (i=0; i<n; ++i){
            if (items[i].hasClassName(sel) && items[i].id != link.id)
                items[i].removeClassName(sel);   
        }
    }

    mylaynav_add_params(link.id.split('-')[0], link.id.split('-')[1], isSingleVal);
    
    mylaynav_make_request();    
    
    Event.stop(evt);    
}


function mylaynav_attribute_listener(evt)
{
    mylaynav_add_params('p', 'clear', 1);
    mln_update_links(evt, 'mylaynav-attribute', 0);
}

function mylaynav_attribute_select_listener(evt)
{
    mylaynav_add_params('p', 'clear', 1);
    mylaynav_add_params(Event.element(evt).id.split('-')[0], Event.element(evt).value, 1);
    mylaynav_make_request();    
    Event.stop(evt);
}


function mylaynav_icon_listener(evt)
{
    mylaynav_add_params('p', 'clear', 1);
    mln_update_links(evt, 'mylaynav-icon', 0);
}

function mylaynav_price_listener(evt)
{
    mylaynav_add_params('p', 'clear', 1);
    mln_update_links(evt, 'mylaynav-price', 1);
}

function mylaynav_clear_listener(evt)
{
    var link = Event.findElement(evt, 'A'),
        varName = link.id.split('-')[0];
    
    mylaynav_add_params('p', 'clear', 1);
    mylaynav_add_params(varName, 'clear', 1);
    
    if ('price' == varName){
        var from =  $('mylaynav-price-from'),
            to   = $('mylaynav-price-to');
          
        if (Object.isElement(from)){
            from.value = from.name;
            to.value   = to.name;
        }
    }
    
    mylaynav_make_request();    
    
    Event.stop(evt);  
}


function mylaynav_round(num){
    num = parseFloat(num);
    if (isNaN(num))
        num = 0;
        
    return Math.round(num);
}

function mylaynav_price_input_listener(evt){
    if (evt.type == 'keypress' && 13 != evt.keyCode)
        return;
    
    var numFrom = mylaynav_round($('mylaynav-price-from').value),
        numTo   = mylaynav_round($('mylaynav-price-to').value);
  
    if ((numFrom<0.01 && numTo<0.01) || numFrom<0 || numTo<0)   
        return;

    mylaynav_add_params('p', 'clear', 1);
    mylaynav_add_params('price', numFrom + ',' + numTo, true);
    mylaynav_make_request();         
}

function mylaynav_category_listener(evt){
    var link = Event.findElement(evt, 'A');
    var catId = link.id.split('-')[1];
    
    var reg = /cat=/;
    if (reg.test(link.href)){ //is search
        mylaynav_add_params('cat', catId, 1);
        mylaynav_add_params('p', 'clear', 1);
        mylaynav_make_request(); 
        Event.stop(evt);  
    }
    //do not stop event
}

function mylaynav_toolbar_listener(evt){
    mylaynav_toolbar_make_request(Event.findElement(evt, 'A').href);
    Event.stop(evt); 
}

function mylaynav_toolbar_listener_select(evt){
    mylaynav_toolbar_make_request(Event.element(evt).value);
    Event.stop(evt); 
}

function mylaynav_toolbar_make_request(href)
{
    var pos = href.indexOf('?');
    if (pos > -1){
        $('mylaynav-params').value = href.substring(pos+1, href.length);
    }
    mylaynav_make_request();
}


function mylaynav_toolbar_init()
{
    var items = $('mylaynav-container').select('.pages a', '.view-mode a', '.sort-by a');
    var i, n = items.length;
    for (i=0; i<n; ++i){
        Event.observe(items[i], 'click', mylaynav_toolbar_listener);
    }
	var items = $('mylaynav-container').select('.sort-by select', '.limiter select');
    var i, n = items.length;
    for (i=0; i<n; ++i){
		items[i].onchange = null;
		Event.observe(items[i], 'change', mylaynav_toolbar_listener_select);
	}
}

function mylaynav_dt_listener(evt){
    var e = Event.findElement(evt, 'DT');
    e.nextSiblings()[0].toggle();
    e.toggleClassName('mylaynav-dt-selected');
}

function mylaynav_clearall_listener(evt)
{
    var params = $('mylaynav-params').value.parseQuery();
    $('mylaynav-params').value = 'mlnclear=true';
    if (params['q'])
    {
        $('mylaynav-params').value += '&q=' + params['q'];
    }
    mylaynav_make_request();
    Event.stop(evt); 
}

function mylaynav_init()
{
    var items, i, j, n, 
        classes = ['category', 'attribute','attribute_select', 'icon', 'price', 'clear', 'dt', 'clearall'];
    
    for (j=0; j<classes.length; ++j){
        items = $('narrow-by-list').select('.mylaynav-' + classes[j]);
        n = items.length;
        for (i=0; i<n; ++i){
			if('attribute_select' == classes[j])
			Event.observe(items[i], 'change', eval('mylaynav_' + classes[j] + '_listener'));
            else Event.observe(items[i], 'click', eval('mylaynav_' + classes[j] + '_listener'));
        }
    }
    
    var btn = $('mylaynav-price-go');
    if (Object.isElement(btn)){
        Event.observe(btn, 'click', mylaynav_price_input_listener);
        Event.observe($('mylaynav-price-from'), 'keypress', mylaynav_price_input_listener);
        Event.observe($('mylaynav-price-to'), 'keypress', mylaynav_price_input_listener);
    }
    
}

  
function mylaynav_create_slider(width, from, to, max_price) 
{
    var price_slider = $('mylaynav-price-slider');

    return new Control.Slider(price_slider.select('.handle'), price_slider, {
      range: $R(0, width),
      sliderValue: [from, to],
      restricted: true,
      
      onChange: function (values){
        var f = mylaynav_round(max_price*values[0]/width),
            t = mylaynav_round(max_price*values[1]/width);
            
        mylaynav_add_params('price', f + ',' + t, true);
          
        // we can change values without sliding  
        $('mylaynav-range-from').update(f); 
        $('mylaynav-range-to').update(t);
            
        mylaynav_make_request();  
      },
      onSlide: function(values) { 
          $('mylaynav-range-from').update(mylaynav_round(max_price*values[0]/width));
          $('mylaynav-range-to').update(mylaynav_round(max_price*values[1]/width));
      }
    });
}