var current = 0;

function swapimg( show ){

	var piece = new Array();
	var title = new Array();
	var size = new Array();
	var meta = new Array();


	piece[0] = 'images/graphic/001.jpg';
	title[0] = 'Crane & Stone';
	size[0] = 'The final logo for a culture organisation for organizing events like concerts and other performances.';
	meta[0] = '';

	piece[1] = 'images/graphic/002.jpg';
	title[1] = 'Crane & Stone';
	size[1] = 'Another logo I made for them.';
	meta[1] = '';

	piece[2] = 'images/graphic/003.jpg';
	title[2] = 'Crane & Stone';
	size[2] = 'And another logo I made for them...';
	meta[2] = '';

	piece[3] = 'images/graphic/004.jpg';
	title[3] = 'Lida Tode';
	size[3] = 'A business card I made for my mom, Lida Tode and her "interim management office". This is a photoshop image I made before getting it printed. The actual thing looks nicer. I’ll see if i can make a picture of it soon.';
	meta[3] = '';

	piece[4] = 'images/graphic/005.jpg';
	title[4] = 'Delchi';
	size[4] = 'One of the many logo’s I made for Delchi. None of the logo’s I originally made were actually approved, so I ended up making a logo "together" with the client at home in Microsolf Paint or Word or something. Something that didn’t put in my portfolio here, for good reasons!';
	meta[4] = '';

	piece[5] = 'images/graphic/006.jpg';
	title[5] = 'Delchi';
	size[5] = 'One of the many logo’s I made for Delchi. None of the logo’s I originally made were actually approved, so I ended up making a logo "together" with the client at home in Microsolf Paint or Word or something. Something that didn’t put in my portfolio here, for good reasons!';
	meta[5] = '';

	piece[6] = 'images/graphic/007.jpg';
	title[6] = 'De gouden Makelaar';
	size[6] = 'Business cards and custom print paper made for a brokers company. I made this during my employment at Smmart.';
	meta[6] = '';

	piece[7] = 'images/graphic/008.jpg';
	title[7] = 'Lentink';
	size[7] = 'A logo made for a painting company. I made this during my employment at Smmart.';
	meta[7] = '';

	piece[8] = 'images/graphic/009.jpg';
	title[8] = 'Malkander';
	size[8] = 'An advertisement folder for a big recreational swimming resort in Apeldoorn, Holland. I made this during my employment at Smmart.';
	meta[8] = '';

	piece[9] = 'images/graphic/010.jpg';
	title[9] = 'Humanitas';
	size[9] = 'Business cards for Humanitas in Holland.';
	meta[9] = '';

	piece[10] = 'images/graphic/011.jpg';
	title[10] = 'Lida Tode';
	size[10] = 'A logo I made for my mom, Lida Tode and her "interim management office".';
	meta[10] = '';

	piece[11] = 'images/graphic/012.jpg';
	title[11] = 'Bao wushu';
	size[11] = 'The logo I made for bao-wushu.com a few years back. Unfortunately the domain-name has expired, so it’s not online anymore.';
	meta[11] = '';

	piece[12] = 'images/graphic/013.jpg';
	title[12] = 'Spider Gym';
	size[12] = 'A logo I made for Spider Gym, a boxing school in Rotterdam, Holland.';
	meta[12] = '';
	
	piece[13] = 'images/graphic/014.jpg';
	title[13] = 'Fei Wushu - 20 Years Celebration';
	size[13] = 'Some advertisement I made for a performance by Fei Wushu and grandmasters from China like Wu Bin and Xia Bai Hua in 2007. The highly successful show was given in the sold-out Lucent Theater in The Hague, Holland.';
	meta[13] = '';

	piece[14] = 'images/graphic/015.jpg';
	title[14] = 'Respect Rulez';
	size[14] = 'I designed this dvd cover for a concert given by some Dutch celebrities for disadvantaged youth in Holland. The show was broadcast on TV as well. Of course, I liked the part most where they symbolically handed over a huge print of my DVD cover on stage to one of the youthsters, haha.';
	meta[14] = '';

	piece[15] = 'images/graphic/016.jpg';
	title[15] = 'Crane & Stone';
	size[15] = 'Business cards for Crane & Stone in Beijing.';
	meta[15] = '';


	document.getElementById( 'featured' ).src = piece[show];
	document.getElementById( 'featured' ).alt = title[show];
	document.getElementById( 'featuretitle' ).innerHTML = title[show];
	document.getElementById( 'featuresize' ).innerHTML = size[show];
	document.getElementById( 'featuremeta' ).innerHTML = meta[show];
	
	for( i = 0; i < meta.length; i++ ){
		document.getElementById( 'item' + i ).style.opacity = '1';
	}
	document.getElementById( 'item' + ( show ) ).style.opacity = '.6';
	
	current = ( show );
	
	if ( current == 0 ){
		document.getElementById( 'previous' ).style.display = 'none';
	}
	else{
		document.getElementById( 'previous' ).style.display = '';
	}
	if ( current == (meta.length - 1) ){
		document.getElementById( 'next' ).style.display = 'none';
	}
	else{
		document.getElementById( 'next' ).style.display = '';
	}
}


function next(){
	working = current;
	swapimg( working + 1 );
}

function previous(){
	working = current;
	swapimg( working - 1 );
}