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

	var image_bar = $("image_bar");

	if(image_bar) {
		var m = 81;
		var images = image_bar.getElement(".images div");
		var ib_fx = images.effect("left", {wait: true, duration:150, transition:Fx.Transitions.Quad.easeInOut});
		var max_length = (images.getElements("img").length * m) - (5*m);
		image_bar.getElement(".left").addEvent("click", function(e){
			var i = images.getStyle("left").toInt();
			if(i <= -1) {
				ib_fx.start(i, i+m);
			} else {
				ib_fx.start(i, 0);
			}
		});

		image_bar.getElement(".right").addEvent("click", function(e){
			var i = images.getStyle("left").toInt();
			if(i > -max_length) {
				ib_fx.start(i, i+(-m));
			}
		});
	}

	var article_big = $("article_big")
	if (article_big) {
		var article_big_fx = article_big.getElement(".border").effect('margin-top', {wait: false, duration:1000, transition:Fx.Transitions.Elastic.easeOut});
		$('article_big').addEvent('mouseenter', function(e){
			article_big_fx.start(0,-20);
		});
		$('article_big').addEvent('mouseleave', function(e){
			article_big_fx.start(0,0);
		});
	}

	var articles_small = $$("#articles_small .article_small");
	var fx_smallIn = new Fx.Elements($$("#articles_small .article_small .border"), {wait: false, duration:1000, transition:Fx.Transitions.Elastic.easeOut});

	articles_small.each(function(article_small, i) {
		article_small.addEvent("mouseenter", function(event) {
			var o = {};
			for (var ii = 0;ii<articles_small.length;ii=ii+1) {
				o[ii] = {marginTop: ["0px", "0px"]};
			}
			o[i] = {marginTop: ["0px", "-20px"]};
			fx_smallIn.start(o);
		});
		article_small.addEvent("mouseleave", function(event) {
			var o = {};
			o[i] = {marginTop: ["0px", "0px"]};
			fx_smallIn.start(o);
		});
	});


	var articles_medium = $$("#articles_medium .article_medium");
	var fx_mediumIn = new Fx.Elements($$("#articles_medium .article_medium .border"), {wait: false, duration:1000, transition:Fx.Transitions.Elastic.easeOut});

	articles_medium.each(function(article_medium, i) {
		article_medium.addEvent("mouseenter", function(event) {
			var o = {};
			for (var ii = 0;ii<articles_medium.length;ii=ii+1) {

				o[ii] = {marginTop: ["0px", "0px"]};
			}
			o[i] = {marginTop: ["0px", "-20px"]};
			fx_mediumIn.start(o);
		});
		article_medium.addEvent("mouseleave", function(event) {
			var o = {};
			o[i] = {marginTop: ["0", "0px"]};
			fx_mediumIn.start(o);
		});
	});

	var fszNormal = 78, fszSmall  = 52, fszFull   = 180;

	/*
	WIDGETS
	*/
		
	var random = $$("#random .articles li");
	var fx_random = new Fx.Elements(random, {wait: false, duration: 300, transition: Fx.Transitions.Quart.easeOut});
	random.each(function(r, i) {
		r.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {height: [r.getStyle("height").toInt(), fszFull]}
			random.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("height").toInt();
					if(w != fszSmall) o[j] = {height: [w, fszSmall]};
				}
			});
			fx_random.start(o);
		});
	});

	$$("#random .articles").addEvent("mouseleave", function(event) {
		var o = {};
		random.each(function(r, i) {
			o[i] = {height: [r.getStyle("height").toInt(), fszNormal]};
		});
		fx_random.start(o);
	});

	
	var szNormal = 39, szSmall  = 39, szFull = 235;
	var popular = $$("#popular .articles li");
	var fx_popular = new Fx.Elements(popular, {wait: false, duration: 450, transition: Fx.Transitions.Quart.easeOut});
	popular.each(function(p, i) {
		p.addEvent("mouseenter", function(event) {
			var o = {};
			if ( i > 4) {
				$$("#popular .articles")[0].style.bottom = 0;
				$$("#popular .articles")[0].style.top = "auto";
				o[i] = {height: [p.getStyle("height").toInt(), szFull]}
			} else {
				$$("#popular .articles")[0].style.bottom = "auto";
				$$("#popular .articles")[0].style.top = "40px";
				o[i] = {height: [p.getStyle("height").toInt(), szFull]}
			}
			popular.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("height").toInt();
					if(w != szSmall) o[j] = {height: [w, szSmall]};
				}
			});
			fx_popular.start(o);
		});
	});

	$$("#popular .articles").addEvent("mouseleave", function(event) {
		var o = {};
		popular.each(function(p, i) {
			o[i] = {height: [p.getStyle("height").toInt(), szNormal]};
		});
		fx_popular.start(o);
	});

	var recommended = $$("#recommended .articles li");
	var fx_recommended = new Fx.Elements(recommended, {wait: false, duration: 450, transition: Fx.Transitions.Quart.easeOut});
	recommended.each(function(r, i) {
		r.addEvent("mouseenter", function(event) {
			var o = {};
			if ( i > 4) {
				$$("#recommended .articles")[0].style.bottom = 0;
				$$("#recommended .articles")[0].style.top = "auto";
				o[i] = {height: [r.getStyle("height").toInt(), szFull]}
			} else {
				$$("#recommended .articles")[0].style.bottom = "auto";
				$$("#recommended .articles")[0].style.top = "40px";
				o[i] = {height: [r.getStyle("height").toInt(), szFull]}
			}
			recommended.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("height").toInt();
					if(w != szSmall) o[j] = {height: [w, szSmall]};
				}
			});
			fx_recommended.start(o);
		});
	});

	$$("#recommended .articles").addEvent("mouseleave", function(event) {
		var o = {};
		recommended.each(function(r, i) {

			o[i] = {height: [r.getStyle("height").toInt(), szNormal]};
		});
		fx_recommended.start(o);
	});

});