

YAHOO.namespace('example.anim');
YAHOO.example.anim.init = function() {

	var isOpen1 = false;
	var expandslider = new YAHOO.util.Anim('slide', { width: {to: 360}  }, 0.5 );	
	var collapseslider = new YAHOO.util.Anim('slide', { width: {to: 0} }, 0.2 );	

	var doTransition1 = function(e) {

		if (isOpen1) {

			collapseslider.animate();			
			isOpen1 = false;
			

		} else {

			expandslider.animate();
			isOpen1 = true;
			
			
			
		}

		return false;
	}
	
	
	
	YAHOO.util.Event.addListener('slider', 'click', doTransition1);	
}

YAHOO.util.Event.addListener(window, 'load', YAHOO.example.anim.init);

YAHOO.example = function() {
		var $D = YAHOO.util.Dom;
		var $E = YAHOO.util.Event;
		var $ = $D.get;
		return {
			init : function() {
				
				var lightbox = document.createElement('div');
				lightbox.id = 'lightbox';
				
				document.getElementsByTagName('body')[0].appendChild(lightbox);
				var lightboxes = $D.getElementsByClassName('lightbox','a','doc2');
				$E.on(lightboxes, 'click', this.lightbox);
				$E.on(lightbox, 'click', this.close);
			},
			lightbox : function(e) {
				var target = $E.getTarget(e, true);
				if ( target.tagName.toLowerCase() == 'img' ) {
					var img = target.parentNode.getAttribute('rel');
					
					$('photoswitch').innerHTML = '<img src="'+img+'" alt="" />';
					
					var cap = target.parentNode.getAttribute('desc');
					if (cap == " ") {
					$('captionswitch').innerHTML ='<div class="photoswitch_caption" style="visibility:hidden;">'+cap+'</div>';}
					else
					{
					$('captionswitch').innerHTML ='<div class="photoswitch_caption">'+cap+'</div>';}
				}
				$E.stopEvent(e);
			},
			close : function() {				
			}
		};
	}();
	YAHOO.util.Event.addListener(window, 'load', YAHOO.example.init, YAHOO.example, true);
	

