var pack = new Array();

var links = new Array(42);
var images = new Array(42);
var nameEspacio = new Array(42);
var topImg = new Array(42);
var leftImg = new Array(42);
var topName = new Array(42);
var leftName = new Array(42);

//First ones
pack[0] = '0,1,2,3,4,5,6,7,8,9';

//Fronton 0
links[0] = '../cepashis/deportes/pelota/logrones_pere.htm';
images[0] = 'images/pictures/fronton.jpg';
nameEspacio[0] = 'F. Logroņes';
topImg[0] = '120';
leftImg[0] = '350';
topName[0] = '120';
leftName[0] = '257';

//Universal 1
links[1] = '../cepashis/plantxml.html';
images[1] = 'images/pictures/plaza_nueva.jpg';
nameEspacio[1] = 'Manzanera';
topImg[1] = '220';
leftImg[1] = '525';
topName[1] = '215';
leftName[1] = '432';

//Paris 2
links[2] = 'Ocio _XIX_cafes.html#cafes';
images[2] = 'images/pictures/suizo.jpg';
nameEspacio[2] = 'Paris/Suizo';
topImg[2] = '280';
leftImg[2] = '108';
topName[2] = '228';
leftName[2] = '20';

//Colon 3
links[3] = '../cepashis/especta/teatro_moderno.htm';
images[3] = 'images/pictures/moderno.jpg';
nameEspacio[3] = 'Moderno';
topImg[3] = '160';
leftImg[3] = '-100';
topName[3] = '155';
leftName[3] = '-190';

//Kiosco 4
links[4] = 'Ocio _XX_1kiosko.html';
images[4] = 'images/pictures/kiosko.jpg';
nameEspacio[4] = 'Kiosco';
topImg[4] = '370';
leftImg[4] = '-270';
topName[4] = '355';
leftName[4] = '-390';

//Toros 5
links[5] = '../cepashis/plantxml3.html';
images[5] = 'images/pictures/mazzantini.jpg';
nameEspacio[5] = 'Victoria';
topImg[5] = '235';
leftImg[5] = '670';
topName[5] = '220';
leftName[5] = '600';

//Principal 6
links[6] = 'Ocio _XX_1breton.html';
images[6] = 'images/pictures/principal.jpg';
nameEspacio[6] = 'Breton';
topImg[6] = '220';
leftImg[6] = '170';
topName[6] = '210';
leftName[6] = '90';

//Siglo 7
links[7] = 'Ocio _XX_2_Dore.html';
images[7] = 'images/pictures/siglo.jpg';
nameEspacio[7] = 'Cine Dore';
topImg[7] = '110';
leftImg[7] = '-70';
topName[7] = '105';
leftName[7] = '-157';

//Leones 8
links[8] = '../cepashis/festejos/pelota_1915.htm';
images[8] = 'images/pictures/beti.jpg';
nameEspacio[8] = 'Beti Jai';
topImg[8] = '339';
leftImg[8] = '70';
topName[8] = '333';
leftName[8] = '-1';

//Sagasta 9
links[9] = '../cepashis/deporsi/futbol_distincion.htm';
images[9] = 'images/pictures/recreacion.jpg';
nameEspacio[9] = 'Recreation';
topImg[9] = '320';
leftImg[9] = '85';
topName[9] = '319';
leftName[9] = '-12';

function randomNb() {
	index = Math.floor(Math.random() * pack.length);
	return index;
}

function displayImages(alink,link,img,imgindex,topi,lefti,span,tops,lefts,nameC) {
		var doc = document;

		var isIE = false;
  	if (navigator.appName=="Microsoft Internet Explorer"){
  		isIE = true;
  	}
  

		var x = document.getElementById(alink);
		x.setAttribute("href",link);
		
		var imageNode = doc.getElementById(img);
		imageNode.setAttribute("src",imgindex);
		var styleValueImg = "position:relative; top:"+topi+"px; left:"+lefti+"px;";
		if(!isIE){
			x.setAttribute("style", styleValueImg);
			imageNode.setAttribute("style", "border:1px solid blue;display:inline;");
		} else {
			x.style.setAttribute('cssText', styleValueImg);
			imageNode.style.setAttribute('cssText', "border:1px solid blue;display:inline;");
		}
				
		var spanNode = doc.getElementById(span);
		var styleValueSpan = "position:relative; top:"+tops+"px; left:"+lefts+"px;";
		if(!isIE){
			spanNode.setAttribute("style", styleValueSpan);
		} else {
			spanNode.style.setAttribute('cssText', styleValueSpan);
		}
		if(nameC != 'FYROM'){
			var teName = nameC;
			var nameValue=document.createTextNode(teName);
			spanNode.getElementsByTagName('b')[0].appendChild(nameValue);
		} else {
			var teName = 'Lugar';
			var nameValue=document.createTextNode(teName);
			spanNode.getElementsByTagName('b')[0].appendChild(nameValue);
			var bla = document.createElement('span');
			spanNode.appendChild(bla);
			var styleValueSpan = "position:relative; top:"+(tops-250)+"px; left:"+(lefts-250)+"px;";
			if(!isIE){
				bla.setAttribute("style", styleValueSpan);
			} else {
				bla.style.setAttribute('cssText', styleValueSpan);
			}
			bla.setAttribute("id", 'b');
			var bla2 = document.getElementById('b');
			var bla3 = document.createElement('b');
			bla2.appendChild(bla3);
			var nameValue2=document.createTextNode('Atentos');
			bla2.getElementsByTagName('b')[0].appendChild(nameValue2);
		}
}

function launchImg(){
	//var index = randomNb();
	var index = 0;
	var temp = new Array();
	temp = pack[index].split(',');
	for(var i=0;i<temp.length;i++){
		var nb = i+1
		var a = 'a'+nb;
		var img = 'img'+nb;
		var span = 'span'+nb;
		if(nameEspacio[temp[i]] != null){
			displayImages(a,links[temp[i]],img,images[temp[i]],topImg[temp[i]],leftImg[temp[i]],span,topName[temp[i]],leftName[temp[i]],nameEspacio[temp[i]]);
		}
	}
}