// --------------------------
// Portfolio extensible code
// MIEZ.nl - may 2008
// --------------------------

// lytebox global:
full_path = "http://www.miez.nl/newsite/portfolio/shots/";

// array of categories
cats = new Array();
cats[0] = "web|Web design";
cats[1] = "gam|Game design";
cats[2] = "gra|Graphic design";
cats[3] = "ill|Illustratie";
cats[4] = "fot|Fotomanipulatie";

// all projects are in an array
projects = new Array();

// fill the array
// array elements are built up like this:
// full name|file name|short description|category|jaar|id1|id2|id3|id4
// 0         1         2                 3        4    5   6   7   8
projects[0] = "Chaos Arena website|arena|website|web|2006|1|2|*|*";
projects[1] = "Chaos Arena|arena_game|bordspel|gam|2005|1|2|*|*";
projects[2] = "Balé Balé|balebale|foto manipulatie|fot|2004|1|2|3|4";
projects[3] = "Bijzonder Brabant|bijzbra|website|web|2005|1|2|*|*";
projects[4] = "Bright Side of Life|bsl|website|web|2002|1|2|*|*";
projects[5] = "Campanje Camperverhuur|campanje|website|web|2002|1|2|*|*";
projects[6] = "Certified Cyber Feminist|ccf|games & website|gam|2003|1|2|3|4";
projects[7] = "Centrum voor Gender en Diversiteit|cgd|website|web|2003|1|2|3|*";
projects[8] = "Dans EASY|dans_easy|website design|web|2006|1|2|*|*";
projects[9] = "Geen afsluitkosten|gak|website|web|2005|1|*|*|*";
projects[10] = "Hypotheekcollectief|hypcol|website|web|2005|1|*|*|*";
projects[11] = "Geboortekaartje Dmitri|kaartje_dmitri|illustratie|ill|2007|1|2|*|*";
projects[12] = "Geboortekaartje Riven|kaartje_riven|illustratie|ill|2008|1|2|*|*";
projects[13] = "KAOS|kaos|website|web|2007|1|2|3|*";
projects[14] = "Kids Larp|kidslarp|drupal skin & flyer|gra|2008|1|2|*|*";
projects[15] = "Maaike Meijer|maaike|website|web|2006|1|2|*|*";
projects[16] = "Me Gusta!|megusta|website|web|2004|1|2|*|*";
projects[17] = "OBP Groep|obp|website|web|2003|1|2|*|*";
projects[18] = "Oceaan Training & Coaching|oceaan|website|web|2004|1|2|*|*";
projects[19] = "Omnia Neocelt|omnia|website|web|2003|2|3|4|*";
projects[20] = "Omnia - Alive!|omnia_alive|cd design|gra|2007|1|2|3|*";
projects[21] = "Omnia - Crone of War|omnia_cow|cd design|gra|2004|1|2|3|4";
projects[22] = "Omnia - Paganfolk|omnia_paganfolk|cd design|gra|2006|1|2|3|4";
projects[23] = "Omnia - Live Religion|omnia_religion|cd design|gra|2004|1|2|*|*";
projects[24] = "Omnia - Cybershaman|omnia_shaman|cd design|gra|2007|1|2|*|*";
projects[25] = "P2O Personeel en Projecten|p2o|website & DTP|web|2003|1|2|3|4";
projects[26] = "Putty-n-Paint|putty|website|web|2004|1|2|*|*";
projects[27] = "Ravero|ravero|website design|ravero|web|2005|1|2|*|*";
projects[28] = "Routebureau Brabant|rbb|website design|web|2004|1|2|*|*";
projects[29] = "Sharewerk|share|website design|web|2005|1|2|3|*";
projects[30] = "Slee Produkties|slee|website|web|2006|1|2|3|4";
projects[31] = "Tis Ernst|tisernst|website|web|2008|1|2|*|*";
projects[32] = "U-Trax|utrax|website|web|2007|1|2|3|*";
projects[33] = "Indiana Jones and the Fountain of Youth|indy|game & website|gam|2004|1|2|3|4";
projects[34] = "Splash|splash|game graphics|gam|2000|1|*|*|*";
projects[35] = "Omnia - Pagan Folk Lore|omnia_folklore|dvd design|gra|2008|1|2|3|4"; 

// ---------------------------------------------------

// sort the array alphabetically
projects.sort();

// set variable to projectlist length
ProjLen = projects.length;

// set variable to Categories length
CatsLen = cats.length;

