window.addEvent('domready', function() {
	innit();
});


function innit() {

	// video
	$('mainImageAnchor').addEvent('click', function() {
		if (this.href.indexOf('The_Pleasure_Park-1') != -1) {
			this.href = '#' ;
			
			var theDiv = new Element('div', {'id': 'flash_div'});
			

			var theVid = '<div><div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="975" height="224" id="The_Pleasure_Park-1" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="The_Pleasure_Park-1.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />	<embed src="The_Pleasure_Park-1.swf" quality="high" bgcolor="#ffffff" width="975" height="224" name="The_Pleasure_Park-1" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object><br /><a id="close_video">close video</a></div></div>';
			theDiv.innerHTML = theVid;
			
			$$('body')[0].appendChild(theDiv);
			
			$('close_video').addEvent('click', function() {
				$('flash_div').remove();
			});
			
		}
			
		if (this.href.indexOf('excerpt_from_Pleasure_Park_The_Jockeys') != -1) {
			this.href = '#' ;
			
			var theDiv = new Element('div', {'id': 'flash_div', 'class': 'jockey'});
			

			var theVid = '<div><div><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="640" height="524" id="Pleasure-Park-The-Jockeys" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="Pleasure-Park-The-Jockeys.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />	<embed src="Pleasure-Park-The-Jockeys.swf" quality="high" bgcolor="#ffffff" width="640" height="524" name="Pleasure-Park-The-Jockeys" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object><br /><a id="close_video">close video</a></div></div>';
			theDiv.innerHTML = theVid;
			
			$$('body')[0].appendChild(theDiv);
			
			$('close_video').addEvent('click', function() {
				$('flash_div').remove();
			});
			
		}
	});
		

	if(numberOfPaintings == 1) document.getElementById('slideNav').style.display = 'none';

	busy = false;

	paintingIndex = 0;
	
	if (passedIndex != -1) {
	
		pop('images');
		
		loadPassedImage(passedIndex);
		
	} else {

		if (location.href.indexOf('--') != -1) {
			pop('main');
		} else {
			pop('images');
		}
	
	}

}

function loadPassedImage(passedIndex) {

	paintingIndex = passedIndex - 1;
	
	var fileName = paintingList[paintingIndex]['safe_name']+"(small).jpg";
	fileName = fileName.replace(',', '').replace('/','').replace('/','').replace('#','').replace("'",'').replace("'",'').replace(';','').replace('&','and').replace(':','').replace('?','');
	
	var newImage = new Asset.image(fileName, {id: 'mainImage', alt: paintingList[paintingIndex]['name'], title: paintingList[paintingIndex]['name']});

	busy = true;

	$('mainImage').remove();
	newImage.injectInside($('mainImageAnchor'));

	content = "<h4 class=\"imageTitleAndDate\">" + paintingList[paintingIndex]['name'] + '<br />' + paintingList[paintingIndex]['date'] + "</h4>\n<p>"+ paintingList[paintingIndex]['medium'] + "<br />"+ paintingList[paintingIndex]['dimensions'];
	if (paintingList[paintingIndex]['extra'] != '') {
		content = content + "<br />" + paintingList[paintingIndex]['extra'];
	}
	content = content + "</p>";
	document.getElementById('imageTitle').innerHTML = content;
	
	document.getElementById('imageIndex').innerHTML = paintingIndex+1;
	
	document.getElementById('mainImageAnchor').href = paintingList[paintingIndex]['zoom'];

	busy = false;
	
}


