var menu = ['menu_home', 'menu_boat', 'menu_tech', 'menu_news', 'menu_care', 'menu_shop', 'menu_cont'];
var submenu_items = ['submenu_boats'];
var sub_submenu_items = ['submenu_boat_cq6'];
var sub_submenu_menuitems = ['boats_cq6_specs', 'boats_cq6_qa', 'boats_cq6_gallery', 'boats_cq6_videos', 'boats_cq6_support', 'boats_cq6_links'];
var sub_submenu_item_naam = ['boat_cq6'];
var vorig_menu_item = '';
var content_open = '';
var achtergrond = 1;
var aantal_achtergronden = 8;
var laden=0;

function knopje(id, knopje) {
	Effect.toggle(id, 'blind');
	if($(id).visible() == false) {
		$(knopje).src = 'images/knop_up.jpg';
	} else {
		$(knopje).src = 'images/knop_down.jpg';
	}
}

function knopje_content(id, menu_open) {
	toon_video();
	Effect.BlindLeft('content');
	content_open = '';
	var open = 0;
	laden=0;
	
	sluit_alles('', menu_open);
	
	menu.each(function(s) {
		if($(s).hasClassName('menu_selected') == true) {
			open = 1;
		}
	});
	
	if(open == 0  && $('filmpje').visible() == false) {
		verander_filmpje(1, 1);
	}
}

function sluit_alles(open, geklikt) {
	sub_submenu_item_naam.each(function(s) {
		if($('submenu_' + s).visible() == true) {
			$('submenu_' + s).select('.menu_selected').each(function(t) {
				$(t.identify()).className = 'menu';
			});
			if(sub_submenu_menuitems.indexOf(geklikt) == -1) {
				Effect.toggle('submenu_' + s, 'blind');
			}
		}
	});
	
	if(sub_submenu_menuitems.indexOf(geklikt) == -1) {
		submenu_items.each(function(s) {
			if($(s).visible() == true) {
				$(s).select('.menu_selected').each(function(t) {
					$(t.identify()).className = 'menu';
				});
				Effect.toggle(s, 'blind');
			}
		});
		
		menu.each(function(s) {
			if($(s).className == 'menu_selected' && s != open) {
				$(s).className = 'menu';
			}
		});
	}
}

function submenu(id, submenu) {
	menu.each(function(s) {
		$(s).className = 'menu';
	});

	if($(submenu).visible() == false) {
		$(id).className = 'menu_selected';
		verander_filmpje(0, 0);
	} else {
		$(id).className = 'menu';
		//sluit_sub_submenus('');
		//verander_filmpje(1, 0);
		knopje_content('', '');
	}
	reset_submenu();
	Effect.toggle(submenu, 'blind');
}

function reset_submenu() {
	sub_submenu_item_naam.each(function(s) {
		$('menu_' + s).className = 'menu';
	});
}

function sluit_sub_submenus(huidig) {
	sub_submenu_items.each(function(s) {
		if(s != huidig && $(s).visible() == true) {
			$(s).select('.menu_selected').each(function(t) {
				$(t.identify()).className = 'menu';
			});
			Effect.toggle(s, 'blind');
		}
	});
}

function sub_submenu(id, submenu) {
	var open = '';
	sub_submenu_item_naam.each(function(s) {
		$('menu_' + s).className = 'menu';
		if($('submenu_' + s).visible() == true) {
			open = 'submenu_' + s;
		}
	});
	
	if($(submenu).visible() == false) {
		$(id).className = 'menu_selected';
	} else {
		$(id).className = 'menu';
	}
	
	if(open == '' || open == submenu) {
		$(submenu).select('.menu_selected').each(function(t) {
			$(t.identify()).className = 'menu';
		});
		Effect.toggle(submenu, 'blind');	
	} else {
		Effect.toggle(open, 'blind', { duration: 0.6, afterFinish: function(){ Effect.toggle(submenu, 'blind'); } });
	}
}

