var cur_color=null;
var size_arr = new Array("label_100","label_200","label_300");
var cont_arr = new Array("label_1","label_2","label_3","label_4","label_5");
var color_arr = new Array();
color_arr[0]= 'dummy';
color_arr[1]= '#ffffff';
color_arr[2]= '#000000';
color_arr[3]= '#5393AE';
color_arr[4]= 'blue';
color_arr[5]= 'olive';

function inicio(par){
cur_color=par;
document.getElementById('cont').style.background = '';
document.getElementById('cont').style.backgroundColor = color_arr[par];
}
function destacar(){
document.getElementById('label_guardar').style.border = "2px solid red";
}
function destacar_cont(val1){
document.getElementById('label_'+val1).style.border = "2px solid red";
for(v=0;v<cont_arr.length;v++){
 if(!(cont_arr[v]=='label_'+val1)){
   	document.getElementById(cont_arr[v]).style.border = "0px solid red";
  }
}
}

function destacar_lay(val){
document.getElementById('label_'+val).style.border = "2px solid red";
for(v=0;v<size_arr.length;v++){
  if(!(size_arr[v]=='label_'+val)){
   	document.getElementById(size_arr[v]).style.border = "0px solid red";
  }
}
}

function normal(parameter){

document.getElementById('label_'+parameter).style.border = "0px solid gray";

}
function visualizar(par){
  cur_color=par;
  if(par==1){
  
  document.getElementById('submit').style.backgroundColor = "#013650";
  document.getElementById('submit').style.color = "#fff";
  }
  else{
  document.getElementById('submit').style.backgroundColor = "#fff";
  document.getElementById('submit').style.color = "#000";
  
  }
  switch(par){
  case '1':
  document.getElementById('cont').style.backgroundColor = "#FFFFFF";
  document.getElementById('cont').style.color = "#013650";
  document.getElementById('label_guardar').style.backgroundColor = "#FFFFFF";
  document.getElementById('label_guardar').style.color = "#013650";

  for(v=0;v<cont_arr.length;v++){
  document.getElementById(cont_arr[v]).style.backgroundColor = "#FFFFFF";
  document.getElementById(cont_arr[v]).style.color = "#013650";
  }
  for(v=0;v<size_arr.length;v++){
     	document.getElementById(size_arr[v]).style.backgroundColor = "#FFFFFF";
		document.getElementById(size_arr[v]).style.color = "#000000";
  }
  
  for (i=0;i<document.links.length;i++){
  document.links[i].style.color="#DF7711";
  document.links[i].style.backgroundColor="#ffffff";
  }
  
  
  
  
  break;
  
  case '2':
  document.getElementById('cont').style.backgroundColor = "#000000";
  document.getElementById('cont').style.color = "#FFFFFF";
  document.getElementById('label_guardar').style.backgroundColor = "#000000";
  document.getElementById('label_guardar').style.color = "#FFFFFF";
  
  document.getElementById('cont').style.color = "#FFFFFF";
  for (i=0;i<document.links.length;i++){
  document.links[i].style.color="#FFE63B";
  document.links[i].style.backgroundColor="#000000";
  }
  for(v=0;v<cont_arr.length;v++){
  document.getElementById(cont_arr[v]).style.backgroundColor = "#000000";
  document.getElementById(cont_arr[v]).style.color = "#FFFFFF";
  }
  for(v=0;v<size_arr.length;v++){
     	document.getElementById(size_arr[v]).style.backgroundColor = "#000000";
		document.getElementById(size_arr[v]).style.color = "#FFFFFF";
  }
  break;
  case '3':
  document.getElementById('cont').style.backgroundColor = "#5393AE";
  document.getElementById('cont').style.color = "#FFFFFF";
  document.getElementById('label_guardar').style.backgroundColor = "#5393AE";
  document.getElementById('label_guardar').style.color = "#FFFFFF";
  for(v=0;v<cont_arr.length;v++){
  document.getElementById(cont_arr[v]).style.backgroundColor = "#5393AE";
  document.getElementById(cont_arr[v]).style.color = "#FFFFFF";
  }
  for(v=0;v<size_arr.length;v++){
     	document.getElementById(size_arr[v]).style.backgroundColor = "#5393AE";
		document.getElementById(size_arr[v]).style.color = "#FFFFFF";
  }
  for (i=0;i<document.links.length;i++){
  document.links[i].style.color="#FFE63B";
  document.links[i].style.backgroundColor="#5393AE";
  }
  break;
  case '4':
  document.getElementById('cont').style.backgroundColor = "blue";
  document.getElementById('cont').style.color = "#FFFFFF";
  document.getElementById('label_guardar').style.backgroundColor = "blue";
  document.getElementById('label_guardar').style.color = "#FFFFFF";
  for(v=0;v<cont_arr.length;v++){
  document.getElementById(cont_arr[v]).style.backgroundColor = "blue";
  document.getElementById(cont_arr[v]).style.color = "#FFFFFF";
  }
  for(v=0;v<size_arr.length;v++){
     	document.getElementById(size_arr[v]).style.backgroundColor = "blue";
		document.getElementById(size_arr[v]).style.color = "#FFFFFF";
  }
  for (i=0;i<document.links.length;i++){
  document.links[i].style.color="#FFE63B";
  document.links[i].style.backgroundColor="blue";
  }
  
  break;
  case '5':
  document.getElementById('cont').style.backgroundColor = "olive";
  document.getElementById('cont').style.color = "#FFFFFF";
  document.getElementById('label_guardar').style.backgroundColor = "olive";
  document.getElementById('label_guardar').style.color = "#FFFFFF";
  for (i=0;i<document.links.length;i++){
  document.links[i].style.color="#FFE63B";
  document.links[i].style.backgroundColor="olive";
  }
  for(v=0;v<cont_arr.length;v++){
  document.getElementById(cont_arr[v]).style.backgroundColor = "olive";
  document.getElementById(cont_arr[v]).style.color = "#FFFFFF";
  }
  for(v=0;v<size_arr.length;v++){
     	document.getElementById(size_arr[v]).style.backgroundColor = "olive";
		document.getElementById(size_arr[v]).style.color = "#FFFFFF";
  }
  break;
  
  }
}

function setSize(par){
  switch(par){
  case '100':
  document.getElementById('cont').style.fontSize = "100%";
  break;
  
  case '200':
  document.getElementById('cont').style.fontSize = "200%";
  break;
  
  case '300':
  document.getElementById('cont').style.fontSize = "300%";
  break;
  
  case '400':
  document.getElementById('cont').style.fontSize = "400%";
  break;
  }
}

function rollover(){

if(cur_color==1){
document.getElementById('volver').style.color = "#DF7711";
document.getElementById('volver').style.backgroundColor = "transparent";
}else{
document.getElementById('volver').style.color = "#FFE63B";
document.getElementById('volver').style.backgroundColor = "transparent";
}
}
function rollout(){
document.getElementById('volver').style.backgroundColor = "transparent";
}