/* Standaard text in input velden */
var inlogGegevens = function(){
	$('gebruikersnaam').addEvent('focus', function(){ 
		if($('gebruikersnaam').value == 'uw e-mailadres'){
			$('gebruikersnaam').value = '';
		}
	});
	$('gebruikersnaam').addEvent('blur', function(){ 
		if($('gebruikersnaam').value == ''){
			$('gebruikersnaam').value = 'uw e-mailadres';
		}
	});
	
	$('wachtwoord').setStyle('background-image', 'url(/img/gif/login-ww.gif)');
	$('wachtwoord').addEvent('focus', function(){ $('wachtwoord').setStyle('background-image', 'none'); });
	$('wachtwoord').addEvent('blur', function(){ 
		if($('wachtwoord').value == ''){
			$('wachtwoord').setStyle('background-image', 'url(/img/gif/login-ww.gif)');
		}
	});

	$('inlogSubmit').addEvent('click',function(ev){
		ev = new Event(ev).stop();
		document.inlogForm.submit();
	});
}

/* Profile Stel een vraag / doorsturen */
var profile = function(){
	if ($('stelVraagForm')) {
		$('stelVraag').setStyle('min-height', '172px');
		$('stelVraagForm').addEvent('submit', function(e){
			new Event(e).stop();
			
			var log = $('stelVraag');
			this.send({
				update: log,
				onComplete: function(){
					log.removeClass('ajax-loading');
					profile();
				}
			});
		});
		$('doorsturen').setStyle('height', '172px');
		$('doorsturenForm').addEvent('submit', function(e){
			new Event(e).stop();
			
			var log = $('doorsturen');
			this.send({
				update: log,
				onComplete: function(){
					log.removeClass('ajax-loading');
				}
			});
		});
	}
}

/* Opdracht Stel een vraag / doorsturen */
var opdracht = function(){
	if ($('stelVraagForm')) {
		$('stelVraag').setStyle('min-height', '172px');
		$('stelVraagForm').addEvent('submit', function(e){
			new Event(e).stop();
			
			var log = $('stelVraag');
			this.send({
				update: log,
				onComplete: function(){
					log.removeClass('ajax-loading');
					opdracht();
				}
			});
		});
		$('doorsturen').setStyle('height', '172px');
		$('doorsturenForm').addEvent('submit', function(e){
			new Event(e).stop();
			
			var log = $('doorsturen');
			this.send({
				update: log,
				onComplete: function(){
					log.removeClass('ajax-loading');
				}
			});
		});
	}
}

