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] = 'Fronton Norte';
topImg[0] = '83';
leftImg[0] = '125';
topName[0] = '85';
leftName[0] = '26';

//Universal 1
links[1] = 'Ocio _XIX_cafes.html';
images[1] = 'images/pictures/universal.jpg';
nameEspacio[1] = 'Universal';
topImg[1] = '120';
leftImg[1] = '305';
topName[1] = '115';
leftName[1] = '212';

//Paris 2
links[2] = 'Ocio _XIX_cafes.html';
images[2] = 'images/pictures/suizo.jpg';
nameEspacio[2] = 'Paris/Suizo';
topImg[2] = '290';
leftImg[2] = '-123';
topName[2] = '238';
leftName[2] = '-217';

//Colon 3
links[3] = 'Ocio _XIX_cafes.html#colon';
images[3] = 'images/pictures/colon.jpg';
nameEspacio[3] = 'Colon';
topImg[3] = '240';
leftImg[3] = '-150';
topName[3] = '189';
leftName[3] = '-250';

//Kiosco 4
links[4] = 'Ocio _XX_1kiosko.html';
images[4] = 'images/pictures/kiosko.jpg';
nameEspacio[4] = 'Kiosco';
topImg[4] = '340';
leftImg[4] = '-280';
topName[4] = '330';
leftName[4] = '-360';

//Toros 5
links[5] = '../cepashis/especta/toros/maestros_victoriaXIX.htm';
images[5] = 'images/pictures/mazzantini.jpg';
nameEspacio[5] = 'Toros';
topImg[5] = '275';
leftImg[5] = '680';
topName[5] = '260';
leftName[5] = '610';

//Principal 6
links[6] = 'Ocio _XX_1breton.html';
images[6] = 'images/pictures/principal.jpg';
nameEspacio[6] = 'Principal';
topImg[6] = '280';
leftImg[6] = '-20';
topName[6] = '270';
leftName[6] = '-109';

//Siglo 7
links[7] = 'Ocio _XIX_cafes.html';
images[7] = 'images/pictures/siglo.jpg';
nameEspacio[7] = 'Cafe del Siglo';
topImg[7] = '140';
leftImg[7] = '-240';
topName[7] = '135';
leftName[7] = '-348';

//Leones 8
links[8] = 'Ocio _XIX_cafes.html';
images[8] = 'images/pictures/dosleones.jpg';
nameEspacio[8] = 'Dos Leones';
topImg[8] = '49';
leftImg[8] = '-289';
topName[8] = '43';
leftName[8] = '-389';

//Sagasta 9
links[9] = '../politica/diputa/sagasta/saga_encade.html';
images[9] = 'images/pictures/sagasta.jpg';
nameEspacio[9] = 'Sagasta';
topImg[9] = '120';
leftImg[9] = '-85';
topName[9] = '110';
leftName[9] = '-160';

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]]);
		}
	}
}