var detailI = 1;
var detailSlide;
var homepageI = 1;
var homepageSlide;

function HomepageSlideShow() {
	$( homepageSlide[homepageI++] ).fade({ duration:4 });
	if (homepageI == homepageSlide.length) homepageI = 0; 
	$( homepageSlide[homepageI] ).appear({ duration:4, afterFinish: function () { HomepageSlideShow.delay(3); } });
} 

function DetailSlideShow() {
	$( detailSlide[detailI++] ).fade({ duration:4 });
	if (detailI == detailSlide.length) detailI = 0; 
	$( detailSlide[detailI] ).appear({ duration:4, afterFinish: function () { ProjectSlideShow.delay(3); } });
} 

document.observe('dom:loaded', function () {
	var homepageImages = $$('#spotlight-home-images img');
	if(homepageImages.length>1){
		homepageSlide =  $('spotlight-home-images').childElements();
		HomepageSlideShow();
	}
	
	var detailImages = $$('#detail-image img');
	if(detailImages.length>1){
		detailSlide =  $('detail-image').childElements();
		DetailSlideShow();
	}
});

var filter = {

	duration: 0.6,
	
	init:function(){
		
		$$('#filter input').each(function(el){
		
			var value = el.value;
			if(el.checked){
				$$('ul.large-items li').each(function(el){
					if(el.hasClassName('list-'+value)){
						Effect.Appear(el, { duration: filter.duration });
					}
				});
			}else{
				$$('ul.large-items li').each(function(el){
					if(el.hasClassName('list-'+value)){
						Effect.Fade(el, { duration: filter.duration });
					}
				});
			}
			
			Element.observe(el, 'click', function(e){
				if(this.checked){
					$$('ul.large-items li').each(function(el){
						if(el.hasClassName('list-'+value)){
							Effect.Appear(el, { duration: filter.duration });
						}
					});
				}else{
					$$('ul.large-items li').each(function(el){
						if(el.hasClassName('list-'+value)){
							Effect.Fade(el, { duration: filter.duration });
						}
					});
				}
				
			});
			

		});
		
	}
	
}

function submitNewsletter(e) {
	
    Event.stop(e);
    
    $('newsletter-info').innerHTML = 'Je gegevens worden 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;
		}
	});

}

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($('filter')){
		filter.init();
	}
	if($('newsletter-form')){
		Event.observe($('newsletter-form'), 'submit', submitNewsletter, false);
	}
	$$('a').each(function(el){
		if(el.rel=='external'){
			el.target = '_blank';
		}
	});
	$$('input').each(function(el){
		if(el.type=="text" || el.type=="password"){
			Element.observe(el, 'focus', function(){
				this.select();
			})
		}
	});
	$$('textarea').each(function(el){
		Element.observe(el, 'focus', function(){
			this.select();
		})
	});
}, false);