function submitNewsletter(e) {
	
    Event.stop(e);
    
    $('newsletter-info').innerHTML = 'je e-mail adres wordt verzonden.';
    
	new Ajax.Request($('newsletter-form').getAttribute('action'), {
        method: 'post',
        parameters: $('newsletter-form').serialize(true),
        onSuccess: function(transport){
        	var form = transport.responseText.evalJSON(true);
        	
        	$('newsletter-info').innerHTML = '<span class="'+(form['succes']=='true'?'succes':'error')+'">'+form['message']+'</span>';
        }
    });
}

function submitPoll(e) {
	
    Event.stop(e);
    
    $('poll-info').innerHTML = 'Je stem wordt verwerkt.';
    
	new Ajax.Request($('poll-form').getAttribute('action'), {
        method: 'post',
        parameters: $('poll-form').serialize(true),
        onSuccess: function(transport){
        	var response = transport.responseText.evalJSON(true);
        	
        	if(response.valid == 'true') {        		
        		showPollResults();        		
        	} else {
        		$('poll-info').innerHTML = response.message;
        	}
        }
    });
    
}

function showPollResults(e) {
	
	if(e){
    	Event.stop(e);
    }

	new Ajax.Request($('poll-form').poll_results.value, {
		method: 'get',
		onSuccess: function(transport){
			$('poll-content').innerHTML = transport.responseText;
		}
	});

}

function changeSubscriptionType(e) {

	new Ajax.Request($('subscriptionChangeUrl').value.substr(0, $('subscriptionChangeUrl').value.length-1)+$('subscriptionTypeSelect').value, {
		method: 'get',
		onSuccess: function(transport){
			var response = transport.responseText.evalJSON(true);
        	
        	$('subscriptionType_description').innerHTML = response.description;
        	$('subscriptionType_image').src = imageUrl + '/subscriptions/thumbs/' + response.image;
        	$('subscription_type_id').value = $('subscriptionTypeSelect').value;
        	
		}
	});
	
}

var articleImages = {
	init:function(){
		
		$$('#article-images a').each(function(el){
			Element.observe(el, 'click', function(e){
			
				Event.stop(e);
				articleImages.reset();
				
				el.addClassName('current');
				$(el.id.substr(0, el.id.length - 5)).addClassName('current');
				
			});
		});
		
	},
	
	reset:function(){
		
		$$('#article-images img').invoke('removeClassName','current');
		$$('#article-images a').invoke('removeClassName','current');
		
	}
}

var articles = {
	init:function(){
		
		$$('#main-article a.nav').each(function(el){
			Element.observe(el, 'click', function(e){
			
				Event.stop(e);
				articles.reset();
				el.addClassName('current');
				
				new Ajax.Request(url+'/main-article/'+el.rel, {
					method: 'get',
					onSuccess: function(transport){
						$('article').innerHTML = transport.responseText;
					}
				});
				
			});
		});
		
	},
	
	reset:function(){
		
		$$('#main-article a.nav').each(function(el){
			el.removeClassName('current');
		});
		
	}
	
}

Event.observe(window, 'load', function(){
	if($('poll-form')){
		Event.observe($('poll-form'), 'submit', submitPoll, false);
	}
	if($('show-poll-result')){
		Event.observe($('show-poll-result'), 'click', showPollResults, false);
	}
	if($('newsletter-form')){
		Event.observe($('newsletter-form'), 'submit', submitNewsletter, false);
	}
	if($('subscriptionTypeSelect')){
		Event.observe($('subscriptionTypeSelect'), 'change', changeSubscriptionType, false);
	}
	if($('article-images')){
		articleImages.init();
	}
	if($('main-article')){
		articles.init();
	}
}, false);