/*
# javascript voor de frontpage
# ###############
# Onderdeel van sQuarecoW CMS
# © 2006-2008 sQuarecoW new media
# Versie: 2.00
# Module: frontpage
# ###############
*/

window.addEvent('domready', function() {
	// voeg alle items toe aan de container
	banners.each(function(banner, index) {
		var div = new Element('div', {
			'id': 'banner_' + index,
			'class': 'banner',
			'styles': {
				'left': 600 * index
			}
		}).inject($('banners')).store('link', banner.link).store('title', banner.title).store('ID', banner.id);
		
		div.set('morph', {'transition': Fx.Transitions.Quart.easeOut, 'duration': 1000});
		
		new Element('img', {
			'src': banner.filepath
		}).inject(div);
		
		// knopje maken
		new Element('span', {
			'html': index + 1,
			'id': 'direct_link_' + index,
			'events': {
				'click': function(e) {
					e.stop();
					// auto changer stoppen
					$clear(autoChangeBanner);
					showBanner(index);
				}
			}
		}).inject($('overlay').getElement('div.direct-links'));
	});
	
	// eerste knopje markeren
	$('direct_link_0').addClass('active');
	
	function showBanner(index) {
		//console.log(index);
		// we willen een bepaalde banner zien
		// hoeveel schuiven?
		var to = $('banner_' + index).getStyle('left').toInt();
		//console.log(to);
		
		$('banners').getElements('div').each(function(div) {
			// waarheen schuiven?
			var left = div.getStyle('left').toInt() - to;
			// verschuiven
			div.morph({
				'left': (left)
			});
		});
		// knopje markeren
		$$('div.direct-links span').removeClass('active');
		$('direct_link_' + index).addClass('active');
		// overlay bijwerken
		$('overlay').set({
			'styles': {
				'cursor': 'default'
			},
			'title': $('banner_' + index).retrieve('title')
		}).removeEvents();
		// evt link toevoegen
		if ($('banner_' + index).retrieve('link') != '') {
			$('overlay').set({
				'styles': {
					'cursor': 'pointer'
				},
				'events': {
					'click': function() {
						// registreren
						new Request({
							'url': 'index.php?action=ajaxbannerclick&ID=' + $('banner_' + index).retrieve('ID')
						}).send();
						// doorzetten
						location.href = $('banner_' + index).retrieve('link');
					}
				}
			});
		}
	}
	
	// beginnen
	var current_banner = 0;
	showBanner(current_banner);
	
	// wisselen per x seconden
	function changeBanner() {
		current_banner = (current_banner == banners.length -1 ? 0 : current_banner + 1);
		showBanner(current_banner);
	}
	
	autoChangeBanner = changeBanner.periodical(8000);
	
});