// JavaScript Document

var contact = '<form id="contactformulier" action="home/home/mail_verzenden" method="post"><table>'
	contact += '<tr><td><input type="text" class="contactveld" value="Voornaam" name="voornaam" ONFOCUS="clearDefault(this)"></td>'
	contact += '<td rowspan=3><textarea class="contact_opmerking" name="opmerking" ONFOCUS="clearDefault(this)">Opmerking</textarea></td></tr>'
	contact += '<tr><td><input type="text" class="contactveld" value="Achternaam" name="achternaam" ONFOCUS="clearDefault(this)"></td></tr>'
	contact += '<tr><td><input type="text" class="contactveld" value="Emailadres" name="emailadres" ONFOCUS="clearDefault(this)"></td></tr>'
	contact += '<tr><td>&nbsp;</td><td>&nbsp;</td></tr>'
	contact += '<tr><td>&nbsp;</td><td><Input type="button" value="Verstuur" class="contact_verstuurknop" onclick="javascript: verzenden();">&nbsp;<input type="Reset" value="Reset" class="contact_reset"></td></tr>'
	contact += '<table></form>'
	
var faced = '<p>F&#224;CEd development houdt zich bezig met het ontwikkelen van web applicaties.</p><br>';
    faced += '<p>Op maat gemaakte Content Management Systemen voor een dynamisch beheer van een website en processen voor het voeren van een willekeurige administratie via het web.<p>';

function settext(num) {
	var menutext = document.getElementById("innertext");
	var menuheader = document.getElementById("innerheader");
  		
  
  switch(num) {
    case 0:
      menutext.innerHTML = faced;
      menuheader.innerHTML = 'F&#224;CEd development';
    break;
    case 1:
      menutext.innerHTML = partners;
      menuheader.innerHTML = 'Partners';
    break;
    case 2:
      menutext.innerHTML = contact;
      menuheader.innerHTML = 'Contact';
    break;
    case 3:
      menutext.innerHTML = portfolio;
      menuheader.innerHTML = 'Portfolio';
    break;
    case 4:
      menutext.innerHTML = downloads;
      menuheader.innerHTML = 'Downloads';
    break;
    case 5:
      menutext.innerHTML = items;
      menuheader.innerHTML = itemtitel;
    break;
  }
}

/* contactformulier scripts */

function clearDefault(el) {
if (el.defaultValue==el.value) el.value = ""
}

function validate_email(field,alerttxt)
{
with (field)
  {
  apos=value.indexOf("@");
  dotpos=value.lastIndexOf(".");
  if (apos<1||dotpos-apos<2)
    {alert(alerttxt);return false;}
  else {return true;}
  }
}

function verzenden(){
if (validate_email($('contactformulier').emailadres, 'U heeft geen geldig emailadres ingevuld')== true){
var emailadres = $('contactformulier').emailadres.value;
$('contactformulier').send();
document.getElementById("innertext").innerHTML= "<p>Uw bericht is verzonden!</p><p>&nbsp;</p><p>Tevens ontvangt u een kopie op het emailadres: "+ emailadres + "</p>";
}
}

/* einde contactformulier scripts */


/* mooScroll */

function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
	var slider = new Slider(scrollbar, handle, {	
    	steps: steps,
	   mode: (horizontal?'horizontal':'vertical'),
	   onChange: function(step){
	       // Scrolls the content element in x or y direction.
	       var x = (horizontal?step:0);
	       var y = (horizontal?0:step);
	       content.scrollTo(x,y);
	   }
	}).set(0);
	
	if( !(ignoreMouse) ){
		// Scroll the content element when the mousewheel is used within the 
		// content or the scrollbar element.
		$$(content, scrollbar).addEvent('mousewheel', function(e){	
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;	
			slider.set(step);					
		});
	}
	
	// Stops the handle dragging process when the mouse leaves the document body.
	//$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
}

/* einde mooScroll */


window.addEvent('domready', function () {
									  
	/***   mooslide   ***/								  
	var sidebar = new Element('div', {
	  'id':'sidebar_wrapper'
	}).adopt($('side_bar')).injectInside(document.body);
	var effect = new Fx.Slide(sidebar, {mode: 'horizontal'}).hide();
	
	var status = {
		'true': '<img id="status" src="public/img/close.jpg" width=9 height=20 border=0 />',
		'false': '<img id="status" src="public/img/open.jpg" width=9 height=20 border=0 />'
	};
	
	$('h_toggle').addEvent('click', function(e){
		e.stop();
		effect.toggle();
	});
	
	$('h_toggle2').addEvent('click', function(e){
		e.stop();
		effect.toggle();
		settext(3);
	});
	
	effect.addEvent('complete', function() {
		$('status').set('html', status[effect.open]);
	});

	isIE6 = /msie|MSIE 6/.test(navigator.userAgent); 
	if (isIE6) {
	 sidebar.setStyles({
		"position": "absolute",
		"height": window.getHeight(),
		"left": 8,
		"top": window.getScrollTop()
	  });
	  window.addEvent("scroll", function(){
		sidebar.setStyle("top", window.getScrollTop());
	 });
	}
	//effect.set(hide);
	$("side_bar").style.display = "inline";
	
	
	/***   mootips   ***/
	//store titles and text
	$$('td.tips').each(function(element,index) {
		var content = element.get('title').split('::');
		element.store('tip:title', content[0]);
		element.store('tip:text', content[1]);
	});
				
	//create the tooltips
	var tips = new Tips('.tips',{
		className: 'tips',
		fixed: false,
		hideDelay: 50,
		showDelay: 50
	});


	/***   sliding buttons   ***/	
	$$('.button_stretch').each(function(el) {
		var bt = $$('.buttontext');
		var onEnd = false;
		var fx = new Fx.Morph(el,{
			duration: 700,
			transition: Fx.Transitions.Bounce.easeOut,
			link: 'cancel'
		});
		
		el.addEvents({  
			'mouseenter': function() {
				fx.start({'width':'110px'});
				onEnd = true;
				//bt.setStyle('width', '60px');
				},
			'mouseleave': function() {
				onEnd = false;
				fx.start({'width':'50px'});
				bt.set('text', '');
				//bt.setStyle('width', '0');
				}
		});  
	});


    /***   mooscroll   ***/	
	// -- vertical scrollbar --
	makeScrollbar( $('portfolio'), $('scrollbar'), $('handle') );
	makeScrollbar( $('innertext'), $('scrollbar-inner'), $('handle-inner') );
	
	// -- horizontal scrollbar --
	//makeScrollbar( $('content'), $('scrollbar'), $('handle'), true );
	
	// -- horizontal and vertical scrollbars
	//makeScrollbar( $('content'), $('scrollbar'), $('handle'), false );
	//makeScrollbar( $('content'), $('scrollbar'), $('handle'), true, true );
	
});