function showContent(item, menu_open) {
	if(laden == 0) {
		laden=1;
		if(item == content_open) {
			knopje_content(item, menu_open);
		} else {
			if(item != 'nieuwsbrief') {
				$(menu_open).className = 'menu_selected';
				if(menu.indexOf(menu_open) != -1) {
					sluit_alles(menu_open, '');
				} else {
					if(vorig_menu_item != '' && vorig_menu_item != menu_open && $(vorig_menu_item)) {
						$(vorig_menu_item).className = 'menu';
					}
				}
			}
			vorig_menu_item = menu_open;
			content_open = item;
			toon_video();
			if($('content').visible() == false) {
				if($('filmpje').visible() == true) {
					verander_filmpje(0, 1);
				}
				$('content_cq6_logo').hide();
				Effect.BlindRight('content', {afterFinish:function(){laden=0;}});
				new Ajax.Updater('content_inhoud',
					'index.php?ajax=1&actie=content&content_item=' + item, {
					asynchronous: true,
					evalScripts: true,
					method: 'get',
					onComplete: function(){ 
						if(item.substr(0,3) == 'cq6' && $('content_cq6_logo').visible() == false) {
							Effect.Appear('content_cq6_logo', { duration: 2});
						} else if(item.substr(0,3) != 'cq6') {
							Effect.Fade('content_cq6_logo');
						}
						toon_video();
					}
				}); 
				wissel_klein_plaatje(item);
				
			} else {
				Effect.BlindLeft('content', {duration: 0.6, afterFinish: 
					function() {
						wisselachtergrond(true);
						Effect.BlindRight('content', {delay:1.5, afterFinish:function(){laden=0;}}); 
						new Ajax.Updater('content_inhoud',
							'index.php?ajax=1&actie=content&content_item=' + item, {
							asynchronous: true,
							evalScripts: true,
							method: 'get',
							onComplete: function(){ 
								if(item.substr(0,3) == 'cq6' && $('content_cq6_logo').visible() == false) {
									Effect.Appear('content_cq6_logo', { duration: 2});
								} else if(item.substr(0,3) != 'cq6') {
									Effect.Fade('content_cq6_logo');
								}
								toon_video();
							}
						});
						wissel_klein_plaatje(item);
						toon_video(item);
					} 
				});
				
			}
		}
	}
}

function toon_home() {
	if($('content').visible() == true) {
		toon_video();
		Effect.BlindLeft('content');
		content_open = '';
	}
	sluit_alles('', '');
	if($('filmpje').visible() == false) {
		verander_filmpje(1, 1);
	}
}

function verander_filmpje(status, force) {
	if(status == 0) {
	    $('filmpje').update('<img src="images/filmpje.jpg" alt="" />');
	    Effect.Fade('testsail');
		Effect.Fade('filmpje', { afterFinish: function(){ Effect.Appear('powered_by');} });				
	} else { 
		if($('content').visible() != true || force == 1) {
			Effect.Fade('powered_by', { afterFinish: function(){
			Effect.Appear('filmpje', { afterFinish: function() { $('filmpje').update('<iframe src="youtube/index.htm" frameborder="0" scrolling="no" width="320" height="196"></iframe>'); } });
			Effect.Appear('testsail', { afterFinish: function() { $('testsail').update('<iframe src="testsail/signup.php" frameborder="0" scrolling="no" width="404" height="148"></iframe>'); } });
				} 
			});
		}
	}
}

function verander_taal(taal) {
	new Ajax.Updater('taal_div',
		'index.php?ajax=1&actie=verander_taal&taal=' + taal, {
		asynchronous: true,
		evalScripts: true,
		method: 'get',
		onComplete: function(){ 
			knopje('language_keuzes', 'language_keuzes_knopje');
			new Ajax.Updater('language_keuzes',
			'index.php?ajax=1&actie=verander_taalbalk&taal=' + taal, {
				asynchronous: true,
				evalScripts: true,
				method: 'get'
			}); 
		
			new Ajax.Updater('content_inhoud',
				'index.php?ajax=1&actie=content&content_item=' + content_open, {
				asynchronous: true,
				evalScripts: true,
				method: 'get',
				onComplete: function(){ 
					if(content_open.substr(0,3) == 'cq6' && $('content_cq6_logo').visible() == false) {
						Effect.Appear('content_cq6_logo', { duration: 2});
					} else if(content_open.substr(0,3) != 'cq6') {
						Effect.Fade('content_cq6_logo');
					}
				}
			}); 
		}
	}); 
}