// function to write thumbnails
function ShowThumbs() {
	// first get project name from url
	var pdir = 'thumbs/';
	var my_url = window.location.href;
	var urlbits = my_url.split("?");
	var ProjName = urlbits[1];
	// open a table
	document.write('<table width="332" border="0" cellspacing="0" cellpadding="0"><tr>');
	// now draw thumbnails
	if (urlbits[1].length > 0) {
		for (aa=0; aa<ProjLen; aa++) {
			// split string into bits
			var strBits = projects[aa].split("|");
			// match given name with list
			if (ProjName == strBits[1]) {
				var l1 = '<img src="../pix/nothumb.gif" width="166" height="107" border="0" class="thumb">';
				var l2 = '<img src="../pix/nothumb.gif" width="166" height="107" border="0" class="thumb">';
				var l3 = '<img src="../pix/nothumb.gif" width="166" height="107" border="0" class="thumb">';
				var l4 = '<img src="../pix/nothumb.gif" width="166" height="107" border="0" class="thumb">';
				if (strBits[5] != "*") {
					l1 = '<a href="JavaScript:ZoomPic(' + "'" + ProjName + strBits[5] + "&" + strBits[0] + "'" + ');" title="' + strBits[0] + '">';
					l1 = l1 + '<img src="' + pdir + 'tmb_' + ProjName + strBits[5] + '.jpg" alt="" height="107" width="166" border="0" class="thumb"></a>';
				}
				if (strBits[6] != "*") {
					l2 = '<a href="JavaScript:ZoomPic(' + "'" + ProjName + strBits[6] + "&" + strBits[0] + "'" + ');" title="' + strBits[0] + '">';
					l2 = l2 + '<img src="' + pdir + 'tmb_' + ProjName + strBits[6] + '.jpg" alt="" height="107" width="166" border="0" class="thumb"></a>';
				}
				if (strBits[7] != "*") {
					l3 = '<a href="JavaScript:ZoomPic(' + "'" + ProjName +  strBits[7] + "&" + strBits[0] + "'" + ');" title="' + strBits[0] + '">';
					l3 = l3 + '<img src="' + pdir + 'tmb_' + ProjName + strBits[7] + '.jpg" alt="" height="107" width="166" border="0" class="thumb"></a>';
				}
				if (strBits[8] != "*") {
					l4 = '<a href="JavaScript:ZoomPic(' + "'" + ProjName  + strBits[8] + "&" + strBits[0] + "'" + ');" title="' + strBits[0] + '">';
					l4 = l4 + '<img src="' + pdir + 'tmb_' + ProjName + strBits[8] + '.jpg" alt="" height="107" width="166" border="0" class="thumb"></a>';
				}
				// now write table contents
				document.write('<td>' + l1 + '</td>');
				document.write('<td>' + l2 + '</td>');
				document.write('</tr><tr>');
				document.write('<td>' + l3 + '</td>');
				document.write('<td>' + l4 + '</td>');
 			}
		}
	}
	document.write('</tr></table>');
	return;
}

// function to write a list of projects
function ShowList() {
	document.write('<table width="158" border="0" cellspacing="0" cellpadding="0">');
	for (bb=0; bb<CatsLen; bb++) {

		// split cat string
		var CatBits = cats[bb].split("|");
        document.write("<tr>");
		document.write('<td class="project">');
		document.write('<span class="project_cat">' + CatBits[1] + "</span>");
		document.write("</td></tr>");

		// write projects for this category
		for (aa=0; aa<ProjLen; aa++) {
			// split string into bits
			var strBits = projects[aa].split("|");
			// write data
			if (strBits[3] == CatBits[0]) {
				document.write("<tr>");
				document.write('<td class="project">');
				document.write('<a href="JavaScript:ClickList(' + "'" + strBits[1] + "'" + ');" title="');
				document.write(strBits[2] + '&nbsp;(' + strBits[4] + ')"');
				document.write(' class="project">');
				document.write(strBits[0] + "</a>");
				document.write("</td></tr>");
			}
		}
	}
	document.write('</table>');
	return;
}

// function to update iFrames if a user clicks the projectlist
function ClickList(ProjName) {
	for (aa=0; aa<ProjLen; aa++) {
		// split string into bits
		var strBits = projects[aa].split("|");
		// match given name with list
		if (ProjName == strBits[1]) {
			var url_shots = "shots.html?" + ProjName;
			var url_info = "info/" + ProjName + ".html";
			parent.frames['info'].location.href = url_info;
			parent.frames['shots'].location.href = url_shots;
		}
	}
	return;
}

// function to open a popup window
function ZoomPic(p_name,p_desc)
{	OPicW = 780;
	OPicH = 620;
	var WindowDef = "toolbar=no,location=no,scrollbars=yes,resizable=yes,width=" + OPicW + ",height=" + OPicH;
	var Loc = "poppic.html?" + p_name;
	var dummy = window.open(Loc,"Afbeelding",WindowDef);
	return;
}