window.addEvent('domready', function(){
	var szNormal = 122, szSmall = 88, szFull = 250;

	var topsliders = $$("#topsliders .topslider");
	var fx = new Fx.Elements(topsliders, {wait: false, duration: 300, transition: Fx.Transitions.Quad.easeOut});
	var fx2 = new Fx.Elements(topsliders, {wait: false, duration: 1000, transition: Fx.Transitions.Quad.easeOut});
	topsliders.each(function(topslider, i) {
		topslider.addEvent("mouseenter", function(event) {
			var o = {};
			var co = {};
			o[i] = {width: [topslider.getStyle("width").toInt(), szFull]}
			topsliders.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
					co[j] = {backgroundColor: "#DFDFDF"};
				} else {
					co[j] = {backgroundColor: "#f2f4f7"};
				}
			});
			fx.start(o);
			fx2.start(co);
		});
	});

	$("topsliders").addEvent("mouseleave", function(event) {
		var o = {};
		var co = {};
		topsliders.each(function(topslider, i) {
			o[i] = {width: [topslider.getStyle("width").toInt(), szNormal]}
			co[i] = {backgroundColor: "#DFDFDF"};
		});
		fx.start(o);
		fx2.start(co);
	})
							
}); 
window.addEvent('domready', function(){
	var szNormal = 122, szSmall = 88, szFull = 250;

	var topsliders2 = $$("#topsliders2 .topslider2");
	var fx = new Fx.Elements(topsliders2, {wait: false, duration: 300, transition: Fx.Transitions.Quad.easeOut});
	var fx2 = new Fx.Elements(topsliders2, {wait: false, duration: 1000, transition: Fx.Transitions.Quad.easeOut});
	topsliders2.each(function(topslider2, i) {
		topslider2.addEvent("mouseenter", function(event) {
			var o = {};
			var co = {};
			o[i] = {width: [topslider2.getStyle("width").toInt(), szFull]}
			topsliders2.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
					co[j] = {backgroundColor: "#DFDFDF"};
				} else {
					co[j] = {backgroundColor: "#f2f4f7"};
				}
			});
			fx.start(o);
			fx2.start(co);
		});
	});

	$("topsliders2").addEvent("mouseleave", function(event) {
		var o = {};
		var co = {};
		topsliders2.each(function(topslider2, i) {
			o[i] = {width: [topslider2.getStyle("width").toInt(), szNormal]}
			co[i] = {backgroundColor: "#DFDFDF"};
		});
		fx.start(o);
		fx2.start(co);
	})
							
});