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

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

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

document.observe('dom:loaded', function () {

	var homepageImages = $$('#spotlight-home-images img');
	if(homepageImages.length>1){
		homepageSlide =  $('spotlight-home-images').childElements();
		homepageI = homepageSlide.length-1;
		HomepageSlideShow();
	}
	
	var detailImages = $$('#detail-image img');
	if(detailImages.length>1){
		detailSlide =  $('detail-image').childElements();
		detailI = detailSlide.length-1;
		DetailSlideShow();
	}
});

var filter = {

	duration: 0.6,
	
	init:function(){
		$$('#filter input').each(function(el){
		
			if(!el.checked){
				var value = el.value;
				$$('ul.large-items li').each(function(el){
					if(el.hasClassName('list-'+value)){
						Effect.Fade(el, { duration: filter.duration });
					}
				});
			}
		
			Element.observe(el, 'click', function(e){
				var value = this.value;
				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;
		}
	});

}

var spotlight = {
  init: function() {
    if($('zapservice')) {
    
      $$('#zapservice-images img').each(function(el){
        $(el).hide();
      });
      
      $$('#zapservice-links a').each(function(el){
        $(el).observe('click', function(e){
          e.stop(e);
          spotlight.setImage(this.id);
        });
      });
      
      $$('#zapservice-images a').each(function(el){
        $(el).observe('mouseover', function(e){
          if($(this).title != ''){
            $('zapservice-mouseover').innerHTML = $(this).title;
            $('zapservice-mouseover').show();
          }
        });
      });
      
      $$('#zapservice-images a').each(function(el){
        $(el).observe('mouseout', function(e){
          $('zapservice-mouseover').hide();
        });
      });
    }
  },
  
  setImage: function(link){
    $$('#zapservice-images img').each(function(el){
      $(el).hide();
    });
    $$('#zapservice-links a').each(function(el){
      $(el).removeClassName('current');
    });
    $(link).addClassName('current');
    $(link + '-image').show();
  }
}

Event.observe(window, 'load', function(){
  spotlight.init();
  
	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);