/**
 * Custom work for temp-site of Soundmuseum.. Just some winks and loading-effects.
 * @author  Ivo Toby, Internet Voor Ondernemers (I-V-O), www.i-v-o.nl / blog.i-v-o.nl
 * @copyright I-V-O 2008
 * @requires Prototype.js (>1.61), Scriptaculous (> 1.81)
 */
	var gwps = '';
	var min=18;
	var max=50;
	var navWidth = (parseInt(280) + parseInt(105));
	var headerHeight = 135;
	var headerPadding = 120;
	var pMouseOver = '';
	var pClick = '';
	var sayEnabled = false;
	
	document.observe("dom:loaded", 
		function startMe(){
			// set Content-height;
			setContentHeight();
			//window.onresize = setContentHeight;
			//$$('body')[0].setStyle('padding-bottom:50px');
		}
	 )
	 

	 setContentHeight = function(){
	 	var screenHeight = parseInt(document.viewport.getHeight());
	 	var newHeight = parseInt(screenHeight - headerHeight - headerPadding);
	 	var navHeight = parseInt($$('#mainNavigation ul')[0].getHeight());
	 	if (newHeight < navHeight) newHeight = navHeight - 15;
	 	$('content').setStyle('height : ' + newHeight + 'px');
	 	$$('.mainContainer')[0].setStyle('height : ' + (newHeight + headerHeight + 15) + 'px');
	 }
	 
	 openSearch = function(){
	 	var elem = $('openSearch');
		toggle(elem, 'Zoek');
	 }

	 setBG = function(event){
	 	var elem = $('setBG');
		toggle(elem, 'Achtergrond');
	 }
	 
	 readToMe = function(event){
	 	var elem = $('readToMe');
		toggle(elem, 'Voorlezen');
	 }
	 
	 changeSize = function(event){
	 	var elem = $('changeSize');
	 	toggle(elem, 'Letter');
	 }
	 
	 toggle = function(elem, clicked){
	 	if (elem.open){
	 		//new Effect.PhaseOut(elem);
	 		showAll();
	 		$(elem).hide();
	 		elem.open = false;
	 	}else{
	 		//new Effect.PhaseIn(elem);
	 		hideAll(clicked);
	 		$(elem).show();
	 		elem.open = true;
	 	}
	 }

	 function hideAll(){
	 	$$('#toolbar li a').each(
	 		function(elem){
	 			elem = $(elem);
	 			if ( (elem.id != 'Home')  ){
	 				elem.hide();
	 			}
	 		}
	 	)
	 }
	 
	 function showAll(){
	 	$$('#toolbar li a').each(
	 		function(elem){
	 			elem = $(elem);
	 			if (!elem.visible()) elem.show();
	 		}
	 	)
	 }
	 
	function increaseFontSize() {
	   var p = document.getElementsByTagName('p');
	   for(i=0;i<p.length;i++) {
	      if(p[i].style.fontSize) {
	         var s = parseInt(p[i].style.fontSize.replace("px",""));
	      } else {
	         var s = 18;
	      }
	      if(s!=max) {
	         s += 1;
	      }
	      p[i].style.fontSize = s+"px"
	   }
	}
	function decreaseFontSize() {
	   var p = document.getElementsByTagName('p');
	   for(i=0;i<p.length;i++) {
	      if(p[i].style.fontSize) {
	         var s = parseInt(p[i].style.fontSize.replace("px",""));
	      } else {
	         var s = 18;
	      }
	      if(s!=min) {
	         s -= 1;
	      }
	      p[i].style.fontSize = s+"px"
	   }   
	}
	
	drawClickToHear = function(){
		$('clickToHear').update('Klik en luister');
		$('clickToHear').observe('click', clickToHear);
		$$('p').each(
			function(elem){
				$(elem).observe('click', say);
				$(elem).observe('mouseover', hilite);
				$(elem).observe('mouseout', unhilite);
			}
		)
		$$('#content li').each(
				function(elem){
					$(elem).observe('click', say);
					$(elem).observe('mouseover', hilite);
					$(elem).observe('mouseout', unhilite);
				}
			)

	}
	
	clickToHear = function(){
		if (sayEnabled) {
			$('clickToHear').update('Klik en luister');
			sayEnabled = false;
			return;
		}
		$('clickToHear').update('Klik en luister');
		sayEnabled = true;
		toggle($('readToMe'));
		//toggle($('speaker'));
	}
	
	closeReader = function(gbowrsone){
		toggle($('speaker'));
		sayEnabled = false;
	}
	
	hilite = function(event){
		if (!sayEnabled) return;
		var elem = event.element();
		elem.setStyle('background-color:#eeeeee;')
	}
	
	unhilite = function(event){
		if (!sayEnabled) return;
		var elem = event.element();
		elem.setStyle('background-color:#ffffff;')
	}
	
	
	say = function(event){
		if (!sayEnabled) return;

		var elem = event.element();
		var text = elem.innerHTML;
		text = text.stripTags();
		$('selhtml').value = text;
  		window.open('http://www.gbow.org/blank.htm','rs','alwaysRaised=yes,dependent=yes,width=190,height=120,resizable=0,scrollbars=1,screenX=0, screenY=0, left=0, top=0');
  		setTimeout(	function(){$('rs_form').submit() }  ,750);
	}