/* Buttons onMouseOver */
var buttons = function(){
	if($E('.buttonGroen')){
		$$('.buttonGroen').each(function(e){
			e.addEvent('mouseenter',function(){
				if(!window.ie6){
					e.removeClass('buttonGroen');
					e.addClass('buttonGrijs');
				}else{
					e.setStyle('background-image', 'url(/img/png/button-grijs.png)');
				}
			});
			e.addEvent('mouseleave',function(){
				if(!window.ie6){
					e.removeClass('buttonGrijs');
					e.addClass('buttonGroen');
				}else{
					e.setStyle('background-image', 'url(/img/png/button-groen.png)');
				}
			});
		});
	}
	if($E('.buttonGrijs')){
		$$('.buttonGrijs').each(function(e){
			e.addEvent('mouseover',function(){
				if(!window.ie6){
					e.removeClass('buttonGrijs');
					e.addClass('buttonGroen');
				}else{
					e.setStyle('background-image', 'url(/img/png/button-groen.png)');
				}
			});
			e.addEvent('mouseout',function(){
				if(!window.ie6){
					e.removeClass('buttonGroen');
					e.addClass('buttonGrijs');
				}else{
					e.setStyle('background-image', 'url(/img/png/button-grijs.png)');
				}
			});
		});
	}
	if($E('.buttonTerugGrijs')){
		$$('.buttonTerugGrijs').each(function(e){
			e.addEvent('mouseenter',function(){
				if(!window.ie6){
					e.removeClass('buttonTerugGrijs');
					e.addClass('buttonTerugGroen');
				}else{
					e.setStyle('background-image', 'url(/img/png/button-grijs.png)');
				}
			});
			e.addEvent('mouseleave',function(){
				if(!window.ie6){
					e.removeClass('buttonTerugGroen');
					e.addClass('buttonTerugGrijs');
				}else{
					e.setStyle('background-image', 'url(/img/png/button-groen.png)');
				}
			});
		});
	}
	if($E('.buttonXXLGroen')){
		$$('.buttonXXLGroen').each(function(e){
			e.addEvent('mouseover',function(){
				if(!window.ie6){
					e.removeClass('buttonXXLGroen');
					e.addClass('buttonXXLGrijs');
				}else{
					e.setStyle('background-image', 'url(/img/jpg/button-xxl-grijs.jpg)');
				}
			});
			e.addEvent('mouseout',function(){
				if(!window.ie6){
					e.removeClass('buttonXXLGrijs');
					e.addClass('buttonXXLGroen');
				}else{
					e.setStyle('background-image', 'url(/img/jpg/button-xxl-groen.jpg)');
				}
			});
		});
	}
	if($E('.buttonSidebarTerugGroen')){
		$$('.buttonSidebarTerugGroen').each(function(e){
			e.addEvent('mouseover',function(){
				if(!window.ie6){
					e.removeClass('buttonSidebarTerugGroen');
					e.addClass('buttonSidebarTerugGrijs');
				}else{
					e.setStyle('background-image', 'url(/img/png/submit-button-bg-grijs-back.png)');
				}
			});
			e.addEvent('mouseout',function(){
				if(!window.ie6){
					e.removeClass('buttonSidebarTerugGrijs');
					e.addClass('buttonSidebarTerugGroen');
				}else{
					e.setStyle('background-image', 'url(/img/png/submit-button-bg-groen-back.png)');
				}
			});
		});
	}
	if($E('.buttonSidebarTerugGrijs')){
		$$('.buttonSidebarTerugGrijs').each(function(e){
			e.addEvent('mouseover',function(){
				if(!window.ie6){
					e.removeClass('buttonSidebarTerugGrijs');
					e.addClass('buttonSidebarTerugGroen');
				}else{
					e.setStyle('background-image', 'url(/img/png/submit-button-bg-groen-back.png)');
				}
			});
			e.addEvent('mouseout',function(){
				if(!window.ie6){
					e.removeClass('buttonSidebarTerugGroen');
					e.addClass('buttonSidebarTerugGrijs');
				}else{
					e.setStyle('background-image', 'url(/img/png/submit-button-bg-grijs-back.png)');
				}
			});
		});
	}
	if($E('.buttonGroenKlein')){
		$$('.buttonGroenKlein').each(function(e){
			e.addEvent('mouseover',function(){
				if(!window.ie6){
					e.removeClass('buttonGroenKlein');
					e.addClass('buttonGrijsKlein');
				}else{
					e.setStyle('background-image', 'url(/img/png/button-grijs-small.png)');
				}
			});
			e.addEvent('mouseout',function(){
				if(!window.ie6){
					e.removeClass('buttonGrijsKlein');
					e.addClass('buttonGroenKlein');
				}else{
					e.setStyle('background-image', 'url(/img/png/button-groen-small.png)');
				}
			});
		});
	}
	if($E('.buttonGrijsKlein')){
		$$('.buttonGrijsKlein').each(function(e){
			e.addEvent('mouseover',function(){
				if(!window.ie6){
					e.removeClass('buttonGrijsKlein');
					e.addClass('buttonGroenKlein');
				}else{
					e.setStyle('background-image', 'url(/img/png/button-groen-small.png)');
				}
			});
			e.addEvent('mouseout',function(){
				if(!window.ie6){
					e.removeClass('buttonGroenKlein');
					e.addClass('buttonGrijsKlein');
				}else{
					e.setStyle('background-image', 'url(/img/png/button-grijs-small.png)');
				}
			});
		});
	}
	if($E('.buttonSubmitGroen')){
		$$('.buttonSubmitGroen').each(function(e){
			e.addEvent('mouseover',function(){
				if(!window.ie6){
					e.removeClass('buttonSubmitGroen');
					e.addClass('buttonSubmitGrijs');
				}else{
					e.setStyle('background-image', 'url(/img/png/submit-button-grijs.png)');
				}
			});
			e.addEvent('mouseout',function(){
				if(!window.ie6){
					e.removeClass('buttonSubmitGrijs');
					e.addClass('buttonSubmitGroen');
				}else{
					e.setStyle('background-image', 'url(/img/png/submit-button-groen.png)');
				}
			});
		});
	}
	if($E('.buttonSubmitGrijs')){
		$$('.buttonSubmitGrijs').each(function(e){
			e.addEvent('mouseover',function(){
				if(!window.ie6){
					e.removeClass('buttonSubmitGrijs');
					e.addClass('buttonSubmitGroen');
				}else{
					e.setStyle('background-image', 'url(/img/png/submit-button-groen.png)');
				}
			});
			e.addEvent('mouseout',function(){
				if(!window.ie6){
					e.removeClass('buttonSubmitGroen');
					e.addClass('buttonSubmitGrijs');
				}else{
					e.setStyle('background-image', 'url(/img/png/submit-button-grijs.png)');
				}
			});
		});
	}
	if($E('.buttonSubmitGroenBig')){
		$$('.buttonSubmitGroenBig').each(function(e){
			e.addEvent('mouseover',function(){
				if(!window.ie6){
					e.removeClass('buttonSubmitGroenBig');
					e.addClass('buttonSubmitGrijsBig');
				}else{
					e.setStyle('background-image', 'url(/img/png/submit-button-grijs-big.png)');
				}
			});
			e.addEvent('mouseout',function(){
				if(!window.ie6){
					e.removeClass('buttonSubmitGrijsBig');
					e.addClass('buttonSubmitGroenBig');
				}else{
					e.setStyle('background-image', 'url(/img/png/submit-button-groen-big.png)');
				}
			});
		});
	}
	if($E('.buttonSubmitGrijsBig')){
		$$('.buttonSubmitGrijsBig').each(function(e){
			e.addEvent('mouseover',function(){
				if(!window.ie6){
					e.removeClass('buttonSubmitGrijsBig');
					e.addClass('buttonSubmitGroenBig');
				}else{
					e.setStyle('background-image', 'url(/img/png/submit-button-groen-big.png)');
				}
			});
			e.addEvent('mouseout',function(){
				if(!window.ie6){
					e.removeClass('buttonSubmitGroenBig');
					e.addClass('buttonSubmitGrijsBig');
				}else{
					e.setStyle('background-image', 'url(/img/png/submit-button-grijs-big.png)');
				}
			});
		});
	}
	if($E('.buttonSidebarGroen')){
		$$('.buttonSidebarGroen').each(function(e){
			e.addEvent('mouseover',function(){
				if(!window.ie6){
					e.removeClass('buttonSidebarGroen');
					e.addClass('buttonSidebarGrijs');
				}else{
					e.setStyle('background-image', 'url(/img/png/submit-button-bg-grijs.png)');
				}
			});
			e.addEvent('mouseout',function(){
				if(!window.ie6){
					e.removeClass('buttonSidebarGrijs');
					e.addClass('buttonSidebarGroen');
				}else{
					e.setStyle('background-image', 'url(/img/png/submit-button-bg-groen.png)');
				}
			});
		});
	}
}

