var PhotoSlider = Class.create();
PhotoSlider.prototype = {
	initialize: function(params) {
		this.link = params.link;
		this.target = params.target;
		this.id = params.id;
		Event.observe(document, "dom:loaded", this.execOnLoad.bindAsEventListener(this));
	},
	
	execOnLoad: function() {
		this.link = $(this.link);
		this.target = $(this.target);
		this.address = this.link.getAttribute("href");
		this.link.setAttribute("onClick", "javascript: return false;");
		this.link.observe("click", this.toggleViewPhotos.bindAsEventListener(this));
	},
	
	toggleViewPhotos: function() {
		this.link.toggleClassName("show");
		if (this.link.hasClassName("show")) {
			if ( this.slideshow != null) {
				this.showSlideshow();
			}
			else {
				this.slideshow = new Element("div", { id: "flickr_slideshow" });
				this.slideshow.hide();
				var flickr_link = new Element("a", { href: this.address }).update("my flickr").addClassName("flickr_link");
				this.slideshow.insert('<iframe id="slideshow_frame" align="center" src="http://www.flickr.com/slideShow/index.gne?user_id='+this.id+'&" frameBorder="0" width="500" scrolling="no" height="500"></iframe>');
				this.slideshow.insert(flickr_link);
				this.target.insert( { "after": this.slideshow } );
				Event.observe("slideshow_frame", "load", this.showSlideshow.bindAsEventListener(this));
			}
		}
		else {
			this.hideSlideshow()
		}
		return false;
	},
	
	hideSlideshow: function() {
		Effect.BlindUp(this.slideshow);
	},
	
	showSlideshow: function() {
		Effect.BlindDown(this.slideshow);
	}
}