document.observe("dom:loaded", function() {
	/*
	$('select_category').onchange = function() {
		showRentalPriceBox(this.selectedIndex == 1 || this.selectedIndex == 2);
	}

	var elements = $('select_marketing').childElements();
	for (i = 0; i < elements.length ; i++) {
		elements[i].onclick = function() {
			showRentalPriceBox(this.value == 6);
		}
	}
	*/

	var select_marketing = $('select_marketing');
	if (select_marketing) {
		select_marketing.onchange = function() {
			// showRentalPriceBox(this.selectedIndex == 1);
			tab(this.selectedIndex);
		}

		$('select_category').selectedIndex = 1;
		$('select_marketing').selectedIndex = 1;
		// $('select_marketing').hide();

		showRentalPriceBox(true);
	}
});


function showRentalPriceBox(show) {
	if (show) {
		$('search_box_price_rent').show();
		$('search_box_price_buy').hide();
	} else {
		$('search_box_price_rent').hide();
		$('search_box_price_buy').show();
	}
}


function showMarketingBox(show) {
	if (show) {
		$('select_marketing').show();
	} else {
		$('select_marketing').hide();
	}
}


/*
function filterCategories(range_from, range_to) {
	var index = 100;
	var elements = $('select_category').childElements();
	for (i = 0; i < elements.length ; i++) {
		if (elements[i].value == 0) continue;
		if (elements[i].value >= range_from && elements[i].value <= range_to) {
			elements[i].show();
			elements[i].onclick = function() {
				showRentalPriceBox(this.value == 1 || this.value == 3 || this.value == 5);
			}
			index = Math.min(index, i);
		} else {
			elements[i].hide();
		}
	}
	$('select_category').selectedIndex = index;
}
*/


function tab(id) {
	// TODO: improve for more than 3 (count them, foreach...)
	if ($('search_menu_' + (id - 2))) $('search_menu_' + (id - 2)).className = 'left';
	if ($('search_menu_' + (id - 1))) $('search_menu_' + (id - 1)).className = 'active_left';
	if ($('search_menu_' + id)) $('search_menu_' + id).className = 'active'; $('search_menu_' + id); // .blur();
	if ($('search_menu_' + (id + 1))) $('search_menu_' + (id + 1)).className = 'active_right';
	if ($('search_menu_' + (id + 2))) $('search_menu_' + (id + 2)).className = '';
	
	switch(id) {
		case 1:
			showRentalPriceBox(true);
			$('select_marketing').selectedIndex = 1;
			break;
		case 2:
			showRentalPriceBox(false);
			$('select_marketing').selectedIndex = 2;
			break;
		case 3:
			showRentalPriceBox(false);
			$('select_marketing').selectedIndex = 3;
			break;
		default:	
	}
	
	return true;
}


