function stil(id,id2) {
	switch(id){
	case 1:
	document.getElementById('1').style.backgroundColor = '#336699';
		break;
	case 2:
		document.getElementById('2').style.backgroundColor = '#FF6600';
			break;
	case 3:
		document.getElementById('3').style.backgroundColor = '#990099';
			break;
	case 4:
		document.getElementById('4').style.backgroundColor = '#336699';
			break;
	default: ;
	
	}
	if(id2)
	  stil2(id, id2);
	else ;
}
function stil2(id,id2){
	var el = document.getElementById(id2);
	if(id == '');
	else {
		el.setAttribute("style", "color:" + boja(id) +  "!important;");
		el.style.cssText = "color:" + boja(id) +  " !important;";
	}	
}
function boja(id){
	switch(id){
	case 1:
		return '#336699';
		break;
	case 2:
		return '#FF6600';
		break;
	case 3:
		return '#990099';
		break;
	case 4:
		return '#336699';
		break;
	default: return '#336699';
		
	
	}		
}

$(document).ready(function(){
	$('.navigation ul').css('display','none');
	$('.navigation li.active ul ').css('display','block');
	$('.navigation li.active ul li ul').css('display','none');
	$('.navigation li ul li.active ul').css('display','block');
});