var fotos = new Array ("./images/image-1.jpg", "./images/image-2.jpg", "./images/image-3.jpg");

function visualisar(num){
var ver = new Image(300,250); //tamaño de la imagen a mostrar
num=num-1;
document.ver.src = fotos[num];
}

function Carga(url,id)
{
//Creamos un objeto dependiendo del navegador
var objeto;
if (window.XMLHttpRequest)
{
//Mozilla, Safari, etc
objeto = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
//Nuestro querido IE
try {
objeto = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try { //Version mas antigua
objeto = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!objeto)
{
alert("No ha sido posible crear un objeto de XMLHttpRequest");
}
//Cuando XMLHttpRequest cambie de estado, ejecutamos esta funcion
objeto.onreadystatechange=function()
{
cargarobjeto(objeto,id)
}
objeto.open('GET', url, true) // indicamos con el método open la url a cargar de manera asíncrona
objeto.send(null) // Enviamos los datos con el metodo send
}

function cargarobjeto(objeto, id)
{
if (objeto.readyState == 4) //si se ha cargado completamente
document.getElementById(id).innerHTML=objeto.responseText
else //en caso contrario, mostramos un gif simulando una precarga
document.getElementById(id).innerHTML='<img src="loader.gif" alt="cargando" />'
}

function rdm(div)
  {
	  
	switch(div)
	{
		case 'fits':
			//div round
		    document.getElementById('round').style.height=parseInt('750') + "px";		   
			document.getElementById('contenido').style.height=parseInt('400') + "px";						
			document.getElementById('Contenido1').style.top = parseInt('690') + "px";			
			document.getElementById('banner').style.top  = parseInt('785') + "px";
		case 'groups':
			//div round
		    document.getElementById('round').style.height=parseInt('800') + "px";		   
			document.getElementById('contenido').style.height=parseInt('450') + "px";						
			document.getElementById('Contenido1').style.top = parseInt('740') + "px";			
			document.getElementById('banner').style.top  = parseInt('835') + "px";
		case 'mice':
			//div round
		    document.getElementById('round').style.height=parseInt('800') + "px";		   
			document.getElementById('contenido').style.height=parseInt('450') + "px";						
			document.getElementById('Contenido1').style.top = parseInt('740') + "px";			
			document.getElementById('banner').style.top  = parseInt('835') + "px";
	}
		
  }
 
