// -----------------------------------------------------------------------------------
// 
// This page coded by Scott Upton
// http://www.uptonic.com | http://www.couloir.org
//
// This work is licensed under a Creative Commons License
// Attribution-ShareAlike 2.0
// http://creativecommons.org/licenses/by-sa/2.0/
//
// Associated APIs copyright their respective owners
//
// -----------------------------------------------------------------------------------
// --- version date: 11/28/05 --------------------------------------------------------


// get current photo id from URL
var thisURL = document.location.href;
var splitURL = thisURL.split("#");
var photoId = splitURL[1] - 1;

// if no photoId supplied then set default
var photoId = (!photoId)? 0 : photoId;

// CSS border size x 2
var borderSize = 10;

// Photo directory for this gallery
var photoDir = "photos/01/";

// Define each photo's name, height, width, and caption
var photoArray = new Array(
	// Source, Width, Height, Caption
	new Array("fd_fieldsofprovence.jpg", "400", "400", "Fields of Provence. $85"),
	new Array("fd_gardener_s_pail.jpg", "400", "400", "Gardener's Pail. $45 - $90.  Shown $65"),
	new Array("fd_monticello.jpg", "400", "400", "Monticello. $65 - $110.  Shown $85"),
	new Array("fd_the_parisian.jpg", "400", "400", "The Parisian. $125 - $200.  Shown $149"),
	new Array("fd_white_kado.jpg", "400", "400", "White Kado. $80"),
	new Array("fd_times_square.jpg", "400", "400", "Times Square. 24 roses $129, 12 for $69, 9 for $55, 6 for $39"),
	new Array("fd_jubilee.jpg", "400", "400", "Jubilee.  $50 - $85. Shown $65"),
	new Array("fd_madison.jpg", "400", "400", "Madison.  $50 - $85. Shown $65"),
	new Array("fd_the_english_garden_cube.jpg", "400", "400", "The English Garden Cube. $35 - $110.  Shown $69"),
	new Array("fd_seville.jpg", "400", "400", "Seville. $80 - $130.  Shown $99"),
	new Array("fd_mona_lisa.jpg", "400", "400", "Mona Lisa. $35 - $250.  Shown $175"),
	new Array("fd_rose_crate.jpg", "400", "400", "Rose Crate. 12 roses $69, 9 for $55, 6 for $39.  Shown $69"),
	new Array("fd_notting_hill.jpg", "400", "400", "Notting Hill. 12 roses $89, 9 for $75, 6 for $59.  Shown $89"),
	new Array("fd_manhattan_cube.jpg", "400", "400", "Manhattan Cube. $100 - $160.  Shown $140"),
	new Array("fd_brio_ball_vases.jpg", "400", "400", "Brio Ball. $60 with gerberas (shown), $70 with calla lilies"),
	new Array("fd_bali.jpg", "400", "400", "Bali. $75 - $150. Shown $115"),
	new Array("fd_tuscan_urn.jpg", "400", "400", "Tuscan Urn. $100 - $175. Shown $150"),
	new Array("fd_metropolitan.jpg", "400", "400", "Metropolitan. $69"),
	new Array("fd_cape_code.jpg", "400", "400", "Cape Cod. $40 - $100. Shown $70"),
	new Array("fd_the_alhambra.jpg", "400", "400", "The Alhambra. $135 - $180.00. Shown $160.00"),
	new Array("fd_modern_zensibility.jpg", "400", "400", "Modern Zensibility. $99"),
	new Array("eg_chelsea_pot.jpg", "400", "400", "Chelsea Pot. $35, $45, $55. Shown $55"),
	new Array("eg_royal_estate.jpg", "400", "400", "Royal Estate. $35, $45, $55. Shown $55"),
	new Array("eg_nantucket.jpg", "400", "400", "Nantucket. $35 - $200. Shown $145"),
	new Array("eg_provence_window_box.jpg", "400", "400", "Provence Window Box. $35 - $100. Shown $75"),
	new Array("eg_orchid.jpg", "400", "400", "Orchid. $55"),
	new Array("eg_bonsai.jpg", "400", "400", "Bonsai. $30, $50. Shown $30"),
	new Array("eg_angel_vine_topiary.jpg", "400", "400", "Angel Vine Topiary. $39"),
	new Array("eg_ivy_topiary.jpg", "400", "400", "Ivy Topiary. $45"),
	new Array("eg_hydrangea.jpg", "400", "400", "Hydrangea. $35, $45. Shown $45"),
	new Array("eg_blue_toile.jpg", "400", "400", "Blue Toile. $35, $47, $65. Shown $47"),
	new Array("eg_serenity.jpg", "400", "400", "Serenity.  $45 - $150.  Shown $95 with orchid"),
	new Array("eg_victorian_garden.jpg", "400", "400", "Victorian Garden.  $35 - $125.  Shown $85"),
	new Array("eg_peace_lily.jpg", "400", "400", "Peace Lily. $35, $60. Shown $60"),
	new Array("eg_bromeliad.jpg", "400", "400", "Bromeliad.  $35, $60. Shown $60"),
	new Array("eg_jade.jpg", "400", "400", "Jade. $35, $60. Shown $60"),
	new Array("eg_zamia.jpg", "400", "400", "Zamia. $30, $50. Shown $50"),
	new Array("eg_evergreen_topiary.jpg", "400", "400", "Evergreen Topiary. $39"),
	new Array("eg_star_topiary.jpg", "400", "400", " Star Topiary. $45"),
	new Array("eg_violets_in_cloche.jpg", "400", "400", "Violets in Cloche. $45"),
	new Array("gfs_spa.jpg", "400", "400", "Spa. Starting at $50"),
	new Array("gfs_foods.jpg", "400", "400", "Foods. Starting at $50"),
	new Array("sym_sympathy_spray_on_easel.jpg", "400", "400", "Sympathy Spray on Easel. $100 - $300. Shown $190"),
	new Array("sym_sympathy_wreath_on_easel.jpg", "400", "400", "Sympathy Wreath on Easel. $100 - $300. Shown $280"),
	new Array("sym_sympathy_arrangement.jpg", "400", "400", "Sympathy Arrangement. $50 - $300. Shown $125")
	);

