var detect = navigator.userAgent.toLowerCase();

function check_it(string) 
{
	place = detect.indexOf(string) + 1;
	thestring = string;
	
	return place;
}

if (check_it('msie')) 
{
	document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"css/styles-ie.css\">");
} 
else if (check_it('opera')) 
{
	document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"css/styles-ie.css\">");
} 
else if (check_it('konqueror')) 
{
	document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"css/styles-firefox.css\">");
} 
else if (check_it('mozilla')) 
{
	document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"css/styles-nestcape.css\">");
}
else
{
}

function setmenu( e1, e2, e3)
{
			document.getElementById("arriba").style.display = e1;
			document.getElementById("medio").style.display = e2;
			document.getElementById("abajo").style.display = e3;
}

function click_en( n )
{
	var v1, v2, v3;

	v1 = document.getElementById("arriba");
	v2 = document.getElementById("medio");
	v3 = document.getElementById("abajo");
	t1 = document.getElementById("grupoarriba");
	t2 = document.getElementById("grupomedio");
	t3 = document.getElementById("grupoabajo");
	
	if ( n == 1 )
	{
		v1.style.display = ( v1.style.display == "none" ) ? "block" : "none";
		v2.style.display = "none";
		v3.style.display = "none";
		t1.style.color = ( v1.style.display == "none" ) ? "#000000" : "#f68933";
		t2.style.color = "#000000";
		t3.style.color = "#000000";
	}
	else if ( n == 2 )
	{
		v1.style.display = "none";
		v2.style.display = ( v2.style.display == "none" ) ? "block" : "none";
		v3.style.display = "none";
		t1.style.color = "#000000";
		t2.style.color = ( v2.style.display == "none" ) ? "#000000" : "#f68933";
		t3.style.color = "#000000";
	}
	else if ( n == 3 )
	{
		v1.style.display = "none";
		v2.style.display = "none";
		v3.style.display = ( v3.style.display == "none" ) ? "block" : "none";
		t1.style.color = "#000000";
		t2.style.color = "#000000";
		t3.style.color = ( v3.style.display == "none" ) ? "#000000" : "#f68933";
	}
}

function layers( n )
{
	var l1, l2, l3, l4;

	l1 = document.getElementById("introduccion");
	l2 = document.getElementById("descripcion");
	l3 = document.getElementById("imagenes");
	l4 = document.getElementById("documentacion");
	
	if ( n == 1 )
	{
		l1.style.display = "block";
		l2.style.display = "none";
		l3.style.display = "none";
		l4.style.display = "none";
		
		cambia_contenidos(1);
	}
	else if ( n == 2 )
	{
		l1.style.display = "none";
		l2.style.display = "block";
		l3.style.display = "none";
		l4.style.display = "none";
		cambia_contenidos(2);
	}
	else if ( n == 3 )
	{
		l1.style.display = "none";
		l2.style.display = "none";
		l3.style.display = "block";
		l4.style.display = "none";
		cambia_contenidos(3);
	}
	else if ( n == 4 )
	{
		l1.style.display = "none";
		l2.style.display = "none";
		l3.style.display = "none";
		l4.style.display = "block";
		cambia_contenidos(4);
	}
}

var actual = 1;

function ccOn(nombre,imgs_on)
	{
	if(document.images) document.images[nombre].src=imgs_on;
	}


function ccOff(nombre,imgs_off)
	{
	if(document.images) document.images[nombre].src=imgs_off;
	}
	
function ccOff_plus(nombre,imgs_off,senial)
	{
	if (senial!=actual)
		{
		if(document.images) document.images[nombre].src=imgs_off;
		}
	}

var myimages=new Array()

function preloadimages()
	{
	for (i=0;i<preloadimages.arguments.length;i++)
		{
		myimages[i]=new Image()
		myimages[i].src=preloadimages.arguments[i]
		}
	}



function cambia_contenidos (boton)
{
	var t,a,b,c,titulo;
	
	a=10;
	b=10;
	c=10;
	t=10;
	titulo=10;
	
	switch (boton)
	{
		case 1:
		t=0;
		titulo = "Introduction";
		ccOn('boton1','images/boton_roll_1.jpg')
		break;
		
		case 2:
		a=1;
		b=2;
		c=3;
		titulo = "Description";
		ccOn('boton2','images/boton_roll_2.jpg')
		break;
		
		case 3:
		t=4;
		titulo = "Images";
		ccOn('boton3','images/boton_roll_3.jpg')
		break;
		
		case 4:
		t=5;
		titulo = "Documentation";
		ccOn('boton4','images/boton_roll_4.jpg')
		break;
		
		default:
		return false;
	}


	
	
	actual = boton;
	
	
	
	ccOff_plus('boton1','images/boton_1.jpg',1);
	ccOff_plus('boton2','images/boton_2.jpg',2);
	ccOff_plus('boton3','images/boton_3.jpg',3);
	ccOff_plus('boton4','images/boton_4.jpg',4);
	
	
	
	
	
	return true;
}

function pop_creditos() {
	Window = window.open("../pop_creditos.htm", "creditos", "width=400,height=300,scrollbars=yes")
}
function pop_creditos_2() {
	Window = window.open("pop_creditos.htm", "creditos", "width=400,height=300,scrollbars=yes")
}