var common = {
	init:function(){
	
		var setSmall = document.getElementById("set_small");
		var setMedium = document.getElementById("set_medium");
		var setBig = document.getElementById("set_big");
		
		setSmall.onclick = function(){ common.setFont("11") };
		setMedium.onclick = function(){ common.setFont("12") };
		setBig.onclick = function(){ common.setFont("14") };
	
		if(!document.getElementById("list")||!document.getElementById("list2")||!document.getElementById("list3")){
			return false;
		}
		
		var list = document.getElementById("list");
		var list2 = document.getElementById("list2");
		var list3 = document.getElementById("list3");
		
		var list_val = document.getElementById("list_val");
		var list_val2 = document.getElementById("list_val2");
		var list_val3 = document.getElementById("list_val3");
		
		list2.style.display = "none";
		list3.style.display = "none";
		
		list_val.onclick = function(){ common.switchVal(list, list_val) };
		list_val2.onclick = function(){ common.switchVal(list2, list_val2) };
		list_val3.onclick = function(){ common.switchVal(list3, list_val3) };
	},
	
	switchVal:function(lista, val){
		var list = document.getElementById("list");
		var list2 = document.getElementById("list2");
		var list3 = document.getElementById("list3");
		
		var list_val = document.getElementById("list_val");
		var list_val2 = document.getElementById("list_val2");
		var list_val3 = document.getElementById("list_val3");
		
		list.style.display = "none";
		list2.style.display = "none";
		list3.style.display = "none";
		
		list_val.className = "";
		list_val2.className = "";
		list_val3.className = "";
		
		lista.style.display = "";
		val.className = "active";
		
		return false;
	},
	
	setFont:function(size){
		var pTags = document.getElementsByTagName("p");
		for (var i = 0; i < pTags.length; i++) { 
			pTags[i].style.fontSize = size+"px";
		}
	}
}

window.onload = common.init;