attachEventListener(window, "load", setInnerBar, false);

function randomImg()
{
	var l = bgImage.length;
	var rnd_no = Math.round((l-1)*Math.random());
	return bgImage[rnd_no];
}

function theImg()
{
	var newImg = randomImg();
	switchText(newImg[1],newImg[2]);
	return "<img src='/gimgs/" + newImg[0] + "' width='100%' />";
}

// heh, call me old skool
function switchText(arr1,arr2)
{	
	var html = "<span class='title'><strong>Titre:</strong> " + arr1 + "</span><span class='keyword'><strong>Mots cl&eacute;:</strong> " + arr2 + "</strong></span>";
	document.getElementById('thetext') = html;
}

function switchImg()
{
	var html = theImg();
	document.getElementById('picture') = html;
}

function getWindowHeight()
{
	var windowHeight = 0;
	if (typeof(window.innerHeight) == 'number') {
		windowHeight = window.innerHeight;
	}
	else {
		if (document.documentElement && document.documentElement.clientHeight) {
			windowHeight = document.documentElement.clientHeight;
		} else {
			if (document.body && document.body.clientHeight) {
				windowHeight = document.body.clientHeight;
			}
		}
	}
	return windowHeight;
}

function getWindowWidth()
{
	var windowWidth = 0;
	if (typeof(window.innerWidth) == 'number') {
		windowWidth = window.innerWidth;
	}
	else {
		if (document.documentElement && document.documentElement.clientWidth) {
			windowWidth = document.documentElement.clientWidth;
		} else {
			if (document.body && document.body.clientWidth) {
				windowWidth = document.body.clientWidth;
			}
		}
	}
	return windowWidth;
}

function getImage(no) {
	return bgImage[no];
}


function showImage(no)
{
	num = no;
	place = num + 1;

	var ar = document.getElementById("project-intro");
	var ar2 = document.getElementById("project-text");
	var ar3 = document.getElementById("project-nav");

	ar.style.display = "none";
	ar2.style.display = "none";
	ar3.style.display = "";

	var back2 = document.getElementById("white");
	back2.style.backgroundColor = "#ffffff";

	var back3 = document.getElementById("picture");
	back3.innerHTML = "";

	var image = getImage(no);
	sometext = image[1];

	document.getElementById("project-photo").innerHTML = processing();

	nextImage = "/gimgs/"+image[0];
	preloadImagesb(nextImage);

	//var back4 = document.getElementById("total");
	//back4.innerHTML = place + ' of ' + countImages();

	//var back = document.getElementById("project-photo");
	//back.innerHTML = "<span>" + image[1]+  "<span><br/><img src='/gimgs/" + image[0] + "' />";
}

function countImages()
{
	return bgImage.length;
}

function nextImg() 
{
	nom = num + 1;
	place = nom + 1;

	if ((place < 0) || (place > countImages())) return;

	var image = getImage(nom);
	sometext = image[1];

	num = nom;

	document.getElementById("project-photo").innerHTML = processing();
	
	nextImage = "/gimgs/"+image[0];
	preloadImagesb(nextImage);

	//document.getElementById("total").innerHTML = place + ' of ' + countImages();

	//var back = document.getElementById("project-photo");
	//back.innerHTML = "<span>" + image[1]+  "<span><br/><img src='/gimgs/" + image[0] + "' />";
}

function timeOuta()
{
	document.getElementById("total").innerHTML = place + ' of ' + countImages();
	
	//x = document.getElementById('preloader');
	//x.innerHTML = ''; // reset blank
	//x.style.display = 'none';
	//newImage = "<img src='" + preloadImageb.src  + "' width='100%' />";
	
	var back = document.getElementById("project-photo");
	back.innerHTML = "<span>" + sometext+  "<span><br /><img src='" + preloadImagebb.src + "' />";
	
	//switchText(text,tags);
	//z = document.getElementById('picture');
	//z.innerHTML = newImage;
}

