var navVisible        = false;
var navHovered        = false;
var durationIndicator = 600;
var heightIndicator   = 15;

//show
function softBlendIn(){	

		navHovered = true;		

		if(!navVisible){
	
		navVisible = true;

		var el = new YAHOO.util.Element('secondLevelAnimated');  
		el.setStyle('height', '0');
		el.setStyle('overflow', 'hidden');
              el.setStyle('visibility', 'visible');


		
		var liElements = el.getElementsByTagName('li');
		var maxHeight = liElements.length * heightIndicator;  
		
		el = new YAHOO.util.Element('secondLevelDIVAnimated');  
		el.setStyle('height', '0');
		el.setStyle('visibility', 'visible');		

		var anim = new YAHOO.util.Anim('secondLevelDIVAnimated');
		anim.method = YAHOO.util.Easing.easeOut;
		anim.attributes.height = { to: maxHeight+10 };
		anim.duration = maxHeight/durationIndicator;
		anim.animate();
		
		anim = new YAHOO.util.Anim('secondLevelAnimated');
		anim.method = YAHOO.util.Easing.easeOut;
		anim.attributes.height = { to: maxHeight };
		anim.duration = maxHeight/durationIndicator;
		anim.animate();
		
		/*
		el = new YAHOO.util.Element('thirdLevelAnimated');
		el.setStyle('overflow', 'hidden');
		el = new YAHOO.util.Element('thirdLevelDIVAnimated');  
		
		anim = new YAHOO.util.Anim('thirdLevelDIVAnimated');
		anim.attributes.width = { to: 223 };
		anim.duration = 1.0;
		anim.animate();
		
		anim = new YAHOO.util.Anim('thirdLevelAnimated');
		anim.attributes.width = { to: 220 };
		anim.duration = 1.0;
		anim.animate();
		*/
		}

}

function hoveredOut(){
	navHovered = false;
	window.setTimeout('softBlendOut()', 300);
}

//hide
function softBlendOut(){
		if(navVisible && !navHovered){
			navVisible = false;
			var el = new YAHOO.util.Element('secondLevelAnimated');
			
			var liElements = el.getElementsByTagName('li');
			var maxHeight = liElements.length * heightIndicator;

			var anim = new YAHOO.util.Anim('secondLevelDIVAnimated');
			anim.method = YAHOO.util.Easing.easeOut;
			anim.attributes.height = { to: 0 };
			anim.duration = maxHeight/durationIndicator;
			anim.animate();
		
			anim = new YAHOO.util.Anim('secondLevelAnimated');
			anim.method = YAHOO.util.Easing.easeOut;
			anim.attributes.height = { to: 0 };
			anim.duration = maxHeight/durationIndicator;
			anim.animate();
			
			//el.setStyle('visibility', 'hidden');

			//var elDiv = new YAHOO.util.Element('secondLevelDIVAnimated');  
			//elDiv.setStyle('visibility', 'hidden');

		}
}

function setImageGallery(){
	if($$('.gallery').length > 0){
		var items = $('items');
		var anchors = items.getElements('a');
		anchors.each(
			function(anchor){
				anchor.set('initial_title', anchor.get('title'));
				anchor.set('title', '');
			}
		);
		var num_listElements = items.getElements('ul').length;
		var slides = num_listElements;			// Change This
		var pos = 0;
		var offset = 545;		// HOW MUCH TO MOVE
		var currentslide = 1;
		$('moveleft').setStyle('visibility','hidden');
		if(slides < 2){
			$('moveright').setStyle('visibility','hidden');
		}
		var fx = new Fx.Morph(items, {duration: 100, transition: Fx.Transitions.linear});

		var scroll = new Fx.Scroll('slider', {
			offset:{'x':0, 'y':0}, 
			// transition: Fx.Transitions.Elastic.easeOut
			transition: Fx.Transitions.Back.easeOut
		});
		
		$('moveleft').addEvent('click', function(event) {
			event = new Event(event).stop();
			if(currentslide == 1) return;
			currentslide--;																		
			pos += -(offset);
			fx.start({ 
				'opacity': .3 
			}).chain(function(){
				this.start.delay(100, this, { 'opacity': 1 });
				scroll.start(pos);
				if(currentslide == 1){
					$('moveleft').setStyle('visibility','hidden');	
				}
			});
			$('moveright').setStyle('visibility','visible');		
		});

		$('moveright').addEvent('click', function(event) { 
			event = new Event(event).stop();
			if(currentslide >= slides){
				return;	
			}
			currentslide++;
			pos += offset;
			fx.start({ 
				'opacity': .3 
			}).chain(function(){
				this.start.delay(100, this, { 'opacity': 1 });
				scroll.start(pos);
				if(currentslide >= slides){
					$('moveright').setStyle('visibility','hidden');
				}
			});
			$('moveleft').setStyle('visibility','visible');
		});

		scroll.toLeft();
	}
}

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