//Script by www.mzh.dk except the image transition script (blendtrans.js) from http://www.brainerror.net/scripts_js_blendtrans.php

//Array over projektbilleder
src_array = new Array (
"/pics/how_we_work_images/:75.png")

//Funktion til at generere de enkelte navigationsknapper
function makeNaviBtn(image_number, active_image) {
	up = image_number+"_up.png";
	over = image_number+"_over.png";
	down = image_number+"_down.png";

	if (image_number == active_image) {
	default_src = down;
	} else {
	default_src = up;
	}
    button_code = "";

	button_code += '<img src="/navigation/'+default_src+'" height="26" width="31" alt="Image #'+image_number+'" title="" id="button_'+image_number+'" class="navigation_button" style="background-image: url(\''+src_array[image_number-1]+'\'); backgrund-color: transparent; background-repeat: no-repeat; background-position: -10000px -10000px; cursor: ';

		if (image_number == active_image) {
		button_code += 'default;\"> '
		} else {
		button_code += 'pointer;\" onclick="changeImage('+image_number+');" onmouseover="this.src=\'/navigation/'+over+'\';" onmouseout="this.src=\'/navigation/'+up+'\';" onmousedown="this.src=\'/navigation/'+down+'\';" onmouseup="this.src=\'/navigation/'+over+'\';"> ';
		}
	return button_code;
}

//Funktion til at generere hele navigationspanelet
function makeNaviPanel(i) {
	button_count = 1;
	temp = "";
		while (button_count <= src_array.length) {
		temp += makeNaviBtn(button_count, i);
		button_count++;
		}
	//Skriv indholdet af temp-variablen ind i 'image_navigation_panel'-div'en
	document.getElementById("image_navigation_panel").innerHTML = temp;
}

function changeImage(i) {
	//Fade nyt baggrundsbillede ind i 'main'
	blendimage('main','blendimage', src_array[i-1],800)

 	//Kald funktionen, der genererer navigationspanelet
    makeNaviPanel(i);
}

window.onpageshow = changeImage(1); hideLoadBox();
window.onload = changeImage(1); hideLoadBox();