// JavaScript Documentvar toShow;
function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
/* Functions that swap images. */
function MM_swapImage() { //v3.0
  var Counter,Counter2=0,FormObject,ArgsNumb=MM_swapImage.arguments; 
  
	document.MM_sr=new Array; 
	for(Counter=0;Counter<(ArgsNumb.length-2);Counter+=4)
		if ((FormObject=MM_findObj(ArgsNumb[Counter]))!=null){
			document.MM_sr[Counter2++]=FormObject; 
			if(!FormObject.oSrc) 
				FormObject.oSrc=FormObject.src; 
			FormObject.src=ArgsNumb[Counter+2];
		}
	
}function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

/* Functions that handle preload. */
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

var theHTML;
document.observe('dom:loaded', function(){
	
	// Effect to write the words out on the wall
	new Effect.Morph('caption_1', {
		style: 'width:335px;',
		duration: 2.5, afterFinish: function(){
			new Effect.Morph('caption_2',{
			style: 'width:500px',
			duration: 3.8
			});
		}
	});

	// For each homePath link, (the 3 "paintings"), register the following click event
 	$$('.homePaths_link').each(function(e){
		e.observe('click',function(){
			var thisID = e.up().readAttribute('id');
			//e.absolutize();
			var imgToGrow = e.previous('div').down();
			var addContent = e.next('.additionalContent').innerHTML;
			var positionedOffset = imgToGrow.positionedOffset();
			
			// Grow the image. Going to abolutize it before animation.
			imgToGrow.setStyle({ zIndex: '999', position: 'absolute', left: positionedOffset.left+'px', top: positionedOffset.top+'px' });
			new Effect.Morph(imgToGrow, {
				style: 'width:292px;height:370px;top:88px;left:215px;',
				afterFinish: function(){
					$('main').insert({ top: '<div id="additionalContentWrap"></div>'});
					$('additionalContentWrap').setStyle({
						display: 'none',
						width: '700px',
						background: '#000',
						top: '80px',
						left: '207px',
						position: 'absolute',
						zIndex: '800'
					});
					$('additionalContentWrap').appear();
					$('additionalContentWrap').insert('<div id="close">X</div><div id="additionalContent"></div>');
					$('additionalContent').setStyle({ width: '376px', float: 'left', overflowY: 'auto', height:'370px', padding: '0px 5px 0px 0px'});
					// Insert the Content from the spotlight
					$('additionalContent').insert(addContent);
					// Register the close click event.
					$('close').observe('click',function(){
						$('additionalContentWrap').fade();
						new Effect.Fade( imgToGrow, { afterFinish: function(){ 
							imgToGrow.setStyle({ width: '', height: '', position: '', left: '', top: ''  });
							imgToGrow.appear(); 	
						}});
					});
				}
			});

		});
	});
});