﻿// JavaScript Document.

// Este script se usa para cargar una de las imágenes de la cabecera de forma aleatoria
// cada vez que se carga una de las páginas o se actualiza. Las imágenes deben estar en
// la carpeta \images\ y el script en la carpeta \Scripts\.

// Para mostrar una imagen aleatoria de las posibles (todas ellas deben llamarse como "headxx.jpg"
// siendo xx el nº de la imagen), basta con insertar este código en el punto del HTML en el que
// deseamos que se vean las imágenes (de 464x158 px):
//
/*		<script src="Scripts/head_image.js" type="text/javascript"></script>  */
// 

// La función devuelve un número entre 0 y "nums - 1" 
function getRandom(nums) 
{ 
    var ranNum= Math.round(Math.random()*nums); 
    return ranNum; 
} 
  
// Nos dice cuantas imágenes tenemos 
var numberOfImages    = 201; // Valor igual al último nº de imagen a usar + 1 
var randomNumber        = getRandom(numberOfImages); 
  
// Creamos un Array con los nombres de las imagenes, introduce tantas como necesites pero recuerda actualizar también la variable numberOfImages 
var image = new Array(numberOfImages); 

image[0]="head00.jpg";
image[1]="head01.jpg"; 
image[2]="head02.jpg"; 
image[3]="head03.jpg"; 
image[4]="head04.jpg"; 
image[5]="head05.jpg"; 
image[6]="head06.jpg"; 
image[7]="head07.jpg"; 
image[8]="head08.jpg"; 
image[9]="head09.jpg"; 
image[10]="head10.jpg"; 
image[11]="head11.jpg"; 
image[12]="head12.jpg"; 
image[13]="head13.jpg"; 
image[14]="head14.jpg"; 
image[15]="head15.jpg"; 
image[16]="head16.jpg"; 
image[17]="head17.jpg"; 
image[18]="head18.jpg"; 
image[19]="head19.jpg"; 
image[20]="head20.jpg"; 
image[21]="head21.jpg"; 
image[22]="head22.jpg"; 
image[23]="head23.jpg"; 
image[24]="head24.jpg"; 
image[25]="head25.jpg"; 
image[26]="head26.jpg"; 
image[27]="head27.jpg"; 
image[28]="head28.jpg"; 
image[29]="head29.jpg"; 
image[30]="head30.jpg"; 
image[31]="head31.jpg"; 
image[32]="head32.jpg"; 
image[33]="head33.jpg"; 
image[34]="head34.jpg"; 
image[35]="head35.jpg"; 
image[36]="head36.jpg"; 
image[37]="head37.jpg"; 
image[38]="head38.jpg"; 
image[39]="head39.jpg"; 
image[40]="head40.jpg"; 
image[41]="head41.jpg"; 
image[42]="head42.jpg"; 
image[43]="head43.jpg"; 
image[44]="head44.jpg"; 
image[45]="head45.jpg"; 
image[46]="head46.jpg"; 
image[47]="head47.jpg"; 
image[48]="head48.jpg"; 
image[49]="head49.jpg"; 
image[50]="head50.jpg";  
image[51]="head51.jpg"; 
image[52]="head52.jpg"; 
image[53]="head53.jpg"; 
image[54]="head54.jpg"; 
image[55]="head55.jpg"; 
image[56]="head56.jpg"; 
image[57]="head57.jpg"; 
image[58]="head58.jpg"; 
image[59]="head59.jpg"; 
image[60]="head60.jpg";
image[61]="head61.jpg"; 
image[62]="head62.jpg"; 
image[63]="head63.jpg"; 
image[64]="head64.jpg"; 
image[65]="head65.jpg"; 
image[66]="head66.jpg"; 
image[67]="head67.jpg"; 
image[68]="head68.jpg"; 
image[69]="head69.jpg"; 
image[70]="head70.jpg";
image[71]="head71.jpg"; 
image[72]="head72.jpg"; 
image[73]="head73.jpg"; 
image[74]="head74.jpg"; 
image[75]="head75.jpg"; 
image[76]="head76.jpg"; 
image[77]="head77.jpg"; 
image[78]="head78.jpg"; 
image[79]="head79.jpg"; 
image[80]="head80.jpg";
image[81]="head81.jpg"; 
image[82]="head82.jpg"; 
image[83]="head83.jpg"; 
image[84]="head84.jpg"; 
image[85]="head85.jpg"; 
image[86]="head86.jpg"; 
image[87]="head87.jpg"; 
image[88]="head88.jpg"; 
image[89]="head89.jpg"; 
image[90]="head90.jpg";
image[91]="head91.jpg"; 
image[92]="head92.jpg"; 
image[93]="head93.jpg"; 
image[94]="head94.jpg"; 
image[95]="head95.jpg"; 
image[96]="head96.jpg"; 
image[97]="head97.jpg"; 
image[98]="head98.jpg"; 
image[99]="head99.jpg"; 
image[100]="head100.jpg";
image[101]="head101.jpg";
image[102]="head102.jpg";
image[103]="head103.jpg";
image[104]="head104.jpg";
image[105]="head105.jpg";
image[106]="head106.jpg";
image[107]="head107.jpg";
image[108]="head108.jpg";
image[109]="head109.jpg";
image[110]="head110.jpg";
image[111]="head111.jpg";
image[112]="head112.jpg";
image[113]="head113.jpg";
image[114]="head114.jpg";
image[115]="head115.jpg";
image[116]="head116.jpg";
image[117]="head117.jpg";
image[118]="head118.jpg";
image[119]="head119.jpg";
image[120]="head120.jpg";
image[120]="head120.jpg";
image[121]="head121.jpg";
image[122]="head122.jpg";
image[123]="head123.jpg";
image[124]="head124.jpg";
image[125]="head125.jpg";
image[126]="head126.jpg";
image[127]="head127.jpg";
image[128]="head128.jpg";
image[129]="head129.jpg";
image[130]="head130.jpg";
image[131]="head131.jpg";
image[132]="head132.jpg";
image[133]="head133.jpg";
image[134]="head134.jpg";
image[135]="head135.jpg";
image[136]="head136.jpg";
image[137]="head137.jpg";
image[138]="head138.jpg";
image[139]="head139.jpg";
image[140]="head140.jpg";
image[141]="head141.jpg";
image[142]="head142.jpg";
image[143]="head143.jpg";
image[144]="head144.jpg";
image[145]="head145.jpg";
image[146]="head146.jpg";
image[147]="head147.jpg";
image[148]="head148.jpg";
image[149]="head149.jpg";
image[150]="head150.jpg";
image[151]="head151.jpg";
image[152]="head152.jpg";
image[153]="head153.jpg";
image[154]="head154.jpg";
image[155]="head155.jpg";
image[156]="head156.jpg";
image[157]="head157.jpg";
image[158]="head158.jpg";
image[159]="head159.jpg";
image[160]="head160.jpg";
image[161]="head161.jpg";
image[162]="head162.jpg";
image[163]="head163.jpg";
image[164]="head164.jpg";
image[165]="head165.jpg";
image[166]="head166.jpg";
image[167]="head167.jpg";
image[168]="head168.jpg";
image[169]="head169.jpg";
image[170]="head170.jpg";
image[171]="head171.jpg";
image[172]="head172.jpg";
image[173]="head173.jpg";
image[174]="head174.jpg";
image[175]="head175.jpg";
image[176]="head176.jpg";
image[177]="head177.jpg";
image[178]="head178.jpg";
image[179]="head179.jpg";
image[180]="head180.jpg";
image[181]="head181.jpg";
image[182]="head182.jpg";
image[183]="head183.jpg";
image[184]="head184.jpg";
image[185]="head185.jpg";
image[186]="head186.jpg";
image[187]="head187.jpg";
image[188]="head188.jpg";
image[189]="head189.jpg";
image[190]="head190.jpg";
image[191]="head191.jpg";
image[192]="head192.jpg";
image[193]="head193.jpg";
image[194]="head194.jpg";
image[195]="head195.jpg";
image[196]="head196.jpg";
image[197]="head197.jpg";
image[198]="head198.jpg";
image[199]="head199.jpg";
image[200]="head200.jpg";



// Escribimos la etiqueta img con una imagen aleatoria 
document.write("<img src='" + "images/"+image[randomNumber] + "' />"); 

