$(document).ready(function(){ 
	
	/*
	*
	* SLIDE
	*
	* 	
	* Tutorials: http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/
	* 	
	* 	Slidefunction i.e. login, sitemap, etc.
	*  
	*	<div id="panel">
	*		<!-- you can put content here -->
	*	</div>
	*		
	*		<p class="slide"><a href="#" class="btn-slide">Slide Panel</a></p>
	*  #panel {
	*	display: none;
	*  }
	*
	*/
	$(".btn-slide").click(function(){
		$("#footer").slideToggle("slow");
		$(this).toggleClass("btn-slide-active"); return false;
	});
	
	
	
	
	/*SUBMENU*/

	$("ul.top li").hover(function() { //Hover over event on list item
		$(this).find("span.subnav").show(); //Show the subnav
	} , function() { //on hover out...
		$(this).find("span.subnav").hide(); //Hide the subnav
	});
	
	
	
	
	
	/*
	*
	* SLIDESHOWS
	*
	* 	
	* Tutorials: http://malsup.com/jquery/cycle/
	* 	
	*  Choose from any of the following named effects (fx:):  
	* 
	*  blindX, blindY, blindZ, cover,  curtainX, curtainY, fade, fadeZoom, growX, growY, 
	*  scrollUp, scrollDown,  scrollLeft, scrollRight, scrollHorz, scrollVert ,shuffle, 
	*  slideX, slideY, toss, turnUp, turnDown, turnLeft, turnRight, uncover, wipe, zoom
	* 
	*  
	*/
	
	$('#hoofdsponsors').cycle({ 
		fx: 'fade',
		timeout: 4000
	});
	
	$('#subsponsors1').cycle({ 
		fx: 'fade',
		timeout: 4000
	});
	
	$('#subsponsors2').cycle({ 
		fx: 'fade',
		timeout: 4000
	});
	
	$('#teamsponsorslide').cycle({ 
		fx: 'fade',
		timeout: 4000
	});
	
	$('#headlines985').cycle({ 
		fx: 'zoom',
		timeout: 6000
	});
	$('#headlines2').cycle({ 
		fx: 'zoom',
		timeout: 6000
	});

	/*
	*
	*
	* PNG FIX
	*
	*
	*  apply to all png images
	*  $('img[@src$=.png]').ifixpng(); 		 
	* 
	*  apply to all png images and to div#logo 
	*  $('img[@src$=.png], div#logo').ifixpng(); 		 	 
	* 
	*  apply to div#logo, undo fix, then apply the fix again 
	*  $('img[@src$=.png], div#logo').ifixpng().iunfixpng().ifixpng(); 
	* 
	*  apply to div#logo2, modify css property and add click event 
	*  $('div#logo2').ifixpng().css({cursor:'pointer'}).click(function(){ alert('ifixpng is cool!'); });; 
	* 
	*
	*/
	
	$.ifixpng('js/images/pixel.gif');
  	$('img[@src$=.png]').ifixpng();
	
	
	
	/*
	*
	*
	* TABS
	*
	*
	*  Tutorial: http://jqueryfordesigners.com/jquery-tabs/
	*  
	*
	*/
	
	
	var tabContainers = $('div.tabs > div');
	tabContainers.hide().filter(':first').show();
	
	$('div.tabs ul.tabNavigation a').click(function () {
		tabContainers.hide();
		tabContainers.filter(this.hash).show();
		$('div.tabs ul.tabNavigation a').removeClass('selected');
		$(this).addClass('selected');
		return false;
	}).filter(':first').click();
		
	
	var tabContainers1 = $('div.tabs1 > div');
	tabContainers1.hide().filter(':first').show();
	
	$('div.tabs1 ul.tabNavigation a').click(function () {
		tabContainers1.hide();
		tabContainers1.filter(this.hash).show();
		$('div.tabs1 ul.tabNavigation a').removeClass('selected');
		$(this).addClass('selected');
		return false;
	}).filter(':first').click();
	
	
	var tabContainers2 = $('div.tabs2 > div');
	tabContainers2.hide().filter(':first').show();
	
	$('div.tabs2 ul.tabNavigation a').click(function () {
		tabContainers2.hide();
		tabContainers2.filter(this.hash).show();
		$('div.tabs2 ul.tabNavigation a').removeClass('selected');
		$(this).addClass('selected');
		return false;
	}).filter(':first').click();
	
	
	var tabContainers3 = $('div.tabs3 > div');
	tabContainers3.hide().filter(':first').show(); 
	
	$('div.tabs3 ul.tabNavigation a').click(function () {
		$(tabContainers3).hide().filter(this.hash).show();        
		$('div.tabs3 ul.tabNavigation a').removeClass('selected');
		$(this).addClass('selected');
		return false;
	}).filter(':first').click();
	
	
	var tabClass = $('div.alltabs > div');
	tabClass.hide().filter(':first').show(); 
	
	$('div.alltabs ul.tabClass a').click(function () {
		$(tabClass).hide().filter(this.hash).show();        
		$('div.alltabs ul.tabClass a').removeClass('selected');
		$(this).addClass('selected');
		return false;
	}).filter(':first').click();	
		
	/*
	*
	*
	* ACCORDION
	*
	*
	*  Tutorial: http://www.webdesignerwall.com/demo/jquery/accordion2.html
	*  
	*
	*/
	
	$(".box-accordion h3").eq(2).addClass("active");
	$(".box-accordion div").eq(2).show();
	
	$(".box-accordion h3").click(function(){
			$(this).next("div").slideToggle("fast").siblings("div:visible").slideUp("fast");
			$(this).toggleClass("active");
			$(this).siblings("h3").removeClass("active");
	});
});

function addtext(veld,text) 
{ 
    document.gastenboek.elements[veld].value += " "+text+" "; 
    document.gastenboek.elements[veld].focus(); 
}