function slideImage(direction) {

	if (document.getElementById('pressPanel')) document.getElementById('pressPanel').style.display ='none';

	if (!busy) {

		if (direction == 'previous') {
			if (paintingIndex > 0) {
				paintingIndex--;
			} else {
				paintingIndex = numberOfPaintings - 1;
			}
		} else {
			if (paintingIndex < numberOfPaintings - 1) {
				paintingIndex++;
			} else {
				paintingIndex = 0;
			}		
		}
		var fileName = paintingList[paintingIndex]['safe_name']+"(small).jpg";
		fileName = fileName.replace(',', '').replace('/','').replace('/','').replace('#','').replace("'",'').replace("'",'').replace(';','').replace('&','and').replace(':','').replace('?','');

		var newImage = new Asset.image(fileName, {id: 'mainImage', alt: paintingList[paintingIndex]['name'], title: paintingList[paintingIndex]['name'], onload: function(){

			busy = true;
	
			var slideImageOut = new Fx.Styles('mainImageAnchor', {duration: 600, transition: Fx.Transitions.Quint.easeInOut});
			var fadeToTransparent = new Fx.Styles('imageTitle', {duration: 300 });
		
			fadeToTransparent.start({ 'opacity': '0' });
	
				if (direction == 'previous') {

					slideImageOut.start({
						'left': [0, 471],
						'opacity': '0'
					}).chain(function(){
						$('mainImage').remove();
						newImage.injectInside($('mainImageAnchor'));

						content = "<h4 class=\"imageTitleAndDate\">" + paintingList[paintingIndex]['name'] + '<br />' + paintingList[paintingIndex]['date'] + "</h4>\n<p>"+ paintingList[paintingIndex]['medium'] + "<br />"+ paintingList[paintingIndex]['dimensions'];
						if (paintingList[paintingIndex]['extra'] != '') {
							content = content + "<br />" + paintingList[paintingIndex]['extra'];
						}
						content = content + "</p>";
						document.getElementById('imageTitle').innerHTML = content;
						
						document.getElementById('imageIndex').innerHTML = paintingIndex+1;

						document.getElementById('mainImageAnchor').href = paintingList[paintingIndex]['zoom'];
						
						this.start({
							'left': [-470, 0],
							'opacity': '1'
						}).chain(function(){
							busy = false;
						});		
						fadeToTransparent.start({ 'opacity': '1' });
					});
				
				} else {

					slideImageOut.start({
						'left': [0, -470],
						'opacity': '0'
					}).chain(function(){
						$('mainImage').remove();
						newImage.injectInside($('mainImageAnchor'));

						content = "<h4 class=\"imageTitleAndDate\">" + paintingList[paintingIndex]['name'] + '<br />' + paintingList[paintingIndex]['date'] + "</h4>\n<p>"+ paintingList[paintingIndex]['medium'] + "<br />"+ paintingList[paintingIndex]['dimensions'];
						if (paintingList[paintingIndex]['extra'] != '') {
							content = content + "<br />" + paintingList[paintingIndex]['extra'];
						}
						content = content + "</p>";
						document.getElementById('imageTitle').innerHTML = content;

						document.getElementById('imageIndex').innerHTML = paintingIndex+1;
						
						document.getElementById('mainImageAnchor').href = paintingList[paintingIndex]['zoom'];

						this.start({
							'left': [471, 0],
							'opacity': '1'
						}).chain(function(){
							busy = false;
						});		
						fadeToTransparent.start({ 'opacity': '1' });
					});
				
				}
			
		}});
	}

}






function pop(layerToShow) {

	if (document.getElementById('pressPanel')) document.getElementById('pressPanel').style.display ='none';

	if(document.getElementById('main')) document.getElementById('main').style.display = 'none';
	if(document.getElementById('images')) document.getElementById('images').style.display = 'none';
	if(document.getElementById('biography')) document.getElementById('biography').style.display = 'none';
	
	document.getElementById(layerToShow).style.display = 'block';

}


function togglePress() {

	if (document.getElementById('pressPanel').style.display == 'block') {

		document.getElementById('pressPanel').style.display ='none';

	} else {

		if(document.getElementById('main')) document.getElementById('main').style.display = 'none';
		if(document.getElementById('images')) document.getElementById('images').style.display = 'block';
		document.getElementById('pressPanel').style.display ='block';
	
	}

}



function toggleExhibitionArchives() {
	
	if (document.getElementById('exhibitionArchives').style.display == 'block') {

		document.getElementById('exhibitionArchives').style.display ='none';
		document.getElementById('main').style.display ='block';

	} else {

		document.getElementById('main').style.display = 'none';
		document.getElementById('exhibitionArchives').style.display ='block';
	
	}

	
}