var menu = null;
function init_menu(el)
{
	menu = document.getElementById(el);
	var li = menu.getElementsByTagName('li'), i = li.length;
	while (i--)
	{
		li[i].onmouseover = showMenu;
	}
	menu.onmouseout = timeout;
	menu.onmouseover = cleartimer;
}

var timer = null;
function timeout()
{
	timer = setTimeout('hideMenus(menu, null)', 1000);
}

function cleartimer()
{
	if (timer)
	{
		clearTimeout(timer);
		timer = null;
	}
}

function showMenu()
{
	var ul = this.parentNode;
	while (ul)
	{
		if (ul.tagName.toLowerCase() == 'ul')
		{
			hideMenus(ul, this);
			break;
		}

		ul = ul.parentNode;
	}

	ul = this.firstChild;
	while (ul)
	{
		if (ul.nodeType == 1 && ul.tagName.toLowerCase() == 'ul')
		{
			ul.style.display = 'block';
			ul.style.visibility = ''; // necessary for IE
			break;
		}

		ul = ul.nextSibling;
	}
}

function hideMenus(level, skipli)
{
	var stack = [level], i = 0, li, j, el, tag;
	do
	{
		li = stack[i].childNodes, j = li.length;
		while (j--)
		{
			el = li[j];
			if (el.nodeType == 1 && el != skipli)
			{
				tag = el.tagName.toLowerCase();
				if (tag == 'li')
				{
					stack[i++] = el;
				}
				else if (tag == 'ul' && el.style.display == 'block')
				{
					stack[i++] = el;
					el.style.display = 'none';
					el.style.visibility = 'hidden'; // necessary for IE
				}
			}
		}
	}
	while (i--);
}

var id = 1;
var go=1;

jQuery.fn.delay = function( time, name ) {

    return this.queue( ( name || "fx" ), function() {
        var self = this;
        setTimeout(function() { jQuery.dequeue(self); } , time );
    } );

};

jQuery(function() { 
	jQuery("#vorige").click(function() {
		jQuery('div#sliderInner #sliderImage').fadeOut(function() {
			jQuery.getJSON('/cms/ajaxfiles/ajax.getheader.php?id=' + id + '&type=prev', function(data) {
				jQuery('div#sliderInner img#sliderImage').attr("src",data.header).delay(500).fadeIn();
				id = data.id;
				go=0;
				jQuery('div#sliderInner div#imageTitle').html(data.content);
			});
		});
	});
});

jQuery(function() { 
	jQuery("#volgende").click(function() {
		jQuery('div#sliderInner #sliderImage').fadeOut(function() {
			jQuery.getJSON('/cms/ajaxfiles/ajax.getheader.php?id=' + id + '&type=next', function(data) {
				jQuery('div#sliderInner img#sliderImage').attr("src",data.header).delay(500).fadeIn();
				id = data.id;
				go=0;
				jQuery('div#sliderInner div#imageTitle').html(data.content);
			});
		});
	});
});

jQuery(function() {
	setTimeout(function(){
	fader();
	}, 6000);
});

function fader()
{
	if(go==1)
	{
		jQuery('div#sliderInner #sliderImage').fadeOut(function(){
			jQuery.getJSON('/cms/ajaxfiles/ajax.getheader.php?id=' + id + '&type=next', function(data){
				jQuery('div#sliderInner img#sliderImage').attr("src", data.header).delay(500).fadeIn();
				id = data.id;
				jQuery('div#sliderInner div#imageTitle').html(data.content);
			});
		});
	}
	
	setTimeout(function(){
		fader();
	}, 6000);
}

var togglers = {
    active: null,
    
    init: function() {
		
		jQuery('div.smallBlock h2 a.active').each(function() {
			var container = $(this).parents('div').get(0);
			$(container).data('activetoggler', $(this));
		});

        jQuery('div.smallBlock h2>a').click(function(event) {
			
			var container = $(this).parents('div').get(0);
			var active = $(container).data('activetoggler');
			
			event.preventDefault();
			
            if (active == this) {
                jQuery(this).removeClass('active');
                jQuery(this).next('div').slideUp('fast');
                $(container).data('activetoggler', null);
                return;
            }
            
            if (active !== null) {
                jQuery(active).removeClass('active');
                jQuery(active).next('div').slideUp('fast');
            }
            
            jQuery(this).addClass('active');
            jQuery(this).next('div').slideDown('fast');
            
            $(container).data('activetoggler', this);
			
			return;
        });
    }   
};

jQuery(function() {
    togglers.init();
});


jQuery(document).ready(function(){
				jQuery('#photos').galleryView({
					panel_width: 489,
					panel_height: 326,
					frame_width: 100,
					frame_height: 75,
					background_color:'#9A9A9A',
					transition_interval: 0
				});
			});