// slidebox for frontpage

function initSlideBox() {
	
	var slideContainer = $('slidebox');
	var slidePages = $$('#slidebox div.slidePage');
	
	// hide slide pages

	function hideSlides() {
		for (var i=0; i < slidePages.length; i++) {
			slidePages[i].className = 'hide';
		};
	}

	// show slide

	function showSlide(target) {
		
		// toggle button state
		$$('#slideNav li').removeClass('slideBtnCurrent');
		$('btn-'+target).addClass('slideBtnCurrent');
		
		// switch slide
		hideSlides();
		$(target).toggleClass('hide');
		
	}

	// add slide-navi

	var slideNav = document.createElement('ul');
	slideNav.id = 'slideNav';
	
	for (var i=0; i < slidePages.length; i++) {
		
		var slideBtn = slideNav.appendChild(document.createElement('li'));
		var slideTitle = $(slidePages[i]).getElementsByTagName('h4')[0];
		var slideBtnTxt = slideTitle.firstChild.nodeValue;
		var slideBtnTarget = $(slidePages[i]).id;
		
		$(slideBtn).addEvent('click', function() {
			showSlide(this.id.slice(4));
		});
		
		$(slideBtn).appendText(slideBtnTxt);
		$(slideBtn).id = 'btn-'+slideBtnTarget;
		
		$(slideTitle).addClass('hide');
	
	};

	$(slideNav).injectTop(slideContainer);

	// show first slide on start
	
	hideSlides();
	showSlide(slidePages[0].id);

}