// JavaScript Document

function createThumbnails(page) {
	
	var thumbnailsHTML = "";
	var genericArray;
	var contentPath;
	
	if (page == 'book') { genericArray = bookArray; contentPath = 'book'; }
	if (page == 'caricature') { genericArray = caricatureArray; contentPath = 'caricature'; }
	if (page == 'illustration') { genericArray = illustrationArray; contentPath = 'illustration'; }
	if (page == 'otherarts') { genericArray = otherArtsArray; contentPath = 'otherarts'; }
	if (page == 'sketches') { genericArray = sketchesArray; contentPath = 'sketches'; }

	for (var i = 0; i < genericArray.length; i++) {		
		thumbnailsHTML += "<div class=\"imagebox\" "
		+ "onmouseover=\"this.style.backgroundColor = '#FFFFFF';\" "
		+ "onmouseout=\"this.style.backgroundColor = '#B1C8D1';\" "
		+ "onclick=\"setImageDetailsFrame('img/content/"
		+ contentPath
		+ "/" 
		+ genericArray[i].bigImage 
		+ "', '" 
		+ genericArray[i].title
		+ "', '" 
		+ genericArray[i].material
		+ "', '" 
		+ genericArray[i].customer
		+ "')\"><img src=\"img/content/"
		+ contentPath 
		+ "/" 
		+ genericArray[i].thumbnail 
		+ "\" alt=\"" 
		+ genericArray[i].title
		 + "\" /></div>";
	}
	
	thumbnailsHTML += "<br clear=\"all\">";	
	document.getElementById(page + "-thumbnails").innerHTML = thumbnailsHTML; 
}

function setImageDetailsFrame(bigImage, title, material, customer, showBookOrderImage) {

	if (!showBookOrderImage)
	{
		document.getElementById('orderbook').innerHTML = '';
	}
				
	parent.parent.document.getElementById('images').style.display = 'block';
	parent.parent.document.getElementById('bio').style.display = 'none';
	parent.parent.document.getElementById('links').style.display = 'none';
	parent.parent.document.getElementById('clients').style.display = 'none';
	parent.parent.document.getElementById('contact').style.display = 'none';
		
	// show the loading image
	parent.parent.document.getElementById('bigimage').src = 'img/content/loading.gif';
	parent.parent.document.getElementById('imagetitle').innerHTML = '';
	parent.parent.document.getElementById('imagematerial').innerHTML = '';
	parent.parent.document.getElementById('imagecustomer').innerHTML = '';
	
	// load the big image
	parent.parent.document.getElementById('bigimage').src = bigImage;
	parent.parent.document.getElementById('imagetitle').innerHTML = title;
	parent.parent.document.getElementById('imagematerial').innerHTML = material;
	parent.parent.document.getElementById('imagecustomer').innerHTML = customer;
}

function showTextContent(name) {		
	update(name, 'images');
	update(name, 'links');
	update(name, 'bio');
	update(name, 'clients');
	update(name, 'contact');
}

function update(name, id) {
	if (name == id) { 
		//show(id); 
		document.getElementById(id).style.display = 'block';
	} else {
		//hide(id); 
		document.getElementById(id).style.display = 'none';
	}
}

function getDiv_OLD(name) {
	var thumbnaildetail;
	
	if (navigator.userAgent.toLowerCase().indexOf('msie') + 1) {		
		thumbnaildetail = parent.parent.document.frames('thumbnaildetail').document;
	} else {		
		thumbnaildetail = parent.parent.document.getElementById('thumbnaildetail').contentDocument;
	}
	
	return thumbnaildetail.getElementById(name);
}

function show(name) {
	getDiv(name).style.display = 'block';
}

function hide(name) {
	getDiv(name).style.display = 'none';
}

function showRandomInitImage() {
	var numberOfArrays = 5;
	var arrayNumber = Math.floor(Math.random() * numberOfArrays); 
	var chosenArray;
	var imageFolder;
	
	if (arrayNumber == 0) { chosenArray = bookArray; imageFolder = 'book'; }
	if (arrayNumber == 1) { chosenArray = illustrationArray; imageFolder = 'illustration'; }
	if (arrayNumber == 2) { chosenArray = caricatureArray; imageFolder = 'caricature'; }
	if (arrayNumber == 3) { chosenArray = otherArtsArray; imageFolder ='otherarts'; }
	if (arrayNumber == 4) { chosenArray = sketchesArray; imageFolder = 'sketches'; }
	
	var recordNumber = Math.floor(Math.random() * chosenArray.length);

	//setImageDetailsFrame('', '', '', '', true);
	
	setImageDetailsFrame(
		'img/content/' + imageFolder + '/' + chosenArray[recordNumber].bigImage, 
		chosenArray[recordNumber].title, 
		chosenArray[recordNumber].material, 
		chosenArray[recordNumber].customer);
			
	/*setImageDetailsFrame(
		'img/content/expoweb.jpg',
		'',
		'<a href="http://www.galerie-t.nl" target="_blank" style="font-size: 13px; color: #4D7688; font-weight: bold; margin-right: 30px; text-decoration: underline">www.galerie-t.nl</a>',
		'');*/
	
}