var curIndex = 0;
/* 
  Lista med alla bilder 
  Varje element är en ny lista med bildens basnamn, titel, bildtext, bredd, höjd. 
  Bildernas basnamn kompletteras med _thumb.jpg för tumlnaglar och .jpg för huvudbilderna. 
  Tumnaglarna är 100x100
*/
var images = new Array();
images[0] = new Array('3-bjorkpollen', 'TRE BJÖRKPOLLEN','Dosor för allergimedicin', '569', '320');
images[1] = new Array('tva-pa-varandra', 'SILVERSTEN', 'Dosa i silver med gummibandsstängning', '580', '320');
images[2] = new Array('Bjorkpollen-med-hangen', 'BJÖRKPOLLEN MED HÄNGEN', 'Dosa för allergimedicin, silver 18k guld, odlade pärlor', '357', '320');
images[3] = new Array('alska-burk', 'ÄLSKADOSA', 'Silver, utsågat mönster (rapporterat av ordet älska)', '158', '320');
images[4] = new Array('bjorkpollen-forgyllt', 'BJÖRKPOLLEN - GULD', 'Dosa för allergimedicin, förgyllt silver', '296', '320');
images[5] = new Array('bjorkpollen-oxiderat', 'BJÖRKPOLLEN - SVART', 'Dosa för allergimedicin, etsat, oxiderat silver', '308', '320');
images[6] = new Array('bokmarke-beige', 'BODIL', 'Bokmärke, fin silver, beige tofs, odlade pärlor', '276', '320');
images[7] = new Array('bokmarke-asktofs', 'FLORA', 'Asklövsbokmärke, finsilver, grön tofs, odlad pärla', '184', '320');
images[8] = new Array('bokmarke-graverat', 'GABRIEL', 'Graverat bokmärke, finsilver, röd tofs', '334', '320');
images[9] = new Array('dosa-for-brustabletter', 'BRUSA', 'Dosa för brustabletter, silver, gummiband', '218', '320');
images[10] = new Array('dosa-med-korall', 'DOSA FÖR TANDSTICKOR','Etsad i silver och med graverad korall', '550', '320');
images[11] = new Array('handens-linjer', 'HANDENS LINJER', 'Dosa i silver, magneter', '550', '320');
images[12] = new Array('kritstreck-oppen', 'KRITSTRECK', 'Kapsel på lång kedja med USB-minne, silver, 2GB', '710', '320');
images[13] = new Array('sukettdosa', 'DOSA FÖR SUKETTER', 'Silver, hänge av odlade pärlor', '238', '320');
images[14] = new Array('syetui-ester', 'ESTER', 'Syetui med nål och tråd - silver, blomma och blad i 18k guld, graverat mönster och med rött pärlsilke', '550', '320');
images[15] = new Array('syetui-karl', 'KARL', 'Syetui med nål och tråd - silver, svart gummiband', '550', '320');
images[16] = new Array('reptil', 'REPTIL', 'Kapsel med USB-minne, förgyllt silver, 2GB', '498', '320');
images[17] = new Array('lovdosa', 'LÖVDOSA', 'Etsade silverlöv', '445', '320');


function changeImage(imageno) {
	 /* Byter centerbilden samt uppdaterar bildtexten för den */
	 document.getElementById("centerbild").width = images[imageno][3];
	 document.getElementById("centerbild").height = images[imageno][4];
	 document.getElementById("centerbild").src = images[imageno][0]+".jpg";
	 document.getElementById("bildtext").innerHTML = "<p class=\"bildtext\">"+images[imageno][1]+"<br/>"+ images[imageno][2]+"</p>";
	 document.getElementById("centerbild").setAttribute('alt', images[imageno][2])
}

function moreImages(direction) {
 	 /* Hanterar pilarna och räknartext under tumnalgarna. Skapas automatiskt från listan images, 
      texten hanteras av funktionen setThumbs som kallas i slutet på denna funktion */
	 direction == "+" ? curIndex += 6 : curIndex -= 6;
	 var nextIndex = curIndex + 6;
	 if (curIndex > 5) {
			document.getElementById("pv").style.visibility = "visible";
	 }
	 if (curIndex < 5) {
			document.getElementById("pv").style.visibility = "hidden";
	 }
	 if (curIndex >= images.length - 6) {
			document.getElementById("ph").style.visibility = "hidden";
			nextIndex = images.length
	 }
	 if (images.length - 6 > curIndex) {
			document.getElementById("ph").style.visibility = "visible";
	 }
	 setThumbs(curIndex, nextIndex)
}

function setThumbs(startIndex, nextIndex) {
  /* Sätter tumnaglarna och skriver bildtexten */
	 for (i=0; i<6; i++) {
			if (startIndex+i < images.length) {
				 document.getElementById("thumb"+i).innerHTML = '<img onClick="changeImage(\'' + (startIndex+i) + '\')" src="' + images[startIndex+i][0] + '_thumb.jpg"/>';
			}
			else {
				 document.getElementById("thumb"+i).innerHTML = "";
			}
	 }

	 var raknartext = "<span class=\"raknartext\">Visar " + (startIndex+1) + "-" + nextIndex + " av " + images.length + "</span>";
	 document.getElementById("raknartext").innerHTML = raknartext;

	 changeImage(startIndex);
}

function changeMenu(change) {
	 /* Ritar menyn */
	 var numMenyAlternativ = 4
	 change == "show" ? visibility = "visible" : visibility = "hidden";
   for (i=1; i <= numMenyAlternativ; i++) {
			document.getElementById("innehall" + i).style.visibility = visibility;
	 }
}

function activateMenu(menuitem, ref) {
	 /* Sätter rätt style på det aktiva menyalternativet */
   document.getElementById(menuitem).className = "innehallsrad_aktiv";
   document.getElementById(ref).className = "innehallsref_aktiv";
}