function preloadImagesb(image)
{
	preloadImagebb = new Image();
	preloadImagebb.src = image;


	// we don't like this, but there it is
	if (preloadImagebb.complete == true) setTimeout("timeOuta()", 1000);
	preloadImagebb.onload = function() {
		setTimeout("timeOuta()", 1000);
	}
}

function prevImg() 
{
	nom = num - 1;
	place = num;

	if (place < 1) return;

	var image = getImage(nom);
	sometext = image[1];

	document.getElementById("project-photo").innerHTML = processing();

	//var back4 = document.getElementById("total");
	//back4.innerHTML = place + ' of ' + countImages();

	num = nom;

	nextImage = "/gimgs/"+image[0];
	preloadImagesb(nextImage);

	//var back = document.getElementById("project-photo");
	//back.innerHTML = "<span>" + image[1]+  "<span><br/><img src='/gimgs/" + image[0] + "' />";
}


function toggleThings(type)
{
	var ar = document.getElementById("project-intro");
	var ar2 = document.getElementById("project-text");
	var ar3 = document.getElementById("project-nav");

	if (type == 'text') {

		var back2 = document.getElementById("white");
		back2.style.backgroundColor = "#fff20d";
		back2.style.backgroundImage = "url(/imgs/white-square.gif)";
		back2.style.backgroundRepeat = "repeat-y";
		document.getElementById("picture").innerHTML = '<!-- -->';

		ar.style.display = "none";
		ar2.style.display = "";
		ar3.style.display = "none";

	} else {

		loadDefaultImage();
		var back2 = document.getElementById("white");
		back2.style.backgroundColor = "#ffffff";
		//document.getElementById("picture").innerHTML = "<img src='" + defautImage + "' width='100%' />";

		ar.style.display = "";
		ar2.style.display = "none";
		ar3.style.display = "none";
	}
}

function timeOut()
{
	x = document.getElementById('preloader');
	x.innerHTML = ''; // reset blank
	x.style.display = 'none';
	newImage = "<img src='" + preloadImagea.src  + "' width='100%' />";
	//switchText(text,tags);
	z = document.getElementById('picture');
	z.innerHTML = newImage;
}

function preloadImages(image)
{
	preloadImagea = new Image();
	preloadImagea.src = image;

	// we don't like this, but there it is
	if (preloadImagea.complete == true) setTimeout("timeOut()", 1000);
	preloadImagea.onload = function() {
		setTimeout("timeOut()", 1000);
	}
}

function processing()
{
	return "<img src='/imgs/scroller.gif' />";
}

function loadDefaultImage()
{
	document.getElementById('preloader').style.display = 'block';
	document.getElementById('preloader').innerHTML = processing();
	defaultImage = "/gimgs/"+defImage;
	preloadImages(defaultImage);
}

function setInnerBar() 
{
	loadDefaultImage()
	var barElement = document.getElementById('innerbar');
	var windowHeight = getWindowHeight();
	var pictureHeight = document.getElementById('picture').offsetHeight;
	var contentHeight = document.getElementById('content').offsetHeight;

	barElement.style.height = windowHeight + 'px';
}

function editTab(obj)
{
	var el = document.getElementById(obj);
	var ar = document.getElementById("infos").getElementsByTagName("div");

	if (el.style.display != "block") {
		for (var i=0; i<ar.length; i++) {
			if (ar[i].className == "subTabs") {
				ar[i].style.display = "none";
				styleTab(ar[i].id,'off');
			}
		}
	}

	el.style.display = "block";
	styleTab(obj,'on');
}

// need to style this from our stylesheets...hmmm...
function styleTab(id,state)
{
	tabStyle = document.getElementById("a"+id);
	if (state == 'on') {
		tabStyle.className = 'tabOn';
	} else {
		tabStyle.className = 'tabOff';
	}
}