var bgcolornu;

$(document).ready(function()
{
	n = 0;
	bganimate(n);
	typemachine();
	
	//initial width blinds
	//later calculated in php script based on the amount of blinds
	var breedte_gr = '246px';
	var breedte_sm = '38px';
	var breedte_tt = '231px';
	
	//variables out of imputs _ whom's value from php
	if(document.getElementById('block_size') != null){
		breedte_gr = document.getElementById('block_size').value + 'px';
		breedte_sm = document.getElementById('block_small_size').value + 'px';
		breedte_tt = (document.getElementById('block_size').value - 15) + 'px';
		$('.blind_bar').css({'width':breedte_gr});
		$('.blind_title').css({'width':breedte_tt});
	}

	// remove right border of last block
	$('.block_div:last').css({"border-right":"none"});
	
	//on page load open first blind slider
	openblind($('.blind:first').attr('uniek'),breedte_sm,breedte_gr);
	
	//parallel aan hoverIntent functie read further
	$('.block_active').mouseover(function()
	{
		var element = $(this).attr('uniek');
		setHover(element);
	});
	
	$('.block_active').mouseleave(function(){
		var element = $(this).attr('uniek');
		$('#block_'+element+' a').css({'background':'#FFF','color':'#999999'});
		$('#block_'+element+' a').attr({'flag':'false'});
	});
	
	// Hover intent plugin prevents simultaniously opening blinds			
	$('.block_active').hoverIntent(
				function(){
					openblind($(this).attr('uniek'),breedte_sm,breedte_gr);
				},
				function(){
					//closeblind($(this).attr('title'));	
				}
	);
			
	// Hover intent plugin prevents simultaniously opening blinds		
	$('.blind').hoverIntent(
				function(){
					openblind($(this).attr('uniek'),breedte_sm,breedte_gr);
				},
				function(){
					//closeblind($(this).attr('title'));	
				}
	);
	
});


/* homepage debazis lees meer */
function readMore (){
	$('#scroll').animate({marginTop:'-=302px'},600);
	//new Effect.MoveBy('scroll', -302, 0, { duration: 0.6, transition: Effect.Transitions.sinoidal } );	
}
function goBack (){
	$('#scroll').animate({marginTop:'+=302px'},600);
	//new Effect.MoveBy('scroll', 302, 0, { duration: 0.6, transition: Effect.Transitions.sinoidal } );	
}

/* mouse over werkzaamheden items 4 kollomen * 6 rijen */
function setHover(element){
	
	$('.block_active a').css({'background':'#FFF','color':'#999999'});
	$('.block_active a').attr({'flag':'false'});
	
	$('#block_'+element+' a').attr({'flag':'true'});
	$('#block_'+element+' a').css({'background': bgcolornu,'color':'#FFF'});
}

/* lamel slide uitklappen */
function openblind(element,breedte_sm,breedte_gr){
	$('.blind').not('#blind_'+element).stop(true,true).animate({width:breedte_sm},600);
	$('.blind_bar').not('#blindbar_'+element).css({visibility:'hidden'});
	setHover(element);
	showBar(element,breedte_gr);
}

/* show lamel slide tekst blok */
function showBar(element,breedte_gr){
		
		$('#blind_'+element).stop(true,true).animate({width:breedte_gr,queue:false},600,
			function()
			{
				//$('#blindbar_'+element).animate({opacity:'1.0'});
				$('#blindbar_'+element).css({visibility:'visible'});
			}
		);
}

/* achtergrond kleuren specifieke elementen veranderen - zie bganimate*/
function bgColorChange(color,anival){
	bgcolornu = color;
	
	$('.block_active a[flag="true"]').css({ backgroundColor: color });
	
	$('.block_active').css('background-color');
	$('.container-menu').animate({ backgroundColor: color }, anival);
	$('#debazis_logo').animate({ backgroundColor: color }, anival);
	$('.blind_bar').animate({ backgroundColor: color }, anival);
}

