// JavaScript Document
var ie = false;
var inputdefault 	= new Array();

$(document).ready(function() {
	hoverFields();
	setAanbodPulldown();
	var headerSlider 	= new fader('header', true);
	var actieSlider 	= new slider('actie', true);
	var contentNearby 	= new slider('content-nearby', false, 278);
	var youtubeMore 	= new slider('youtubeMore', false);
	
	var thirdTabs	 	= new myTabs('thirdTabs');
	var loginTabs	 	= new myTabs('loginTabs');
	
	$(".themablok .blockitem .img .balk").fadeTo(0, 0.77);
});

	function setVraag(el, inputField, waarde, nextVraag){
		$(el).addClass('active');
		$('#'+inputField).val(waarde);
		
		gotoDiv(nextVraag);
		return false;
	}
	function gotoDiv(nextVraag){
		if(nextVraag){
			$('#tripadv .vraag').hide();
			$('#'+nextVraag).show();
		}
	}

function hoverFields(){
	var def = $('.input_default');
	for(i=0; i < def.length; i++){
		inputdefault[def[i].name] = def[i].value;
	}
	//alert(inputdefault);
	$(".input_veld").focus(function() {
		if($(this).hasClass('input_default') && this.value == inputdefault[this.name]){
			this.value = '';
			$(this).removeClass('input_tdefault');
		}
		$(this).addClass('input_hover');
		return false;
	});
	$(".input_veld").blur(function() {
		if($(this).hasClass('input_default') && this.value == ''){
			this.value = inputdefault[this.name];
			$(this).addClass('input_tdefault');
		}
		$(this).removeClass('input_hover');
		return false;
	});
}
function setAanbodPulldown(){
	$("#pull_aanbod .click").click(function() {
		$(this.parentNode).addClass('open');
		return false;
	});
	$("#pull_aanbod").mouseleave(function() {
		$(this).removeClass('open');
		return false;
	});
}
function myTabs(tabElement){
	var actTab	= false;
	
	this.initialize = function(){
		if($('#'+tabElement).length > 0){
			$('.tab-content', '#'+tabElement).hide();
			actTab = $(".myTabs a.active", '#'+tabElement).attr('href');
			$(actTab).show();
		}
	};
	this.initialize();
	
	$(".myTabs a", '#'+tabElement).click(function(){
		$('.tab-content', '#'+tabElement).hide();
		actTab = $(this).attr('href');
		$(actTab).show();
		
		$(".myTabs a", '#'+tabElement).removeClass('active');
		$(this).addClass('active');
		return false;
	});
}
function fader(sliderElement){
	var items		= new Array();
	var timer		= false;
	var time		= 8000;
	var speed		= 2000;
	var curItem		= 0;
	
	this.initialize = function(){
		items = $('.item', '#'+sliderElement);
				
		if(items.length > 1){
			$('#'+sliderElement+' .item').fadeOut(0);
			$(items[curItem]).fadeIn(0);
			
			timer = window.setTimeout(autoNext, time);
			
			$('#'+sliderElement+"Prev").click(prev);
			$('#'+sliderElement+"Next").click(autoNext);
		} else {
			$('#'+sliderElement+"Prev").fadeOut(0);
			$('#'+sliderElement+"Next").fadeOut(0);
		}
	};
	this.initialize();
	
	function autoNext(){
		window.clearTimeout(timer);
		timer = false;
		
		$(items[curItem]).fadeOut(speed);
		var rotatieNum = curItem + 1;
		if(rotatieNum >= items.length) rotatieNum = 0;
		curItem = rotatieNum;
		
		$(items[curItem]).fadeIn(speed);
		timer = window.setTimeout(autoNext, time);
		return false;
	}
	function prev(){
		window.clearTimeout(timer);
		timer = false;
		
		$(items[curItem]).fadeOut(speed);
		var rotatieNum = curItem - 1;
		if(rotatieNum <= 0) rotatieNum = items.length -1;
		curItem = rotatieNum;
		
		$(items[curItem]).fadeIn(speed);
		timer = window.setTimeout(autoNext, time);
		return false;
	}
}
function slider(sliderElement, autoPlay, exactWidth){
	var items		= new Array();
	var timer		= false;
	var curItem		= 0;
	var curLeft		= 0;
	var itemWidth	= 0;
	
	this.initialize = function(){
		items = $('.item', '#'+sliderElement);
		if(items.length > 0) itemWidth = $(items[0]).width();
		if(exactWidth) itemWidth = exactWidth;
				
		if(items.length > 1){
			for(var i=1; i<=items.length; i++){
				if($(items[i]).hasClass('activeItem')){
					curItem	= i;
					curLeft = (itemWidth * (curItem));
					$('.slider_move', '#'+sliderElement).animate({ left: -(curLeft) },0,'swing');
				}
			}
			$('.prev', '#'+sliderElement).click(prev);
			$('.next', '#'+sliderElement).click(next);
			
			if(curItem==0)					$('.prev', '#'+sliderElement).fadeOut(0);
			if(curItem==(items.length-1))	$('.next', '#'+sliderElement).fadeOut(0);
			
			if(autoPlay){
				timer = window.setTimeout(autoNext, 5000);
				$('.item', '#'+sliderElement).mouseover(function(){		window.clearTimeout(timer);	timer = false;});
				$('.prev', '#'+sliderElement).mouseover(function(){		window.clearTimeout(timer);	timer = false;});
				$('.next', '#'+sliderElement).mouseover(function(){		window.clearTimeout(timer);	timer = false;});
				
				$('.item', '#'+sliderElement).mouseout(function(){		timer = window.setTimeout(autoNext, 3000);	});
				$('.prev', '#'+sliderElement).mouseout(function(){		timer = window.setTimeout(autoNext, 3000);	});
				$('.next', '#'+sliderElement).mouseout(function(){		timer = window.setTimeout(autoNext, 3000);	});
			}
		} else {
			$('.prev', '#'+sliderElement).fadeOut(0);
			$('.next', '#'+sliderElement).fadeOut(0);
		}
	};
	this.initialize();
	
	function autoNext(){
		window.clearTimeout(timer);
		timer = false;
		if(curItem < (items.length-1)){
			next();
		} else {
			curItem = 0;
			$('.next', '#'+sliderElement).fadeIn(50);
			$('.prev', '#'+sliderElement).fadeOut(50);
			
			curLeft = (itemWidth * (curItem));
			$('.slider_move', '#'+sliderElement).animate({ left: -(curLeft) },500,'swing');
		}
		timer = window.setTimeout(autoNext, 8000);
	}
	function next(){
		
		var num = curItem + 1;
		if(num >= (items.length-1)){
			num = items.length - 1;
			$('.next', '#'+sliderElement).fadeOut(50);
		}
		curItem = num;
		if(curItem > 0)		$('.prev', '#'+sliderElement).fadeIn(50);
		
		curLeft = (itemWidth * (curItem));
		$('.slider_move', '#'+sliderElement).animate({ left: -(curLeft) },500,'swing');
		
		return false;
	}
	function prev(){
		var num = curItem - 1;
		if(num <= 0){
			num = 0; //items.length - 1;
			$('.prev', '#'+sliderElement).fadeOut(50);
		}
		curItem = num;
		if(curItem <= items.length)		$('.next', '#'+sliderElement).fadeIn(50);
		
		curLeft = (itemWidth * (curItem));
		$('.slider_move', '#'+sliderElement).animate({ left: -(curLeft) },500,'swing');
		return false;
	}
}