// JavaScript Document

var slideSpeed = 500
var beginState = 0

function closeAll(){
	$('#moduleBannerContent_1').slideUp(slideSpeed, function(){ $('#moduleBannerTitle_1').removeClass('open');});
	$('#moduleBannerContent_2').slideUp(slideSpeed, function(){ $('#moduleBannerTitle_2').removeClass('open');});
	$('#moduleBannerContent_3').slideUp(slideSpeed);
}

$(document).ready(function() {
	
	$('#moduleBannerTitle_1').click(function() {
		if(!checkSelected){
			if($('#moduleBannerContent_1').css("display") == 'none'){
				openMenu1()
			}else{
				$('#moduleBannerContent_1').slideUp(slideSpeed, function(){ $('#moduleBannerTitle_1').removeClass('open');});
			}
		}
		return false
	});

	$('#moduleBannerTitle_2').click(function() {
		if(!checkSelected){
			if($('#moduleBannerContent_2').css("display") == 'none'){
				openMenu2()
			}else{
				$('#moduleBannerContent_2').slideUp(slideSpeed, function(){ $('#moduleBannerTitle_2').removeClass('open');});
			}
		}
		return false
	});

	$('#moduleBannerTitle_3').click(function() {
		if($('#moduleBannerContent_3').css("display") == 'none'){
			closeAll()
			$('#moduleBannerContent_3').slideDown(slideSpeed);
		}else{
			$('#moduleBannerContent_3').slideUp(slideSpeed);
		}
		return false
	});

	if(beginState==1) {
		openMenu1(beginState);
	}
	if(beginState==2) {
		if($('#locaties_block').css('visibility')=='hidden' || $('#locatieids').val()!=''){
			$('#moduleBannerTitle_2').removeClass('open');
		}else{
			$('#moduleBannerTitle_2').addClass('open');
		}
		$('#moduleBannerContent_2').show()
		if(document.getElementById('pane2')){
			$('#pane2').jScrollPane({showArrows:true, dragMaxHeight: 150, scrollbarWidth: 10, arrowSize: 27, wheelSpeed: 20});
		}
	}
	if(beginState==3) $('#moduleBannerContent_3').show()

	//if(document.getElementById('bubbleTooltips')){
	//	enableTooltips("bubbleTooltips")
	//}

    // initialize scrollable 
	$(".hpscroller").scrollable({ size: 1 }).navigator({ navi: 'ul.icons' }).circular().autoscroll(5000);

});

function openMenu1(begin){
	if(begin){
		$('#moduleBannerTitle_1').addClass('open');
		$('#moduleBannerContent_1').show()
	}else{
		closeAll()
		$('#moduleBannerContent_1').slideDown(slideSpeed);
	}
	initiateScroll(1);
}
//functie voor het activeren van de scrollbalk in menu 1
function initiateScroll(id){
	var speed = 20;
	var baseHeight = 35;
	var qty = 99;
	//pane 1 (concepten)
	if(id==1){ 
		var html = $('#pane'+ id).html();
		qty = getQty(html);
		if(qty<5) {
			$('#moduleBannerContentDiv_1 .jScrollArrowUp, #moduleBannerContentDiv_1 .jScrollArrowDown').css('display', 'none');
			$('#moduleBannerTitle_' + id).removeClass('open');
			$('#pane1').parent().css('height', baseHeight+10 + (qty * 84) +'px');
			$('#moduleBannerContentDiv_1').css('height', baseHeight + (qty * 84) +'px');
			$('#pane1').css('height','auto');
		}else{
			$('#moduleBannerContentDiv_1 .jScrollArrowUp, #moduleBannerContentDiv_1 .jScrollArrowDown').css('display', 'block');
			$('#moduleBannerTitle_'+ id).addClass('open');
			$('#pane1').css('height', '392px');
			$('#pane1').parent().css('height', '392px');
			$('#moduleBannerContentDiv_1').css('height', '383px');
			$('#pane'+ id).jScrollPane({showArrows:true, dragMaxHeight: 150, scrollbarWidth: 10, arrowSize: 38, wheelSpeed: speed});
		}	
	}
	//pane1 (meerdaagse locaties)
	if(id=='meerdaags'){
		baseHeight = 55;
		var html = $('#pane1').html();
		qty = getQty(html);

		if(qty<5){
			$('#moduleBannerTitle_1').removeClass('open');
			document.getElementById('pane1').parentNode.style.height = baseHeight + (qty * 84) +'px';
			$('#moduleBannerContentDiv_1').css('height', baseHeight + (qty * 84) +'px');
		}else{
			$('#moduleBannerTitle_1').addClass('open');
			document.getElementById('pane1').parentNode.style.height = '392px'
			$('#moduleBannerContentDiv_1').css('height', '383px');
		}
		if(document.getElementById('pane1')){
			$('#pane1').jScrollPane({showArrows:true, dragMaxHeight: 150, scrollbarWidth: 10, arrowSize: 38, wheelSpeed: speed});
		}
	}
	
}


function openMenu2(){
	closeAll()
	$('#moduleBannerContent_2').slideDown(slideSpeed, function(){
		var qty = getQty($('#locaties_block').html())
		if(!qty){ //alleen voor meerdaags
			qty = getQty($('#container_concepts').html()); 
			if(qty==1) {
				$('#moduleBannerContentDiv_2 .conceptholder').css('height','140px');
			}else{
				document.getElementById('pane2').parentNode.style.height = '392px'
				$('#moduleBannerContentDiv_2').css('height', '383px');
			}
		}
		if($('#locaties_block').css('visibility')=='hidden' || qty<5){
			$('#moduleBannerTitle_2').removeClass('open');
			if (qty<5) { $('#pane2').css('margin-top','0px');}
		}else{
			$('#moduleBannerTitle_2').addClass('open');
		}
	});
	if(document.getElementById('pane2')){
		document.getElementById('pane2').parentNode.style.width = '313px'
		if(isHidden(document.getElementById('pane2'), 'visibility', 'hidden')){
			$('#pane2').jScrollPane({showArrows:true, dragMaxHeight: 150, scrollbarWidth: 10, arrowSize: 38, wheelSpeed: 20});
		}
	}
}

function openMenu3(){
	closeAll()
	$('#moduleBannerContent_3').slideDown(slideSpeed);
}

function getQty(html){
	var qty;
	if(html){
		if(html.indexOf('AANTAL:')>-1){
			qty = html.slice(html.indexOf('AANTAL:')+7,html.indexOf('AANTAL:')+9);
			if(isNaN(qty)){
				qty = html.slice(html.indexOf('AANTAL:')+7,html.indexOf('AANTAL:')+8);
			}
		}
	}
	if(qty==0) qty = 1
	return qty
}

//function setBannerMouseOvers(){
//	$('.conceptbanner').hover(
//		function(){
//			$(this).find('.co_mouseover').css('display','block');
//		},
//		function(){
//			$(this).find('.co_mouseover').css('display','none');
//		}
//	)
//}