/* color change loop */
function bganimate(n){
	intval = 9000;
	anival = 1200;
	
	if(n == 0)
	{
		setTimeout(function()
		{
			bgcolornu = "#f7d334";
			bgColorChange("#f7d334",anival);
			n = 1;
			bganimate(n);
			p = 0;
			typemachine();
		}, intval);
	}
	else if(n == 1)
	{
		setTimeout(function()
		{
			bgcolornu = "#e3057c";
			bgColorChange("#e3057c",anival);
			n = 2;
			bganimate(n);
			p = 0;
			typemachine();
		}, intval);
	}
	else if(n == 2)
	{
		setTimeout(function()
		{
			bgcolornu = "#59ac26";
			bgColorChange("#59ac26",anival);
			n = 3;
			bganimate(n);
			p = 0;
			typemachine();
		}, intval);
	}
	else if(n == 3)
	{
		setTimeout(function()
		{
			bgcolornu = "#02b5dd";
			bgColorChange("#02b5dd",anival);
			n = 0;
			bganimate(n);
			p = 0;
			typemachine();
		}, intval);
	}}


/* overlap function using two other function / hover menu etc. */
function settingMenu(one, two, three){
	
	$('.pages li a').removeClass('active');
	
	$('#m_'+one).css( { "background-image" :"url(Assets/Afbeeldingen/list_icon-r.gif)" } );
	$('#m_'+one).css({'background-position':'0px 5px','color':'#FFFFFF'});
	
	Cufon.replace('#m_'+one);
		
	if(two=='' || two==null){
		//blauw #02b5dd	
		//geel #f7d334
		//groen #59ac26
		//roze #e3057c
		var menu_color = Array("#59ac26","#02b5dd","#f7d334","#e3057c","#59ac26","#02b5dd");
		
		bgColorChange(menu_color[one-1],1000);		
	
		setMenu(one,true);
	}
	else
	{
		setMenu(one,false);
	}

	if(two!='')
	{
		//holdMenu(one);
		$('.pages li a').removeClass('active');
		
		$('#m_'+one+'_'+two).css( { "background-image" :"url(Assets/Afbeeldingen/list_icon-r.gif)" } );
		$('#m_'+one+'_'+two).css({'background-position':'0px 5px','color':'#FFFFFF'});
		Cufon.replace('#m_'+one+'_'+two);
		
		if(three=='' || three==null){
			setMenuSub(two,true);
		}
		else
		{
			setMenuSub(two,false);
		}
			
	}
	
	if(three!='')
	{
		$('#m_'+one+'_'+two+'_'+three).css( { "background-image" :"url(Assets/Afbeeldingen/list_icon-r.gif)" } );
		$('#m_'+one+'_'+two+'_'+three).css({'background-position':'0px 5px','color':'#FFFFFF'});
		Cufon.replace('#m_'+one+'_'+two+'_'+three);
	}
}

function setMenu(menu,animate){
	mtop = (menu * -170) + 170; //(dia * -500) + 500;
	
	if($('#menu_' + menu +' ul').length > 0){
		if(animate){		
			$('#part2').css({ marginTop: (menu * -170) + 'px'}, 500);
			$('#part2').animate({ marginTop: mtop + 'px'}, 500);
		}
		else
		{
			$('#part2').css({ marginTop: mtop + 'px'});
		}
		
		$('#part3').css({ 'margin-top': 0 + 'px'});
	}
	//showCaption('Interieurprojecten beginnen bij de bazis');
}

function setMenuSub(menu,animate){
	mtop = (menu * -170) + 170; //(dia * -500) + 500;
	
	if(menu==3){
		if(animate){		
			$('#part3').css({ marginTop: (menu * -170) + 'px'}, 500);
			$('#part3').animate({ marginTop: mtop + 'px'}, 500);
		}
		else
		{
			$('#part3').css({ marginTop: mtop + 'px'});
		}
	}
}


/* type machine animation right in menu */
p = 0;
function typemachine(){if(p == 0)
	{
		$('#type_part1').css({ 'width': '0px' });
		$('#type_part2').css({ 'width': '0px' });
		$('#type_part3').css({ 'width': '0px' });
		$('#type_part1').animate({ width: 190 + 'px' }, 2000, function()
		{
			p = 1;
			typemachine();
		});
	}
	else if(p == 1)
	{
		$('#type_part2').animate({ width: 90 + 'px' }, 1000, function()
		{
			p = 2;
			typemachine();
		});
	}
	else if(p == 2)
	{
		$('#type_part3').animate({ width: 120 + 'px' }, 1100);
	}}