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

//debug.create(); 

	try {
		$("printpage").addEvent("click", function(e) {
			window.print();
			e = new Event(e);
			e.stop();
		});
	} catch(e) {
		//nothing important
		//debug.log('could not attach print button'+e);
	}
	
		
	try {
		var szNormal = 224, szSmall  = 165, szFull   = 404;
		
		if (window.ie6) {
			var szNormal = 221, szSmall  = 162, szFull   = 399;
		} else {
			var szNormal = 224, szSmall  = 165, szFull   = 401;
		}
		 
		var kwicks = $$("#posters a");
		var fx = new Fx.Elements(kwicks, {wait: false, duration: 300});
		kwicks.each(function(kwick, i) {
			
			kwick.addEvent("mouseenter", function(event) {
				var o = {};
				o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
				kwicks.each(function(other, j) {
					if(i != j) {
						var w = other.getStyle("width").toInt();
						if(w != szSmall) o[j] = {width: [w, szSmall]};
					}
				});
				fx.start(o);
			});
		});
		
		$("posters").addEvent("mouseleave", function(event) {
			var o = {};
			kwicks.each(function(kwick, i) {
				o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
			});
			fx.start(o);
		});
		
		//set them up in the first place. don't know how to make this any better
		$("posters").fireEvent("mouseleave");
	} catch(ee) {
		//nothing major
	}
	
	//set up slidey events on whatson page etc:
	
	var calevents = $$('#content-container .readmorecallinkcontainer');
	calevents.each(function(calevent) {
		var eventSlider = new Fx.Slide(calevent.getNext());
		eventSlider.hide();
		
		var link = calevent.getChildren();
		link[0].addEvent('click', function(e){
			e = new Event(e);
			eventSlider.toggle();
			e.stop();
		});
		
		//alert(calevent);
		//alert(calevent.getNext());
		//calevent.getNext().style.display = 'none';
		//calevent.style.display="none";

	}); 
	
});