function ShowHideDiv(id, pic) {
    var divToManipulte = document.getElementById(id);
    var imgToChange = document.getElementById(pic);
    if (divToManipulte.style.display == 'none') {
	    new Effect.BlindDown(divToManipulte, {duration: 0.4});
	    imgToChange.src = '../image/selection_close.png'
    } else {
	    new Effect.BlindUp(divToManipulte, {duration: 0.4});
	    imgToChange.src = '../image/selection_open.png'
    }
}


var tyreHumanStr = 'season-season-season-vehicle_type-shiny-manufacturer-v-razmere-width-profile-diameter';
var discHumanStr = 'type-type-type-diski-manufacturer-v-razmere-width_from-width_to-diameter-psd';

function showFilteredList(form, prodType) {
    var humanStr = (prodType == 'tyre')?tyreHumanStr:discHumanStr;
    var url = form.action.replace('index.php/', '');
	for(i =0 ; element = form.elements[i]; i++) {
		var accepted = false;
		var elementName = element.name;
		var elementCode = '';
		if (element.name == 'in_stock_only') {
			accepted = true;
			if (element.checked) {
				element.value = 'ins1';
			} else {
				element.value = 'ins0';
			}
		} else
		switch(element.type) {
			case 'button':
				accepted = false;
				continue;
			break;
			case 'checkbox':
				accepted = (element.checked);
				elementCode = (accepted)?element.id:'';
			break;
			case 'radio':
				accepted = (element.checked);
				elementCode = (accepted)?element.id:'';
			break;
			case 'select-one':
				accepted = (element.selectedIndex > 0);
				elementCode = (accepted)?element.options[element.selectedIndex].id:'';
			break;
			default:
				accepted = (element.value.length > 3);
				elementCode = (accepted)?element.id:'';
			break;
		}
		if (accepted) {
			url = url + '/' + element.value;
		}
		humanStr = humanStr.replace(elementName, elementCode);
	}
	//window.location = url;
	humanStr = humanStr.replace(/[-]{2,}/gi, '-');
	humanStr = humanStr.replace(/^[-]+|[-]+?$/gi, '');
	humanStr = humanStr.replace(/[\/,\.]/gi, '_');
	window.location = url + '/' + humanStr;
}


function changeState(div) {
            var divImage = div.children[1];
            var className = divImage.className;
            var formInput = div.children[0];
            
            if (className == 'checked') {
                divImage.className =  'unchecked';
                formInput.checked = false;  
            }  else {
                divImage.className =  'checked';
                formInput.checked = true;  
            }
                
        }
        
function changeRadioState(div){ 
            var divImage = div.children[1];
            var className = divImage.className;
            var formInput = div.children[0];
            
            if (className == 'checked') {
                divImage.className =  'unchecked';
                formInput.checked = false; 
                return; 
            } 
            
    var divArray = document.getElementsByClassName(div.className);
    for (var i = 0; i<divArray.length; i++){ 
        var divImageElse = divArray[i].children[1];
        var formInputElse = div.children[0]; 

        divImageElse.className =  'unchecked';
        formInputElse.checked = false;          
    }
    divImage.className =  'checked';
    formInput.checked = true;
}