// JavaScript Document

function cambio(num){
    var lis = document.getElementById("menu-pop").getElementsByTagName("li");
    var i = 0;
    var ant = '';
    for(i=0;i<lis.length;i++){
	    if(lis[i].className=='selected'){
		    ant = lis[i].id ; 
		    break 
	    }
    }

    switch (num)
      {
        case 1: {
	        document.getElementById('a').className='selected'; 
		    document.getElementById('text-a').style.display='block'; 
		    document.getElementById('fotos-a').style.display='block'; 
		    if(ant!='a') 
		    {
	            document.getElementById(ant).className=''; 	        
		        document.getElementById('text-' + ant).style.display='none'; 
		        document.getElementById('fotos-' + ant).style.display='none'; 
		    }
		    break 
	    }
        case 2: { 
		    document.getElementById('b').className='selected';  
		    document.getElementById('text-b').style.display='block'; 
		    document.getElementById('fotos-b').style.display='block';
		    if(ant!='b') 
		    {
	            document.getElementById(ant).className=''; 
		        document.getElementById('text-' + ant).style.display='none'; 
		        document.getElementById('fotos-' + ant).style.display='none';  
		    }
		    break 
	    }
        case 3: { 
		    document.getElementById('c').className='selected'; 
		    document.getElementById('text-c').style.display='block'; 
		    document.getElementById('fotos-c').style.display='block';
		    if(ant!='c') 
		    { 		
	            document.getElementById(ant).className=''; 
		        document.getElementById('text-' + ant).style.display='none'; 
		        document.getElementById('fotos-' + ant).style.display='none'; 		
		    }
		    break 
	    }   
        case 4: { 
		    document.getElementById('d').className='selected'; 
		    document.getElementById('text-d').style.display='block'; 
		    document.getElementById('fotos-d').style.display='block'; 
		    if(ant!='d') 
		    {
	            document.getElementById(ant).className=''; 
		        document.getElementById('text-' + ant).style.display='none'; 
		        document.getElementById('fotos-' + ant).style.display='none'; 				
		    }
		    break 
	    }
        case 5: { 
		    document.getElementById('e').className='selected'; 
		    document.getElementById('text-e').style.display='block'; 
		    document.getElementById('fotos-e').style.display='block'; 	
		    if(ant!='e') 
		    {	
	            document.getElementById(ant).className=''; 
		        document.getElementById('text-' + ant).style.display='none'; 
		        document.getElementById('fotos-' + ant).style.display='none'; 		
		    }
		    break 
	    }	
      }
}
