window.addEvent('domready', function(){

	//is ie6 so use sfhover
	if(window.ie6) {
		helper.sfHover(JSFE['browser']['ie6Hover']['idS'],JSFE['browser']['ie6Hover']['tags']);
	}
	
	cineboxx.toggleContact();	
});

window.addEvent('load', function(){	
		//exists imagebrowser element?
	var imageBrowserExists = $$('#mainContent .ttcontentImageBrowser');
	if(imageBrowserExists) cineboxx.imageBrowser();
});

var cineboxx = {

	toggleContact : function () {
		var elementContactDiv = new Fx.Slide('contact', {
			
		}).hide();

		$('contactToggle').addEvent('click', function(e){
			e = new Event(e);
			elementContactDiv.toggle();
			e.stop();
		});	
	},	
	
	imageBrowser : function () {	
		var szNormal = 309, szSmall= 214, szFull= 420;

		var kwicks = $$('#mainContent .ttcontentImageBrowser .image');
		var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
		
		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);
			});
		});
		
		$$('#movieItem'+this.uid +' .imageBrowser').addEvent("mouseleave", function(event) {
			var o = {};
			kwicks.each(function(kwick, i) {
				o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
			});
			fx.start(o);
		});
	}
}

