// Config

var duration_fotobalk = 1.5;
var duration_submenu = 1.0;

Event.observe(window, 'load', function() {
	//attachFlashBG();
	attachMenuHandler();
	attachSubmenuHandler();
	initSIFR();
	attachCloseButton();
	attachNews();
	});
	
	
	var current_menu_id = '';
	
	function attachFlashBG() {
		var so = new SWFObject("/swf/bg.swf", "flashbg", "760", "500", "8", "#336699");
		so.addParam("quality", "high");
		so.addParam("wmode", "transparent");
		so.write("flashbackground");
	}
	
	function attachMenuHandler() {
		$A($$('a.mainitem')).each(function(el) {
			el.observe('click', function(e) {
				Event.stop(e);
				//$('bogus').focus();
				handleMenuClick(el);
			});
		});
	}
				
	function handleMenuClick(el) {
				var menu_id = el.id.replace('menu_','');
				if (menu_id == current_menu_id) {
					return;
				}
				current_menu_id = menu_id;

				// Active class resetten
				
					$A($$('a.mainitem.active')).each(function(el_reset) {
						el_reset.removeClassName('active');
					});

					el.addClassName('active');
				
					$A($$('.item_container_active')).each(function(el_reset) {
						el_reset.removeClassName('item_container_active');
					});

					$('menucontainer_'+menu_id).addClassName('item_container_active');

				// Fotobalk bijwerken
				
					updateFotobalk(menu_id);

				// Menu's in- & uitklappen

					$A($$('.submenu_container')).each(function(sub) {
						if ($(sub).getStyle('display')=='block') {
							sub.hide();
						}
					});

					$A($$('#menucontainer_'+menu_id+' .submenu_container')).each(function(sub) {
						$(sub).show();
					});		

				// Visual bijwerken

				if (menu_id==22 || menu_id==24 || menu_id==6 || menu_id==25) {
					updateContent(el.href);
				} else {
					$('content').innerHtml = '';
					$('content').hide();
					$('visual').show();

					var so = new SWFObject("/swf/visual"+menu_id+".swf", "flashbg", "577", "577", "8", "#336699");
					so.addParam("quality", "high");
					so.addParam("wmode", "transparent");
					so.write("visual");
				}
	}

	function attachSubmenuHandler() {	
		$A($$('a.subitem')).each(function(el) {
			el.observe('click', function(e) {
				Event.stop(e);
				//$('bogus').focus();
				var menu_id = el.id.replace('menu_','');
				if (menu_id == current_menu_id) {
					return;
				}
				current_menu_id = menu_id;

				updateFotobalk(menu_id);
				updateContent(el.href);
			});
		});
	}

	function updateContent(url) {
		new Ajax.Request(url, {
			method: 'get',
			onSuccess: function(transport) {
				//$('content_inner').innerHTML = transport.responseText;
				
				var jsonresponse = transport.responseText.evalJSON();
				$('content_inner').innerHTML = '<h1>' + jsonresponse.tekst_titel.toString() + '</h1>' + jsonresponse.content.toString();
				$('visual').hide();
				$('content').show();
				initSIFR();
				attachNews();
				try {
					var pageTracker = _gat._getTracker("UA-5017947-7");
					pageTracker._trackPageview(url);
				} catch(err) {}

			}
		});
	}

	function updateFotobalk(menu_id) {

		new Ajax.Request('/fotobalk/' + menu_id + '/', {
			method: 'get',
			onSuccess: function(transport) {
				var jsonresponse = transport.responseText.evalJSON();
				var fotocount = 0;

				var animate_sequence = new Array(
					new Array(0,1,2),
					new Array(0,2,1),
					new Array(1,0,2),
					new Array(1,2,0),
					new Array(2,0,1),
					new Array(2,1,0)
				);
				
				var rand_no = Math.random();
				rand_no = rand_no * 6;
				rand_no = Math.ceil(rand_no);

				test = new Array(0,1,2);

				//animate_sequence[rand_no].each(function(nr) {
				test.each(function(nr) {
					Effect.Fade('fotobalkimg'+nr, {
						duration: 0.2,
						queue: 'end',
						afterFinish: function() {
							$('fotobalkimg' + nr).src = jsonresponse[nr].src;
							Effect.Appear('fotobalkimg'+nr, {
								duration: 1
							});
						}
					});
				});
			}
		});

	}
	
	function initSIFR() {
		 sIFR.replaceElement("#content_inner h1", named({sFlashSrc: "/swf/fonts/walkwaybold.swf", sColor: "#A90027", sWmode: 'transparent'}));
	}
	
	function attachCloseButton() {
		Event.observe('close', 'click', function(e) {
			
			Event.stop(e);
			handleMenuClick($('menu_1'));
		});
	}
	
	var news = new Array();
	var newsposition = 0;
	
	function attachNews() {
		if (!$('newscontrol')) {
			return;
		}

		// Reset
		
			news = new Array();
			newsposition = 0;
			$('newsprev').stopObserving('click');
			$('newsnext').stopObserving('click'); 

		// Nieuwsobjecten inlezen

			$A($$('.newsitem')).each(function(el) {
				news_id = el.id.replace('newsitem','');
				news[news.length] = news_id;
			});

		// Init controller
		
			$('newsprev').hide();
			if (news.length==1) {
				$('newsnext').hide();
			}
		// Controller

			$('newsprev').observe('click', function(e){
				Event.stop(e);
				newsGo(-1);
			});
			$('newsnext').observe('click', function(e){
				Event.stop(e);
				newsGo(1);
			});
		
	}
	
	function newsGo(newsTo) {
		$('newsitem' + newsposition).hide();
		newsposition = newsposition + newsTo;
		$('newsitem' + newsposition).show();
		
		if (newsposition > 0) {
			$('newsprev').show();
		}
		if (newsposition == 0) {
			$('newsprev').hide();
		}
		if (newsposition >= news.length-1) {
			$('newsnext').hide();
		} else {
			$('newsnext').show();
		}
	}