var loading = {
	window: window.getSize(),
	start : function(){
		$('loading').setStyles({
			left:this.window.size.x/2-60+'px',
			top:this.window.size.y/2-60+this.window.scroll.y+'px',
			visibility:'visible'});
	},
	stop : function(){
		$('loading').setStyles({visibility:'hidden'});
	}
};

//var toggler = new Fx.Slide('commentForm_38',{duration:500});

var changeContents = function(url,boxId){
	loading.start();
	if(window.ie){
		$('index').getElementsBySelector('.absolute').remove();
		$('index').getElementsBySelector('.relative').setStyles({position:'static'});
	}
	var toggle = new Fx.Styles('index',{duration:1000});
	new Ajax(url + '?time=' + new Date().getTime(),{method:'get', update:$('container'), onComplete:function(){
		var targetHeight = $(boxId).getSize().size.y -2;
		toggle.start({
			'height':1,
			'opacity':0
		}).chain(function(){
			loading.stop();
			$('index').setHTML($(boxId).innerHTML);
			$('container').setHTML("");
			toggle.start({
				'height':targetHeight,
				'opacity':1
			});
		});
	}}).request();
};

var invitation = function(){
	loading.start();
	var throwintext = "<div class=\"invitationCard\"><img src=\"/html/img/introduction/invitation.png\" width=\"561\" height=\"283\" alt=\"\" /></div>";
	$('screen').setProperties({title:''});
	$('screen').addEvent('click', function(){this.setOpacity(0);$('display').setOpacity(0);});
	$('screen').setStyles({width:window.getWidth()+'px', height:window.getScrollHeight()+'px'});
	$('screen').setOpacity(0.8);
	$('display').setStyles({left:window.getWidth()/2-290+'px', top:window.getHeight()/2-200+window.getScrollTop()+'px'});
	$('display').setHTML(throwintext);
	$('display').setOpacity(1);
	loading.stop();
};

var toggle = function(element){
	$(element).style.display=='block' ?
		(function(){
			$(element).setStyle('display','none');
			$(element).setOpacity(0);
		})()
		:
		(function(){
			$(element).setStyle('display','block');

			var windowbottom = window.getSize().scroll.y + window.getSize().size.y;
			var elementbottom = $(element).getPosition().y + $(element).getSize().size.y;
			if(windowbottom<elementbottom){
				new Fx.Scroll(window,{duration:150}).scrollTo(0,elementbottom-window.getSize().size.y+10);
//				window.scrollTo(0,elementbottom-window.getSize().size.y+10);
			}

			$(element).effects({duration:300}).start({
				'opacity':1
			});
		})();
//	console.log($(element).getSize(),$(element).getPosition(),window.getSize());
};

window.addEvent('domready', function(){
//	if($('logotype')){
//		$('logotype').makeDraggable();
//	}
	document.getElementsByClassName('outbound').each(function(element){
		element.setProperties({target:'_blank'});
	});

	var postComment = $ES('.PostComment a');
	postComment.each(function(a){
		a.addEvent('click', function(event){
			var e = new Event(event);
			e.preventDefault();
		});
	});

	var commentForms = $ES('.commentForm');
	commentForms.each(function(e){
		e.setOpacity(0);
		e.setStyle('display','none');
	});
});