//
// Cufon
//

Cufon.replace('h1, h2', {hover: true});

$(document).ready(function() {
	$("form#support span.alert").hide();
	
	$("form#support input.button").click(function (){		
		$naam = $("form#support input#naam").val();
		$voorletters = $("form#support input#voorletters").val();
		$adres = $("form#support input#adres").val();		
		$postcode1 = $("form#support input#postcode1").val();
		$postcode2 = $("form#support input#postcode2").val();
		$woonplaats = $("form#support input#woonplaats").val();	
		$telefoon = $("form#support input#telefoon").val();
		$emailaddress = $("form#support input#emailaddress").val();
		$giro = $("form#support input#giro").val();
		$rekeninghouder = $("form#support input#rekeninghouder").val();
		$plaats = $("form#support input#plaats").val();
		
		if (($naam != '')&($voorletters!= '')&($adres != '')&($postcode1 != '')&($postcode2 != '')&($woonplaats != '')&($telefoon != '')&($emailaddress != '')&($giro != '')&($rekeninghouder != '')&($plaats != '')) {
			$("form#support span.alert").hide();
			window.print();
		} else {
			$("form#support span.alert").show();
		}
		return false;
	});
	
	//
	// jQuery Cycle
	//
	
	$('div#slideshow')
		.before('<div class="slideshowNav">')
		.cycle({ 
			fx:     'blindY', 
			//fx: 'scrollDown',
			speed:  '500',
			timeout: '10000',
			containerResize: false,
			pauseOnPagerHover: true,
			pause: true,
			pager: '.slideshowNav'
		});
	
	$('div#slideshowDetail')
		.before('<div class="slideshowDetailNav">')
		.cycle({
			fx: 'scrollHorz',
			//fx:     'blindY', 
			//fx: 'scrollDown',
			speed:  '500',
			timeout: '5000',
			pauseOnPagerHover: true,
			pause: true,
			pager: '.slideshowDetailNav'
		});
	
	$('div.slideshowLogos')
	.cycle({ 
		fx:     'fade', 
		speed:  '750',
		timeout: '3000',
		pauseOnPagerHover: true,
		pause: true
	});
	
	//
	// Show / Hide
	//
	
	$("h2.close").click(function () {
		$(this).parents("div#item").toggleClass("closed");
		return false;
	});
	
	//
	// Read More
	//
	
	//Hide (Collapse) the toggle containers on load
	$("div.readmore").hide(); 

	//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
	$("a.moretext").click(function(){
		$(this).toggleClass("active").next().slideToggle("slow");
		
		if ($("a.moretext").is('.active')) {
			$("a.moretext").text('Less');
		} else {
			$("a.moretext").text('Read more');
		}
		return false; //Prevent the browser jump to the link anchor
	});

});