function GirlImageEffects() {

	this.fxs = {
		1 : new Fx.Morph('girl-group1',  { duration: 600, delay: false, transition: Fx.Transitions.Circ.easeOut }),
		2 : new Fx.Morph('girl-group2',  { duration: 600, delay: false, transition: Fx.Transitions.Circ.easeOut }),
		3 : new Fx.Morph('girl-group3',  { duration: 600, delay: false, transition: Fx.Transitions.Circ.easeOut })
	};
	this.fx_is_start = false;

	var self = this;
	
	new Asset.images($$('div#girls-stage ul li a img.g').getProperty('src'), {
		onProgress : function(count, index) {
			/*
			var w = ((count + 1) / 12) * 90 + 'px';
			$('pg-body').style.width = w;
			$('loaded').setText(count + 1);
			if (count == 14) {
				$('pg-stat').setText('Complete!');
				setTimeout(function() {
					var fx = new Fx.Morph('pg-info', { duration: 800 });
					fx.start({
						width: 0,
						opacity: 0
					});
				}, 500);
			}
			*/
		},
		onComplete : function() {
			$$('div#girls-stage ul li').addEvents({
				'mouseenter' : function() {
					var idx = this.getProperty('index'), target = $('p' + idx);
					if (target && target.getStyle('height').toInt() == 0) {
						var fx = new Fx.Morph(target, { duration: 200, transition: Fx.Transitions.Back.easeOut });
						fx.start({
							height: [0, 35]
						});
					}
				},
				'mouseleave' : function() {
					var idx = this.getProperty('index'), target = $('p' + idx);
					if (target) {
						var fx = new Fx.Morph(target, { duration: 200, transition: Fx.Transitions.Sine.easeOut });
						fx.start({
							height: [35, 0]
						});
					}
				}
			});
			$$('div#girls a.head-btn').addEvents({
				'click' : function() {
					var scroll_to = this.getProperty('sto');
					self.turn(scroll_to);
				}
			});
			$$('div#girl-pager a').addEvents({
				'click' : function() {
					var page_to = this.getProperty('page').toInt(), page_current = $('girls').getProperty('index').toInt(), scroll_to = 'next';
					if (page_to == page_current) return;
					if (page_to < page_current) scroll_to = 'prev';
					self.turn(scroll_to, page_to);
				}
			});
		}
	});
}

GirlImageEffects.prototype = {
	turn : function(scroll_to, to_index) {
		if (this.fx_is_start) return;
		if (!scroll_to) scroll_to = 'next';
		var index = last = $('girls').getProperty('index').toInt(), self = this;
		if (!to_index) {
			if (scroll_to == 'next') index++;
			else index--;
		}
		else {
			index = to_index;
		}
		if (index > 3) index = 1;
		if (index < 1) index = 3;
		if (scroll_to == 'next') {
			var out_effect = { marginLeft: [0, 760], opacity: [1, 0] };
			var in_effect = { marginLeft: [-760, 0], opacity: [0, 1] };
		}
		else {
			var out_effect = { marginLeft: [0, -760], opacity: [1, 0] };
			var in_effect = { marginLeft: [760, 0], opacity: [0, 1] };
		}
		this.fx_is_start = true;
		/*
		var pagers = $('girl-pager').getElements('a');
		pagers.removeClass('current');
		pagers[index - 1].addClass('current');
		*/
		self.fxs[last].start(out_effect).chain(function() {
			
			$('girls').setProperty('index', index);
			$('girl-group' + last).setStyles({ 'display' : 'none' });
			$('girl-group' + index).setStyles({
				'display' : '',
				'marginLeft' : 760,
				'opacity' : 0
			});
			self.fxs[index].start(in_effect).chain(function() {
				self.fx_is_start = false;
				
			});
		});
	}
}


$('girls').setProperty('index', 1);

$('girls-stage').getElements('li').each(function(li, i) {
	li.setProperty('index', i + 1);
});

$('to-prev').setProperty('sto', 'prev');

$('to-next').setProperty('sto', 'next');

var kkk = new GirlImageEffects();

window.addEvent('domready', function() {
	$$('a').each(function(link, i) {
		if (link.href !== 'javascript:void(0);')
			link.setProperty('target', '_blank');
	});
});