/*<?php
	require_once("$mootools_root/Fx.Style.js");
	require_once("$mootools_root/Element.Dimensions.js");
	require_once("$mootools_root/Element.Selectors.js");
	require_once("$mootools_root/Json.Remote.js");
	require_once("$mootools_root/Window.DomReady.js");
?>*/

var RandomSlideshow = new Class({
	
	options: {
		effect: {
			duration: 1000
		},
		delay: 5000
	},
	
	initialize: function(el, caption, url, options){
		this.setOptions(options);
		
		this.element = $(el);
		this.caption = $(caption);
		this.url = url;
		
		var position = this.element.getPosition();
		this.overlay = new Element('img', {'styles': {
			'position': 'absolute',
			'opacity': 0,
			'left': position.x,
			'top': position.y
		}});
		this.overlay.injectInside(document.body);
		
		this.options.effect.onComplete = this.onComplete.bind(this);
		this.effect = this.overlay.effect('opacity', this.options.effect);
		
		this.nextImage.delay(this.options.delay, this);
		
	},
	
	nextImage: function() {
		
		new Json.Remote(this.url, {onComplete: this.show.bind(this)}).send(this.img);

	},
	
	show: function(img) {
		
		this.img = img;
		this.overlay.src = this.img.src;
		this.effect.start(1);
		
	},
	
	onComplete: function() {
		this.element.src = this.overlay.src;
		this.overlay.setOpacity(0);
		this.caption.setHTML(this.img.description);
		this.nextImage.delay(this.options.delay, this);
	}
	
});

RandomSlideshow.implement(new Options);




function ro(obj)
{
	s = obj.src;
	
	if(s.indexOf("over.gif")>-1) {
		return;
	}
	
	obj.onmouseout = function() {
		obj.src = s + "";
	};
	
	
	obj.src = s.split(".gif")[0] + "over.gif";

};


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

	var im, img, imgs = document.getElementsByTagName("img");
	for(var i=0; img = imgs[i]; i++) {
		if(img.onmouseover) {
			im = new Image();
			im.src = img.src.split(".gif")[0] + "over.gif"; 
		}
	}

	var inp, inputs = document.getElementsByTagName("input");
	for(i=0; inp = inputs[i]; i++) {
		if(inp.type=="image" && inp.onmouseover) {
			im = new Image();
			im.src = inp.src.split(".gif")[0] + "over.gif"; 
		}
	}
	
});


window.addEvent('domready', function() {
	
	var side = $('sidebar');
	
	new RandomSlideshow(side.getElementsByTagName('img')[0], side.getElementsByTagName('p')[0], '/json/randomimage');
	
});

window.addEvent('domready', function() {
	$('buttons').getChildren().each(function(a) {
		var ul = a.getElement('ul');
		if(ul) {
			var fx = new Fx.Style(ul, 'height', {duration:350});
			ul.style.height = "0px";
			a.addEvent('mouseenter', function() {
				fx.stop();
				fx.start(ul.offsetHeight, ul.scrollHeight);
				a.style.overflow = "visible";
			});
			a.addEvent('mouseleave', function() {
				fx.stop();
				fx.start(ul.offsetHeight, 0);
			});
		}
	});
});