// Number of photos in this gallery
var photoNum = photoArray.length;

/*--------------------------------------------------------------------------*/

// Additional methods for Element added by SU, Couloir
Object.extend(Element, {
	getWidth: function(element) {
   	element = $(element);
   	return element.offsetWidth; 
	},
	setWidth: function(element,w) {
   	element = $(element);
    	element.style.width = w +"px";
	},
	setHeight: function(element,h) {
   	element = $(element);
    	element.style.height = h +"px";
	},
	setSrc: function(element,src) {
    	element = $(element);
    	element.src = src; 
	},
	setHref: function(element,href) {
    	element = $(element);
    	element.href = href; 
	},
	setInnerHTML: function(element,content) {
		element = $(element);
		element.innerHTML = content;
	}
});

/*--------------------------------------------------------------------------*/

var Slideshow = Class.create();

Slideshow.prototype = {
	initialize: function(photoId) {
		this.photoId = photoId;
		this.photo = 'Photo';
		this.photoBox = 'Container';
		this.prevLink = 'PrevLink';
		this.nextLink = 'NextLink';
		this.captionBox = 'CaptionContainer';
		this.caption = 'Caption';
		this.counter = 'Counter';
		this.loader = 'Loading';
	},
	getCurrentSize: function() {
		// Get current height and width, subtracting CSS border size
		this.wCur = Element.getWidth(this.photoBox) - borderSize;
		this.hCur = Element.getHeight(this.photoBox) - borderSize;
	},
	getNewSize: function() {
		// Get current height and width
		this.wNew = photoArray[photoId][1];
		this.hNew = photoArray[photoId][2];
	},
	getScaleFactor: function() {
		this.getCurrentSize();
		this.getNewSize();
		// Scalars based on change from old to new
		this.xScale = (this.wNew / this.wCur) * 100;
		this.yScale = (this.hNew / this.hCur) * 100;
	},
	setNewPhotoParams: function() {
		// Set source of new image
		Element.setSrc(this.photo,photoDir + photoArray[photoId][0]);
		// Set anchor for bookmarking
		Element.setHref(this.prevLink, "#" + (photoId+1));
		Element.setHref(this.nextLink, "#" + (photoId+1));
	},
	setPhotoCaption: function() {
		// Add caption from gallery array
		Element.setInnerHTML(this.caption,photoArray[photoId][3]);
		Element.setInnerHTML(this.counter,((photoId+1)+'/'+photoNum));
	},
	resizePhotoBox: function() {
		this.getScaleFactor();
		new Effect.Scale(this.photoBox, this.yScale, {scaleX: false, duration: 0.3, queue: 'front'});
		new Effect.Scale(this.photoBox, this.xScale, {scaleY: false, delay: 0.5, duration: 0.3});
		// Dynamically resize caption box as well
		Element.setWidth(this.captionBox,this.wNew-(-borderSize));
	},
	showPhoto: function(){
		new Effect.Fade(this.loader, {delay: 0.5, duration: 0.3});
		// Workaround for problems calling object method "afterFinish"
		new Effect.Appear(this.photo, {duration: 0.5, queue: 'end', afterFinish: function(){Element.show('CaptionContainer');Element.show('PrevLink');Element.show('NextLink');}});
	},
	nextPhoto: function(){
		// Figure out which photo is next
		(photoId == (photoArray.length - 1)) ? photoId = 0 : photoId++;
		this.initSwap();
	},
	prevPhoto: function(){
		// Figure out which photo is previous
		(photoId == 0) ? photoId = photoArray.length - 1 : photoId--;
		this.initSwap();
	},
	initSwap: function() {
		// Begin by hiding main elements
		Element.show(this.loader);
		Element.hide(this.photo);
		Element.hide(this.captionBox);
		Element.hide(this.prevLink);
		Element.hide(this.nextLink);
		// Set new dimensions and source, then resize
		this.setNewPhotoParams();
		this.resizePhotoBox();
		this.setPhotoCaption();
	}
}

/*--------------------------------------------------------------------------*/

// Establish CSS-driven events via Behaviour script
var myrules = {
	'#Photo' : function(element){
		element.onload = function(){
			var myPhoto = new Slideshow(photoId);
			myPhoto.showPhoto();
		}
	},
	'#PrevLink' : function(element){
		element.onmouseover = function(){
			soundManager.play('beep');
		}
		element.onclick = function(){
			var myPhoto = new Slideshow(photoId);
			myPhoto.prevPhoto();
			soundManager.play('select');
		}
	},
	'#NextLink' : function(element){
		element.onmouseover = function(){
			soundManager.play('beep');
		}
		element.onclick = function(){
			var myPhoto = new Slideshow(photoId);
			myPhoto.nextPhoto();
			soundManager.play('select');
		}
	},
	a : function(element){
		element.onfocus = function(){
			this.blur();
		}
	}
};

// Add window.onload event to initialize
Behaviour.addLoadEvent(init);
Behaviour.apply();
function init() {
	var myPhoto = new Slideshow(photoId);
	myPhoto.initSwap();
	soundManagerInit();
}