// JavaScript Code for http://www.mirtebecker.com/
// Liefs, Rami

function changeImage(my_id, new_src)
{
	document.getElementById(my_id).outerHTML = '<img id="'+my_id+'" alt="Image for '+my_id+'" src="projectphotos/'+my_id+'_'+new_src+'.jpg"> ';	
	document.getElementById(my_id).src="projectphotos/"+my_id+"_"+new_src+".jpg";
	for( i = 1; i <= 5; i++ )
	{
		if( document.getElementById("linkblock_"+my_id+"_"+i) )
		{
			document.getElementById("linkblock_"+my_id+"_"+i).style.backgroundColor="#424242";
			document.getElementById("linkblock_"+my_id+"_"+i).style.color="#fff";					
		}
	}
	document.getElementById("linkblock_"+my_id+"_"+new_src).style.backgroundColor="#979797";
	document.getElementById("linkblock_"+my_id+"_video").style.backgroundColor="#424242";
	document.getElementById("linkblock_"+my_id+"_video").style.color="#fff";			
}		

function changeVideo(my_id, new_src)
{
	if(document.getElementById(my_id) )
	{
		for( i = 1; i <= 5; i++ )
		{
			if( document.getElementById("linkblock_"+my_id+"_"+i) )
			{
				document.getElementById("linkblock_"+my_id+"_"+i).style.backgroundColor="#424242";
				document.getElementById("linkblock_"+my_id+"_"+i).style.color="#fff";					
			}
		}		
		
		document.getElementById("linkblock_"+my_id+"_video").style.backgroundColor="#979797";
		document.getElementById("linkblock_"+my_id+"_video").style.color="#fff";			
		
		document.getElementById(my_id).outerHTML = '<object id="'+my_id+'" style="width:500px; height:282px;"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id='+new_src+'&amp;autoplay=1&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id='+new_src+'&amp;autoplay=1&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" style="width:500px; height:282px;"></embed></object>';
	}
}