/* onMouseOver artikel */
var onMouseOver = function(item){
	$$('.'+item).each(function(e){
		if(!e.hasClass('grijs')){
			e.addEvent('mouseover',function(){
				e.setStyle('background-color', '#F7F7F7');
				
			});
			e.addEvent('mouseout',function(){
				e.setStyle('background-color', '#ffffff');
			});
		}
		/*
		e.addEvent('click',function(){
			document.location = e.getProperty('rel');
		});
		*/
	});
}

var tip = function(){
	if($E('.tip')){
		var Tips = new Tips($$('.tip'), {
			initialize:function(){
				this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
			},
			onShow: function(toolTip) {
				this.fx.start(1);
			},
			onHide: function(toolTip) {
				this.fx.start(0);
			}
		});
	}
}

/* /mysapply/myblog.html Overzicht */
var getBerichten = function(){
	$('zoekForm').addEvent('submit', function(e) {
		e = new Event(e).stop();
	 
		var log = $('block500');
		this.send({
			update: log,
			onComplete: function() {
				log.removeClass('ajax-loading');
			}
		});
	});
}

/* /mysapply/myblog.html Verwijderen */
var verwijderBericht = function(){
		$$('.verwijderen').each(function(e){
			e.addEvent('click',function(ev){
				ev = new Event(ev).stop();
				
				var id = e.getProperty('rel');
				var url = e.getProperty('href');

				if(confirm('Bericht verwijderen?')){
					new Ajax(url, {
						method: 'get',
						onComplete: function(){
							$(id).remove();
						}
					}).request();
				}
			});
		});
}

/* /mysapply/kennisbank.html Verwijderen */
var verwijderItem = function(){
	$$('.verwijderen').each(function(e){
		e.addEvent('click',function(ev){
			ev = new Event(ev).stop();
			
			var id = e.getProperty('rel');
			var url = e.getProperty('href');

			if(confirm('Item verwijderen?')){
				new Ajax(url, {
					method: 'get',
					onComplete: function(){
						$(id).remove();
					}
				}).request();
			}
		});
	});
}

window.addEvent('domready', function(){
	buttons();

	var items = Array('overzicht','artikel');
	items.each(function(e){
		if($E('.'+e)){ onMouseOver(e); }
	});
	tip();
});