window.addEvent('domready',function(){
	function corners(){
		$$('.cloud')[0].getElements('canvas').each(function(elm){elm.dispose();});
		$$('.cloud')[0].setStyle('background-color','transparent');

		$$('.cloud')[0].CanvasULElemet({
			glow: 0,
			border: 0,
			shadow: 0,
			corners: [15, 15, 15, 15],
			bodyStartColor: [255,255,255,0.8],
			bodyStopColor: [255,255,255,0.8]
		});
	}
	corners();
	window.onresize=corners;
	window.addEvent('load',corners);
	if (Browser.Engine.trident4){
		window.addEvent('load',function(){
			$$('div.footer')[0].innerHTML += '';
		});
		window.addEvent('resize',function(){
			$$('div.footer')[0].innerHTML += '';
		});
	}

	if ($('characters_r') && $('characters_l')){
		var active = 1;
		var total = $$('.container>div').length;

		$('characters_r').addEvent('click',function(event){
			event.stop();
			if (active<(total-2)){
				++active;
				var myE = new Fx.Morph($$('.container')[0], {duration: 500, wait: false, unit: '%', transition: Fx.Transitions.Sine.easeOut});
				if (myE){myE.cancel();}
				myE.start({
				 	'margin-left':((active-1)*(-100)/3)
				});
			}
		});

		$('characters_l').addEvent('click',function(event){
			event.stop();
			if (active>1){
				--active;
				var myE = new Fx.Morph($$('.container')[0], {duration: 500, wait: false, unit: '%', transition: Fx.Transitions.Sine.easeOut});
				if (myE){myE.cancel();}
				myE.start({
				 	'margin-left':((active-1)*(-100)/3)
				});
			}
		});
	}
	if ($$('a.frames')[0]){
		var framescnt = new Element('div',{
			'styles':{
				'display': 'none',
				'position': 'absolute',
				'top': 0,
				'left': 0,
				'width': '100%',
				'height': '100%',
				'z-index': 9999
			},
			'events':{
				'click': function(){
					this.setStyle('display','none');
				}
			}
		}).inject($(document.body));
		var framebg = new Element('div',{
			'styles':{
				'width': '100%',
				'height': '100%',
				'top': 0,
				'left': 0,
				'position': 'absolute',
				'opacity': '0.3',
				'background': '#000'
			}
		}).inject(framescnt);
		var frameimg = new Element('div',{
			'styles':{
				'padding': '10px',
				'width': 30,
				'height': 30,
				'position': 'absolute',
				'top': '50%',
				'left':'50%',
				'margin-top': -25,
				'margin-left': -25,
				'background-color': '#fff'
			}
		}).inject(framescnt);
	}
	
	$$('a.out').each(function(element){
		element.addEvent('click',function(event){
			event.stop();
			window.open(this.href,'','height=500,width=800,top=100,left=100,scrollbars=1');
		});
	});
	var strl = '';
	$$('a.frames').each(function(element,index){
		element.addEvent('click',function(event){
			event.stop();
			frameimg.addClass('loading');
			if ($$('a.frames').indexOf(this)>0 && this!=$$('a.frames').getLast()){
				strl = '<a id="gleft" href="#"></a><a id="gright" href="#"></a>';
			}else{
				if ($$('a.frames').indexOf(this)>0){
					strl = '<a id="gleft" href="#"></a>';
				}else{
					if (this!=$$('a.frames').getLast()){
						strl = '<a id="gright" href="#"></a>';
					}else{
						strl = '';
					}
				}
			}
			frameimg.empty();
			framescnt.setStyle('display','block'); 
			var srcimg = this.href;
			var altimg = this.getElement('img').alt;
			var frmimg = new Asset.image(srcimg, {
				alt: altimg, 
				title: altimg,
				onload: function(){
					var frmfx = new Fx.Morph(frameimg, {duration: 400, transition: Fx.Transitions.Sine.easeOut}).start({
						'height': frmimg.height,
						'width': frmimg.width,
						'margin-top': (-1)*(frmimg.height.toInt()/2+10),
						'margin-left': (-1)*(frmimg.width.toInt()/2+10)
					}).chain(function(){
						frameimg.removeClass('loading');
						frameimg.innerHTML = strl;
						frmimg.inject(frameimg);
						if ($('gright')){
							$('gright').addEvent('click',function(evnt){
								evnt.stop();
								$$('a.frames')[index+1].fireEvent('click',event);
							});
						}
						if ($('gleft')){
							$('gleft').addEvent('click',function(evnt){
								evnt.stop();
								$$('a.frames')[index-1].fireEvent('click',event);
							});
						}
					});
				}
			});
		});
	});
});