var Billboard = new Class({
	status: true,
	width:720,
	initialize: function() {
		this.container = $('leadspace');
		this.container.getElement('img').set('id', 'showimg1');
		this.container.getElements('li').each(function(element){
			if (element.getElement('a').get('html')=="1") { element.addClass('current'); }
			element.setStyle('opacity', '0.6');
			var fx = new Fx.Morph(element, {duration: 400, wait: false});
			element.addEvent('mouseenter', function() { fx.start({'opacity': '1.0'}); });
			element.addEvent('mouseleave', function() { fx.start({'opacity': '0.6'}); });
			element.addEvent('click', function() { billboard.button(this) });
		});
		this.pos = 1;
		this.theTimer = setTimeout('billboard.procede(null);', 5000);
		
	},
	procede: function(adv) {
		clearTimeout(this.theTimer);
		var all = this.container.getElements('img');
		all.each(function(element){
			if (element.get('id')!='showimg'+billboard.pos)
				element.setStyle('z-index', '10');
		});
		var last = $('showimg'+this.pos);
		last.setStyles({'z-index': '100', 'opacity': 1});
		
		if (adv==null) {
			this.pos = parseInt(this.pos);
			this.pos = (this.pos+1)>9 ? 1 : this.pos+1;
		} else {
			this.pos = adv;	
		}
				
		if (!$chk($('showimg'+this.pos))) {
			if ( iPhone == 'iPhone' ) 
				var img = new Element('img', {'src': '/images/home/lead/lead-'+this.pos+'-'+
				lang+'.jpg','width': iResolution + 'px', 'height': (324*iResolution/720) + 'px', 'alt': '', 'id': 'showimg'+this.pos, 'styles': {'opacity': 0, 'top': 0, 'left': 0}});
			else
				var img = new Element('img', {'src': '/images/home/lead/lead-'+this.pos+'-'+lang+'.jpg','width': '720px', 'height': '324px', 'alt': '', 'id': 'showimg'+this.pos, 'styles': {'opacity': 0, 'top': 0, 'left': 0}});
			img.inject(this.container);
			var cur = $('showimg'+this.pos);
			cur.setStyle('z-index', '200');
			img.addEvent('load', function() { billboard.fade(cur); });
		} else  {
			var cur = $('showimg'+this.pos);
			cur.setStyles({'opacity': 0, 'z-index': '200'});
			this.fade(cur);
		}
	},
	fade: function(cur) {
		var fx = new Fx.Tween(cur, {duration: 2500});
		fx.start('opacity', 1);
		
		this.container.getElements('li').each(function(element){
			if (element.getElement('a').get('html')==billboard.pos) { element.addClass('current'); }
			else if (element.hasClass('current')) { element.removeClass('current'); }
		});
				
		this.theTimer = setTimeout('billboard.procede(null);', 5000);
	},
	button: function(next) {
		var adv = next.getElement('a').get('html');
		if (this.pos!=adv) {
			clearTimeout(billboard.theTimer);
			this.procede(adv);
		}
	}
});

var billboard;

window.addEvent('domready', function() {
	billboard = new Billboard;
});