/**************************************************************

	Script		: CSS Dropdowns
	Version		: 1.0
	Authors		: Samuel Birch
	Desc		: Dropdown menus

**************************************************************/

var dropdownMenu = new Class({
	
	initialize: function(myMenu,options){
		options = Object.extend({

		}, options || {});
		
		//this.myMenu = $$(myMenu)[0];
		this.myElements = $$(myMenu+' li');
		
		this.myElements.each(function(el, i){
			el.addEvent('mouseover', function(e){
				el.addClass('sfhover');
			});
			
			el.addEvent('mouseout', function(e){
				el.removeClass('sfhover');
			});
		});
	}
	
});


/*************************************************************/

window.addEvent('domready', function(){

var thumbs = [];
var photo = [];

	if($$('.photos li img')[0]){
		thumbs = $$('.photos li img');
		photo = $$('.mainphoto img');
	}
		
	if($$('.thumbnails img').length>0){
		thumbs = $$('.thumbnails img');
		photo = $$('.largephoto img');
	}

	thumbs.each(function(el, i){
		el.addEvent('mouseenter', function() {
			this.setStyle('cursor', 'pointer');
			this.setStyle('border-color', '#E05206');
		});
		el.addEvent('mouseleave', function() {
			this.setStyle('border-color', '#b1b2aa');
		});
		el.addEvent('click', function() {
			changeLargePhoto(el.src, el.alt);
		});
	});
	
	function changeLargePhoto(src, alt){
		photo.setProperties({src: src, alt: alt, border: 0})
		photo.setStyle('border-color', '#E05206');
	}
	
	//changeLargePhoto(thumbs[0].src, thumbs[0].alt);
	
	
	
	new dropdownMenu('#nav .content');

});