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

window.addEvent('domready', function() {
	
	// header breedte
	var width = window.getSize().x.toInt() > 1280 ? 1280 : window.getSize().x.toInt() <= 980 ? 980 : window.getSize().x;
	var left = Math.floor((width - 980) / 2);
	$$('div.header, div.header-back').setStyles({'width': width});
	$$('div.header-overlay').setStyles({'margin-left': Math.floor((width - 980) / 2)});
	
	// tickets klik hier
	var hier = 1;
	function klik() {
		hier = hier == 1 ? 2 : 1;
		$('buy_tickets').setStyle('background-image', 'url(images/theme/tickets_klik_hier_' + hier + '.png)');
	}
	
	(function() {
		klik();
	}).periodical(1100);
	
	// voor alle squeezebox linkjes willen we de bijbehorende opdracht 
	SqueezeBox.assign($$('a.squeezebox'), {
		parse: 'rel'
	});
		
	// berichten
	$$('.close-message').each(function(message) {
		message.addEvent('click', function() {
			this.getParent('div.header-message').destroy();
		});
	});
	
	// cufon
	Cufon.replace('h3');
	Cufon.replace('.cufon', {hover: true});
	Cufon.replace('div.menu ul li.top-level a', {hover: true});
	Cufon.now();
	
	// header
	if (typeof header_images != 'undefined') {
		var current_header = 1;
		function changeHeader() {
			var header_image = header_images[current_header];
			$('header_back').fade('toggle');
			// plaatje veranderen
			(function() {
				$('header_back').setStyle('background-image', 'url(' + header_image+ ')').fade('toggle');
			}).delay(400);
			// doortellen
			current_header = current_header == header_images.length - 1 ? 0 : current_header + 1;
		}
	
		changeHeader();
		changeHeader.periodical(9000);
	}
	
	// dit jaar op flevo blokje
	// artiesten
	if (typeof dit_jaar_artists != 'undefined') {
		var current_artist = 0;
		function changeArtist() {
			var artist = dit_jaar_artists[current_artist];
			$('dit_jaar_photo').fade('toggle');
			// plaatje veranderen
			(function() {
				$('dit_jaar_photo').setStyle('background', 'url(' + artist.filepath + ')').fade('toggle');
				//titel
				$('dit_jaar_title').set('html', '<a href="index.php?action=artistinfo&amp;id=' + artist.id + '">' + artist.title + '</a>');
				Cufon.replace('#dit_jaar_title', {hover: true});
			}).delay(400);
			// doortellen
			current_artist = current_artist == dit_jaar_artists.length - 1 ? 0 : current_artist + 1;
		}
	
		changeArtist();
		changeArtist.periodical(5000);
	}
	
	// sprekers
	if (typeof dit_jaar_speakers != 'undefined') {
		$('dit_jaar_sprekers').setStyle('width', 0);
		
		// opnemen in de div
		dit_jaar_speakers.each(function(speaker, index) {
			var div = new Element('div', {
				'html': speaker.title + '&nbsp;&nbsp;<span class="divider">|</span>',
				'id': speaker.id
			}).inject($('dit_jaar_sprekers'));
			Cufon.replace(div, {hover: true});
			$('dit_jaar_sprekers').setStyle('width', $('dit_jaar_sprekers').getStyle('width').toInt() + div.getSize().x.toInt());
		});
		
		// moeten we 'draaien'?
		if ($('dit_jaar_sprekers').getStyle('width').toInt() > 313) {
			(function() {
				// hoeveel schuiven?
				var slide = $('dit_jaar_sprekers').getElement('div').getSize().x.toInt();
				var speaker = $('dit_jaar_sprekers').getElement('div').get('id');
				// schuiuiuif
				$('dit_jaar_sprekers').tween('left', $('dit_jaar_sprekers').getStyle('left').toInt() - slide);
				// linkje
				$('speaker_link').set('href', 'index.php?action=artistinfo&id=' + speaker);
				// reset
				(function() {
					$('dit_jaar_sprekers').getElement('div').inject($('dit_jaar_sprekers'), 'bottom');
					$('dit_jaar_sprekers').setStyle('left', '112px');
				}).delay(1000);
			}).periodical(6000);
		}
	}
	
	// alleen op frontpage
	if (typeof $('subscribe_email') != 'undefined' && $('subscribe_email') != null) {
		// achtergrond
		if ($('subscribe_email').get('value') == '') {
			$('subscribe_email').setStyle('background', 'url(\'images/theme/back_frontpage_subscribe_input.png\') no-repeat 10px 10px');
		}
		$('subscribe_email').addEvent('focus', function() {
			$('subscribe_email').setStyle('background', 'none');
		});
		$('subscribe_email').addEvent('blur', function() {
			if ($('subscribe_email').get('value') == '') {
				$('subscribe_email').setStyle('background', 'url(\'images/theme/back_frontpage_subscribe_input.png\') no-repeat 10px 10px');
			}
			else
				$('subscribe_email').setStyle('background', 'none');
		});
		
		// submitten
		$('subscribe_submit').addEvent('click', function() {
			$('subscribe_newsletter').submit();
		});
	}
	
	// facebook
	if (typeof $('facebook_placeholder') != 'undefined') {
		new Request.JSON({
			'url': 'index.php?action=ajax_facebook',
			'data': 'q=162080550499683/attending',
			'onComplete': function(response) {
				if (isset(response) && isset(response.results.data)) {
					var count = response.results.data.length, temp = [], images = [];
					
					// weergeven
					var fb = new Element('div', {
						'class': 'facebook',
						'html': '<a href="http://www.facebook.com/xnoizzflevofestival" target="_blank" class="link"></a><span class="facebook-title cufon">1.874 mensen komen naar <a href="http://www.facebook.com/event.php?eid=162080550499683" target="_blank">Xnoizz FlevoFestival 2011</a></span><div class="facebook-images"></div>'
					}).inject($('facebook_placeholder'));
					// cufon
					Cufon.replace(fb.getElement('span.facebook-title'), {hover: true});
					
					// plaatjes halen
					for (i = 0; i < 7;) {
						var rand = Math.floor(Math.random() * count + 1);
						// hebben we deze nog niet gehad?
						if (temp.contains(rand) == false) {
							temp.include(rand);
							i++;
							var image = '';
							new Request.JSON({
								'url': 'index.php?action=ajax_facebook',
								'data': 'q=' + response.results.data[rand].id,
								'onComplete': function(response) {
									new Element('a', {
										'href': response.results.link,
										'target': '_blank',
										'html': '<img src="https://graph.facebook.com/' + response.results.id +'/picture?access_token=158840107505601|v2sjBPxzx_p1d-qmkNdYVALcmKo" />'
									}).inject(fb.getElement('div.facebook-images'));
								}
							}).send();
							images.include(image);
						}
					}
				}
			}
		}).send();
	}
});