$.fn.wait = function(time, type) 
{
    time = time || 1000;
    type = type || "fx";
    return this.queue(type, function() 
    {
        var self = this;
        setTimeout(function() 
        {
            $(self).dequeue();
        }, time);
    });
};

/**
 * get the digits from a width or heigh
 */
function getDigit(input)
{
    var re = new RegExp(/(\d*)px/);
    var m = re.exec(input);
    if (m == null) 
    {
      return 0;
    } else 
    {
      return parseInt(m[1]);
    }
};




function header(time)
{
	var next;
	var offset;
	var left;
	var obj = this;
	var img;
	var tot_size = $('#header_pics li').size();
	
	obj.time = time*1000;
	obj.li = $('#header_pics li').eq(0);
	obj.overlay = $('#header_overlay li').eq(0);
	obj.stop = false;
	
	
	$('#header_overlay li').click(function(e){	
		obj.user_click(this);
	});
	
	$('#header_overlay li').css({'opacity':0.7});
	$(obj.overlay).animate({'opacity':0}, 'slow');
	
	header.prototype.run = function()
	{
		 
	}
	
	header.prototype.next_ = function()
	{
		if(obj.stop == false)
		{
			if($(obj.li).is(":last-child"))
			{
				obj.reset();
			}
			else
			{
				//wat is het volgende item
				next = $(obj.li).next();
				obj.overlay = obj.overlay.next();
				obj.prev_overlay = obj.overlay.prev();
		
				//wat is offset
				offset = next.position()
				left = offset.left-5;
		
				$('.border').wait(obj.time).animate({'left':left}, 'slow');
				$(obj.overlay).wait(obj.time).animate({'opacity':0}, 'slow');
				$(obj.prev_overlay).wait(obj.time).animate({'opacity':0.7}, 'slow', obj.next_);
				
				//grab the image 
				//put it in the frame
				img = $(obj.li).find('img').attr('alt');
				//$("#photo_big").find('img').attr('src', img);
				$("#photo_big img:not(.not_header)").attr('src', img);
				
				//this.li met de nieuwe waarde vullen
				obj.li = next;
			}
		}
	}
	
	header.prototype.reset = function()
	{
		obj.li = $('#header_pics li').eq(0);
		obj.li_last = $('#header_pics li:last');
		obj.overlay = $('#header_overlay li').eq(0);
		obj.overlay_prev = $('#header_overlay li:last');  

		//wat is offset
		offset = obj.li.position();
		left = offset.left-5;
		
		$('.border').wait(obj.time).animate({'left':left}, 'slow');
		$(obj.overlay_prev).wait(obj.time).animate({'opacity':0.7}, 'slow');
		$(obj.overlay).wait(obj.time).animate({'opacity':0}, 'slow', obj.next_);  
		
		//grab the image 
		//put it in the frame
		img = $(obj.li_last).find('img:not(.not_header)').attr('alt');
		//$("#photo_big").find('img').attr('src', img);
		$("#photo_big img:not(.not_header)").attr('src', img);

	}
	
	header.prototype.stop_ = function()
	{
		obj.stop = true;
	}
	
	header.prototype.rollback = function()
	{
		clearTimeout(obj.user_timer);
		obj.stop = true;
		$('.border').stop(true, true);
		$(obj.overlay).stop(true, true).css('opacity',0.7);
		$(obj.prev_overlay).stop(true, true).css('opacity',0.7);
		$('#header_overlay li').stop(true, true).css('opacity',0.7);
	}
	
	
	header.prototype.user_click = function(li_click)
	{
		obj.rollback();
		
		var from = $(obj.li).prev();
		var to_nr = $(li_click).prevAll().size();
		var pic = $('#header_pics li').eq(to_nr);
		
		obj.li = pic;
		obj.overlay_prev = from;
		obj.overlay = $('#header_overlay li').eq(to_nr);
		
		//wat is offset
		offset = $(obj.li).position();
		left = offset.left-5;

		obj.stop = false;
		$('.border').animate({'left':left}, 'slow');
		$(obj.overlay).animate({'opacity':0}, 'slow');
		
		obj.user_timer = setTimeout(function(){obj.next_()}, 3000);
		
		//grab the image 
		//put it in the frame
		img = pic.find('img').attr('alt');
		//$("#photo_big").find('img:not(.not_header)').attr('src', img);
		$("#photo_big img:not(.not_header)").attr('src', img);

	}
}

//callback function om door te linken naar de volgende pagina
var link = function(e)
{
	setTimeout(function(){document.location = e;},200);
}