function preload() {
	preload_image_object = new Image();
	image_url = new Array();
	image_url[0] = "images/achtergronden/2.jpg";
	image_url[1] = "images/achtergronden/3.jpg";
	image_url[2] = "images/achtergronden/4.jpg";
	image_url[3] = "images/achtergronden/5.jpg";
	image_url[4] = "images/achtergronden/7.jpg";
	image_url[5] = "images/achtergronden/8.jpg";

	var i = 0;
	for(i=0; i<=6; i++) {
		preload_image_object.src = image_url[i];
	}
}

function wisselachtergrond(override) {
	if(content_open == '' || override == true) {
		if(achtergrond == aantal_achtergronden) {
			achtergrond = 1;
		} else {
			achtergrond++;
		}
		$('achtergrond2').update('<img src="images/achtergronden/' + achtergrond + '.jpg" id="achter'+ achtergrond +'" height="650" alt="" />');
		achtergrond_omzetten('achter'+achtergrond);
	}

}

function achtergrond_omzetten(imagename) {
	var img = document.images[imagename];
	
	img.onload = function() {
		Effect.Fade('achtergrond', {
			afterFinish: function() {
				$('achtergrond').update($('achtergrond2').innerHTML);
				$('achtergrond').show();
				$('achtergrond2').empty();
			}
		});
	} 
}

function wissel_klein_plaatje(item) {
	new Ajax.Updater('content_plaatje',
		'index.php?ajax=1&actie=content_plaatje&content_item=' + item, {
		asynchronous: true,
		evalScripts: true,
		method: 'get'
	});
}

function verstuurForm(form) {
	if(form == 'shopform') {
		var naam = document.forms[form].elements['naam'].value;
		var email = document.forms[form].elements['email'].value;
		var comments = document.forms[form].elements['comments'].value;
		
		$('shopform_naam').className='input';
		$('shopform_email').className='input';
		$('shopform_comments').className='input';
		
		new Ajax.Updater(form + '_error',
			'index.php?ajax=1&actie=verstuur_formulier', {
			asynchronous: true,
			evalScripts: true,
			method: 'post',
			postBody: 'form=' + form+ '&naam=' + naam + '&email=' + email + '&comments=' + comments
		});
	} else if(form == 'nieuwsbriefform') {
		var naam = document.forms[form].elements['naam'].value;
		var email = document.forms[form].elements['email'].value;
		var current = document.forms[form].elements['current'].value;
		var experience = document.forms[form].elements['experience'].value;
		var heard = document.forms[form].elements['heard'].value;
		var comments = document.forms[form].elements['comments'].value;
		
		$('nieuwsbriefform_naam').className='input';
		$('nieuwsbriefform_email').className='input';
		
		new Ajax.Updater(form + '_error',
			'index.php?ajax=1&actie=nieuwsbrief', {
			asynchronous: true,
			evalScripts: true,
			method: 'post',
			postBody: 'form=' + form+ '&naam=' + naam + '&email=' + email + '&comments=' + comments
				 + '&current=' + current + '&experience=' + experience + '&heard=' + heard
		});
	}
}

function toon_video() {
	if($('filmpje_galerij')) {
		if($('filmpje_galerij').visible() == false) {
			$('filmpje_galerij').show();
			$('filmpje_galerij').update('<iframe src="player/filmpje_galerij.html" frameborder="0" scrolling="no" width="458" height="278"></iframe>');
		}else{
			$('filmpje_galerij').update('');
			$('filmpje_galerij').hide();
		}
	}
}

new PeriodicalExecuter(
	function(pe) {
		wisselachtergrond(false);
	}
, 6);