// JavaScript Document
function setFooter(){
	var myHeight = $('painting').getProperty('height') + 80 // returns painting height
	//var myHeight = 800;
	$('content').setStyles({
   border: '1px solid #000',
   //height: 800
   height: (myHeight)
});
	
};


// initial load of painting view
function load_image() {
	
var the_painting = painting_src;
var myFx1 = new Fx.Style('art_holder', 'opacity');
var myFx = new Fx.Style('art_holder', 'opacity', {duration:800});
var thumbFx = new Fx.Style('thumb', 'opacity', {duration:800});
	
myFx1.start(0,0).chain(function() {
    $('painting').src = painting_src;
	$('art_frame').setStyle('visibility', 'visible');
	$('art_frame').setStyle('padding', '0 0 20px 0');
	$('painting').setStyle('padding', '0 16px 0 0');
	thumbFx.start(0,1);
	myFx.start(0,1);
  });
	$('painting').addEvent('load', function() {
	  //myFx.start(0,1);
	});
};

function load_studio() {

var the_painting = painting_src;
var myFxstudio = new Fx.Style('art_holder', 'opacity');
var myFx = new Fx.Style('art_holder', 'opacity', {duration:800});
//var thumbFx = new Fx.Style('thumb', 'opacity', {duration:800});
	
myFxstudio.start(0,0).chain(function() {
    $('painting').src = painting_src;
	$('art_frame').setStyle('visibility', 'visible');
	$('art_frame').setStyle('padding', '0 0 20px 0');
	$('painting').setStyle('padding', '0 16px 0 0');
	//thumbFx.start(0,1);
	myFx.start(0,1);
  });
	$('painting').addEvent('load', function() {
	  
	});
};


function load_artist() {
var arty = $ES("#artist img");
var myFxartist = new Fx.Style('artist_shot', 'opacity');
var myartFx = new Fx.Style('artist_shot', 'opacity', {duration:800});
var artistsubFx = new Fx.Style('artist_sub', 'opacity', {duration:800});
	
myFxartist.start(0,0).chain(function() {
	artistsubFx.start(0,1);
	myartFx.start(0,1);
  });
};

// swaps detail and full painting views
function swap_Image() {
var myFx3 = new Fx.Style('art_holder', 'opacity', {duration:800});
myFx3.start(1,0).chain(function() {
$('painting').src = the_painting;
$('art_frame').setStyle('padding', current_pad);
$('painting').setStyle('padding', current_pad2);
  });
	$('painting').addEvent('load', function() {
	  myFx3.start(0,1);
	});
}

//Keeps track of what image we are looking at
var current_image = 0;

//padding add or remove for full painting and detail views
var current_pad;
var current_pad2;

// Keeps track of detail vs. full painting display
function change_image() {
	if (current_image == 0) {
		the_painting = detail_src;
		current_image = 1;
		$('detail_tag').innerHTML = "VIEW PAINTING >";
		current_pad = '0';
		current_pad2 = '0';
	} else {
	the_painting = painting_src;
	  current_image = 0;
	  $('detail_tag').innerHTML = "VIEW DETAIL >";
	  current_pad = '0 0 20px 0';
	  current_pad2 = '0 16px 0 0';
	}
	swap_Image();
}

function change_installation() {
	if (current_image == 0) {
		the_painting = detail_src;
		current_image = 1;
		$('detail_tag').innerHTML = "VIEW INSTALLATION >";
		current_pad = '0 0 20px 0';
	  current_pad2 = '0 16px 0 0';
	} else {
	the_painting = painting_src;
	  current_image = 0;
	  $('detail_tag').innerHTML = "VIEW PAINTING >";
	  current_pad = '0 0 20px 0';
	  current_pad2 = '0 16px 0 0';
	}
	swap_Image();
}


//  NON-FLASH PAINTING NAVIGATION
window.addEvent('domready', function(){
		
			// NEW FUNCTION STARTS HERE
			
			var kwicks = $ES("#photonav li a");
			var nerts = $ES("#photonav li");
			var fx = new Fx.Elements(kwicks, {wait: false, duration: 100});
			var Fx3 = new Fx.Elements(nerts, 'opacity', {duration:800});
			
			kwicks.each(function(kwick, i) {
				kwick.addEvent("mouseenter", function(event) {
				
					var o = {};
					o[i] = {top: -3,
					left: -3,
					opacity: 1
					};
					
			kwicks.each(function(other, j) {
						if(i != j) {
							o[j] = {
							top: 0,
							left: 0,
							opacity: .6
							};
						}
					});
			fx.start(o);
				});
			});
			kwicks.addEvent("mouseleave", function(event) {
				var o = {};
				kwicks.each(function(kwick, i) {
					o[i] = {top: 0, left: 0, opacity: 1}
				});
				fx.start(o);
			})
		});