window.addEvent('domready', function(){
	$(document.body).getElements('a.fadein').each(function(link){
		link.setProperty('href',document.URL.replace(/#!/g,'')+'#!');
		link.removeProperty('onclick');

	});

	$(document.body).getElements('a.fadein').addEvent('click', function() {

		openFadeIn(this.className);
	});
	
//	$(document.body).getElements('.fadeinpop').setStyle('display','none');
});


function openFadeIn(container)
{

	target = container.match(/fadein\_.*\_/);

	target = target[0].split('_',10);
	target = target[1];


//creating background
	div = new Element('div');
	$(div).addClass('fadeinbg');
	$(div).inject($(document.body).getElements('#wrapper')[0],'bottom');





	$(document.body).getElements('#'+target+'.fadeinpop').setStyle('margin-left','-300px');
	pop = $(document.body).getElements('#'+target+'.fadeinpop')[0];


//creating close X
	closeX = new Element('div');
	$(closeX).addClass('fadeinclose');
	$(closeX).inject(pop,'top');


//fadein effect
	var myTween01 = new Fx.Tween($(div), {
		duration: 600,
		fps: 25
	});

	var myTween02 = new Fx.Tween($(pop), {
		duration: 600,
		fps: 25,
		onComplete: function() {
			$(closeX).setStyle('display','block');
		}
	});

	myTween01.start('opacity', '0', '0.8');
	myTween02.start('opacity', '0', '1');


//make it closeable
	$(div).addEvent('click', function() {
		closeFadeIn();
	});

	$(closeX).addEvent('click', function() {
		closeFadeIn();
	});

	$(closeX).addEvent('mouseenter', function() {
		$(this).setStyle('backgroundPosition','bottom');
	});

	$(closeX).addEvent('mouseleave', function() {
		$(this).setStyle('backgroundPosition','top');
	});
}

function closeFadeIn()
{
	$(closeX).setStyle('display','none');

	var myTween01 = new Fx.Tween($(div), {
		duration: 600,
		fps: 25,
		onComplete: function() {
				$(div).dispose();
		}
	});
	var myTween02 = new Fx.Tween($(pop), {
		duration: 600,
		fps: 25,
		onComplete: function() {
		$(document.body).getElements('.fadeinpop').setStyle('margin-left','-30000px');
		}
	});

	myTween01.start('opacity', '0.8', '0');
	myTween02.start('opacity', '1', '0');

}