//nieuws items laten zien
function news(time)
{
	var obj = this;
	var li;
	obj.time = time*1000;
	
	news.prototype.add = function()
	{
		li = $('#nieuws ul li:first').eq(0);
		li.wait(5000).animate({'opacity':0}, li.remove()); 
		$('#nieuws ul li:last').after(li);
		li = $('#nieuws ul li:first').eq(0);
		li.css('display','block').animate({'opacity':1});
		setTimeout(function(){obj.add()}, obj.time);
	}
}

var verklein = function()
{
	if($(window).height() < '650')
	{
		var win = $(window).height();
		var top = (650 - win) + 5; 
		top = top > '90'?'90':top;
		$('#logo_big_wrapper').css({'margin-top':'-'+top+'px'});	
	}
	else
	{
		$('#logo_big_wrapper').css({'margin-top':'0'});	
	}
}

function mobiele_versie() {
     jQuery.post(document.location.href+"",{is_mobile_browser:true},function(data) {
	 	if (data == "1") {
			document.location.reload(); 
		}				
	})
}

function normale_versie() {
     jQuery.post(document.location.href+"",{reset_mobile_browser:true},function(data) {
	 	if (data == "1") {
			document.location.reload(); 
		}				
	})
}

//als de dom klaar is, dan api starten
$(function(){
	//verklein
	verklein();
	$(window).bind('resize', function() {
		verklein();
	});

	

	var site_width = $('#site_wrapper').innerWidth();
	$('#site').css({'left': site_width+'px','display': 'block'}).wait().animate({'left':'0'}, 500);
	
	//header pics
	try
	{	
		header = new header(5);
		header.next_(); 
	}
	catch(e){
	}
	
	
	//menu
	$('.menu_active').css({'background':'url(/images/menu_hover.png) repeat-x'});
	$('#menu li:not(.menu_active)').hover(function(){
		$(this).css({'background':'url(/images/menu_hover.png) repeat-x'});
	},
	function(){
		$(this).css({'background':'none'});
	});
	
	$('#menu li').click(function(){
		header.stop_();
		var to_link = $(this).attr('title');
		//rails
		$('#site').animate({'left':'-'+site_width+'px'}, 500, link('/'+to_link));
	});
	
	//submenu animeren blok enzo
	$('#menu li #submenu a').click(function(e){
		header.stop_();
		e.stopPropagation();
		var to_link = $(this).attr('title');
		//rails
		$('#site').animate({'left':'-'+site_width+'px'}, 500, link('/'+to_link));
	});
	
	//submenu uitklappen 
	$('#menu li').hover(function() {
		var submenutje = $(this).find('#submenu')
		submenutje.css('width',submenutje.width())
		submenutje.stop(false,true).slideDown('normal',function() {})
	},
	function(){
		$(this).find('#submenu').stop(false,true).slideUp() //.css('display','none')
	});
	
	//nieuws
	try
	{	
		var nieuws = new news(6);
		nieuws.add();
	}
	catch(e){
	}
	
	$('#content_txt').jScrollPane();
	
	//font bigger and smaller
	$('.smaller').click(function(){
		var font_size = getDigit($('.div').css('font-size'));
		font_size -= 2;
		if(font_size >= 12)
		{
			$('.div').css('font-size',font_size+'px');
			$('.div *').not("h1").css('font-size',font_size+'px');
			$('#content_txt').jScrollPane();
		}
	});
	//font bigger and smaller
	$('.bigger').click(function(){
		var font_size = getDigit($('.div').css('font-size'));
		font_size += 2;
		if(font_size <= 20)
		{
			$('.div').css('font-size',font_size+'px');
			$('.div *').not("h1").css('font-size',font_size+'px');
			$('#content_txt').jScrollPane();
		}
	});


        // mobiele browser stuff
	if (jQuery("div.mobile_detect").length > 0) {
		
		var ua = navigator.userAgent.toLowerCase();
		var isAndroid = (ua.indexOf("android") != -1);
		var isIphone = (ua.indexOf('iphone') != -1);
		var isWindowsPhone = (ua.indexOf("windows phone") != -1);
		
		//auto redirect bij mobiel     
		if (jQuery("div.mobile_detect").css("display") == 'block' || isAndroid || isIphone || isWindowsPhone) {
			//mobiele_versie();						
		}
	}
	
	jQuery("a.reset_mobile_browser").click(function() {
	 	normale_versie();
		return false;
	})
	
	jQuery("a.is_mobile_browser").click(function() {
		mobiele_versie();
	 	return false;
	})
 


});