window.addEvent('domready', function(){
	
	$('promo_nav_left').setStyle('display', 'block');
	$('promo_nav_right').setStyle('display', 'block');
	
	var textitems = $$('input.text');
	var textvalue = new Array();
	
	$each(textitems, function(item, key){
		textvalue[key] = item.getProperty('value');
		item.addEvent('focus', function(event){
			event = new Event(event).stop();
			if (this.getProperty('value') == textvalue[key]) {
				this.setProperty('value', '');
			}
		});
		item.addEvent('blur', function(event){
			event = new Event(event).stop();
			if (this.getProperty('value') == '') {
				this.setProperty('value', textvalue[key]);
			}
		});
	});
	
	var promoitems = $$('#promo .item');
		
	$each(promoitems, function(item, key){
		item.setStyles({position: 'absolute', left: (640 * key) + 'px'});
		item.setProperty('id', 'item_no-' + key);
	});
	
	var next;
	
	$('promo').setProperty('class', '0');
	
	var period = function() {
		if ($('promo').getProperty('class') == (promoitems.length - 1)) {
			next = 'item_no-0';
			$('promo').setProperty('class', '0');
		} else {
			next = 'item_no-' + ($('promo').getProperty('class').toFloat() + 1);
			$('promo').setProperty('class', $('promo').getProperty('class').toFloat() + 1);
		}
		promoScroll.toElement(next);
	}
	
	var promo = period.periodical(10000);
	var prmd;
	
	$('promo_nav_right').addEvent('click', function(event) {
		$clear(promo);
		$clear(prmd);
		event = new Event(event).stop();
		if ($('promo').getProperty('class') == (promoitems.length - 1)) {
			next = 'item_no-0';
			$('promo').setProperty('class', '0');
		} else {
			next = 'item_no-' + ($('promo').getProperty('class').toFloat() + 1);
			$('promo').setProperty('class', $('promo').getProperty('class').toFloat() + 1);
		}		
		promoScroll.toElement(next);
		prmd = (function(){promo = period.periodical(10000)}).delay(16000);
	});
	
	$('promo_nav_left').addEvent('click', function(event) {
		$clear(promo);
		$clear(prmd);
		event = new Event(event).stop();
		if ($('promo').getProperty('class') == 0) {
			next = 'item_no-' + (promoitems.length - 1);
			$('promo').setProperty('class', promoitems.length - 1);
		} else {
			next = 'item_no-' + ($('promo').getProperty('class').toFloat() - 1);
			$('promo').setProperty('class', $('promo').getProperty('class').toFloat() - 1);
		}		
		promoScroll.toElement(next);
		prmd = (function(){promo = period.periodical(10000)}).delay(16000);
	});
	
	var promoScroll = new Fx.Scroll('promo-inner', {
		wait: false,
		duration: 2000,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quint.easeInOut
	});
	
});