var Photos = {
	body:null,
	matte:null,
	img:null,
	make:function(id){
		if(!id)
			id = "page";

		var imgs = document.getElementById(id).getElementsByTagName("img");
		for(var i = 0; i < imgs.length; i++){
			if(imgs[i].className == "photo"){
				imgs[i].style.cursor = "pointer";
				imgs[i].onclick = Photos.enlarge;
			}
		}
	},
	enlarge:function(e){
		var ei = new EventInfo(e, true);
		var src = ei.source.getAttribute("src");
		Photos.body = new Element(document.body);
		
		var matte = Photos.body.append("div", "<span>LOADING</span>", 'class="photomatte" style="width:100%;height:100%;" onclick="Photos.delarge();"');
			matte.style.height = Window.scrollheight;
			
		Photos.matte = new Animation(matte, {alpha:0.01});
		Photos.matte.element.show('block');
		Photos.matte.effect({alpha:90, duration:0.2, fps:1/50, trans:physics.easeOut});
				
		src = src.replace(/_small|_large|_square/,'_large');
		var img = Photos.body.append("img", false, 'src="'+src+'" style="visiblity:hidden;position:absolute;top:0;left:0;z-index:6002;"');
			img.onload = Photos.onload;
							
		Photos.img = new Animation(img,{alpha:0.01});	
		
	},
	onload:function(e){
		
		var ei = new EventInfo(e, true);
		Photos.matte.element.setContent("");
		
		var left = (Window.width/2) - Photos.img.element.getRealWidth()/2;
		var top = (Window.height + Window.hscroll)/2 - Photos.img.element.getRealHeight()/2;
		
		Photos.img.element.element.style.top = top + 'px';
		Photos.img.element.element.style.left = left + 'px';
		
		Photos.img.element.show();
		Photos.img.effect({alpha:99.9, duration:0.2, fps:1/50, trans:physics.easeOut});
	},
	delarge:function(){
		Photos.img.effect({alpha:0.01});
		Photos.matte.effect({alpha:0.01}, function(){ 
			Photos.body.element.removeChild(Photos.img.element.element);
			Photos.body.element.removeChild(Photos.matte.element.element);
		});		
	}	
}

var Slide = {	
	slider:null,
	cont:null,
	imgs:null,
	make:function(sld){
		Slide.slider = new Animation(sld, {x:1, y:10});
		Slide.imgs = Slide.slider.element.getChildren("img");
		var w = 0;
		for(var s = 0; s < Slide.imgs.length; s++){
			var lft = (s * (Slide.imgs[0].offsetWidth + 10));	
			Slide.imgs[s].style.left = (s * (Slide.imgs[0].offsetWidth + 10)) + 'px';
		
		w = lft + Slide.imgs[0].offsetWidth;
		}
		Slide.slider.element.element.style.width = w + 'px'; 
		var lft = Slide.slider.element.element.offsetWidth + 10;
		var clone = Slide.slider.element.element.cloneNode(true);
			clone.style.position = 'absolute';

		document.getElementById("slideshow").appendChild(clone);
		Slide.cont = new Animation(clone,{ x:lft, y:10});
		
	},
	advance:function(){
		
		var nx = Slide.slider.element.getRealLeft() - 165;
		Slide.slider.effect({x:nx,y:10, duration:0.3, trans:physics.easeOut}, function(){																					   
			Slide.slider.element.element.style.left = nx + 'px';
			if(nx + Slide.slider.element.getRealWidth() < 0){
			 	Slide.slider.element.element.style.left = Slide.cont.element.getRealLeft() + Slide.cont.element.getRealWidth() + 'px';
			}
		});
		 
		
		var cnx = Slide.cont.element.getRealLeft() - 165;
		Slide.cont.effect({x:cnx,y:10, duration:0.3, trans:physics.easeOut}, function(){																					   
			Slide.cont.element.element.style.left = cnx + 'px';
			if(cnx + Slide.cont.element.getRealWidth() < 0){
			 	Slide.cont.element.element.style.left = Slide.slider.element.getRealLeft() + Slide.slider.element.getRealWidth() + 6 + 'px';
			}
		});
				
		
		
		window.setTimeout(Slide.advance, 2000);
	}
}


//addWindowEventListener("load",Photos.make());