// Login --------------------------------------------------------------------
var loginHoverout;
var backoffice;

$(document).ready(function()
{
	backoffice = false;
	
	if ($('div.controlBorder').length > 0)
	{
		backoffice = true;
	}
	
	if ($('div.flashContainer').length > 0)
	{
		$('div.flashContainer').each(function()
		{
			loadFlash($(this));
		})
	}
	
	if ($('div.socialIcon').html() != null)
		loadSocial();

	$('div.wizard div.collapseContent').addClass('fixOverflow')

	// Menu --------------------------------------------------------------------
	/*var activeItem;
	if ($('div#Menu > div > ul > li').hasClass('AspNet-TreeView-Selected'))
		activeItem = $('div#Menu > div > ul > li.AspNet-TreeView-Selected');
		
	if ($('div#Menu > div > ul > li').hasClass('AspNet-TreeView-ChildSelected'))
		activeItem = $('div#Menu > div > ul > li.AspNet-TreeView-ChildSelected');

	if (activeItem != null)
		activeItem.prepend('<div class="active">&nbsp;</div>');*/
	
	$('div#Menu > div > ul > li').each(function()
	{
		var activeLink = $(this).find('> a');
		
		if ($(this).find('> ul').length > 0)
		{
			$(this).prepend('<div class="dropout"><div class="top">&nbsp;</div><div class="bottom">&nbsp;</div>');
			$(this).find('> ul').appendTo($(this).find('div.dropout'));
			// $(this).find('div.dropout > ul').prepend('<li class="first"></li>');
			// activeLink.clone().prependTo($(this).find('div.dropout li.first'));
			$(this).find('div.dropout').append('</div>');
			
			var activeWidth = $(this).width();
			var dropoutWidth = $(this).find('div.dropout').width();
			var offset = (activeWidth - dropoutWidth) / 2;
			offset += 4;
			
			$(this).find('div.dropout').css('left',offset)
		}
	});
	$('div#Menu ul li ul li ul').each(function()
	{
		$(this).append('<div class="top">&nbsp;</div><div class="bottom">&nbsp;</div>')
	});
		
	var activeHover;
	var activeSubHover;
	var hoverout;
	var subhoverout;
		
	$('div#Menu > div > ul > li').mouseenter(function()
	{
		if (hoverout != null)
			clearTimeout(hoverout);
			
		if (activeHover != null)
			closeHover();
			
		if ($(this).hasClass('AspNet-TreeView-Selected') == true && $(this).find('ul').length == 0)
			return;
		
		$(this).addClass('hover');
		
		activeHover = $(this).find('div.dropout');
		activeHover.find('> ul').css('display','block');
		activeHover.css('display','block');
		
		/* IE6 Dropout height fix */
		var dropoutHeight = $(this).find('div.dropout').height();
		activeHover.height(dropoutHeight);
		
	});
	$('div#Menu ul li ul li').not('div#Menu ul li ul li ul li').mouseenter(function()
	{
		if (subhoverout != null)
			clearTimeout(subhoverout);
			
		if (activeSubHover != null)
			closeSubHover();
			
		if ($(this).hasClass('first') == false)
			$(this).addClass('hover');
			
		activeSubHover = $(this).find('ul');
		activeSubHover.css('display','block');
	});
	$('div#Menu ul li ul li ul li').mouseenter(function()
	{
		$(this).addClass('hover');
	});
	$('div#Menu ul li ul li ul li').mouseleave(function()
	{
		$('div#Menu ul li ul li ul li').removeClass('hover');
	});
	
	$('div#Menu > div > ul > li').mouseleave(function()
	{
		hoverout = setTimeout(closeHover, 800);
	});
	$('div#Menu ul li div.dropout').mouseleave(function()
	{
		//hoverout = setTimeout(closeHover, 800);
	});
	$('div#Menu ul li ul li ul').mouseleave(function()
	{
		subhoverout = setTimeout(closeSubHover, 250);
	});
	
	function closeHover()
	{
		$('div#Menu ul li.hover').removeClass('hover');
		Cufon.refresh('div#Menu > div > ul > li a');
		activeHover.css('display','none');
		activeHover = null;
	}
	function closeSubHover()
	{
		$('div#Menu > div ul li ul > li').removeClass('hover');
		activeSubHover.css('display','none');
		activeSubHover = null;
	}
	
	// IE6 PNG fix
	$('div#LoginMenu div.popup').css('display','none');
	$('div#LoginMenu div.popup').css('top','-2px');
	
	$('div#LoginMenu div.text').click(function()
	{
		$(this).parent().find('div.popup').css('display','block');
		$(this).parent().css('z-index','13');
	});
	$('div#LoginMenu').mousemove(function()
	{
		clearTimeout(loginHoverout);
	});
	$('div#LoginMenu').mouseleave(function()
	{
		loginHoverout = setTimeout(closeLogin, 1000)
	});
	function closeLogin()
	{
		$('div#LoginMenu div.popup').css('display','none');
		$('div#LoginMenu').css('z-index','11');
	}
	
	
	// Cufon Button --------------------------------------------------------------------
	var enqueteButton = $('div.enqueteForm_Button input').not('div.popup div.enqueteForm_Button input');
	//var customButton = $('div.customForm_Button input').not('div.popup div.customForm_Button input');
	
	for (i = 0; i < enqueteButton.length; i++)
	{
		enqueteButton.parent().addClass('button');
		var currentButton = $('div.enqueteForm_Button:eq(' + i + ')');
		var buttonText = currentButton.find('input').attr('value');
		currentButton.prepend('<a class="customFont">' + buttonText + '</a>');
	}
	/*for (i = 0; i < customButton.length; i++)
	{
		customButton.parent().addClass('button');
		var currentButton = $('div.customForm_Button:eq(' + i + ')');
		var buttonText = currentButton.find('input').attr('value');
		currentButton.prepend('<a class="customFont">' + buttonText + '</a>');
	}*/
	
	$('div.enqueteForm_Button a').click(function()
	{
		$(this).parent().find('input:submit').click();
	})
	/*$('div.customForm_Button a').click(function()
	{
		$(this).parents('form').submit();
	})*/
	
	var enqueteButton = $('div.enqueteForm_Button a');
	var customButton = $('div.customForm_Button a');
	
	customButton.each(function()
	{
		$(this).before('<div class="' + $(this).attr('class') + '">');
		$(this).prependTo($(this).prev());
		
		$(this).addClass('customFont');
	});
	enqueteButton.each(function()
	{
		$(this).addClass('customFont');
		$(this).parent().addClass('button');
	});
	
	$('div.button a').mouseenter(function()
	{
		$(this).addClass('hover');
	})
	$('div.button a').mouseleave(function()
	{
		$(this).removeClass('hover');
	})
	
	$('input[type="text"]').focus(function()
	{
		$(this).parents('div.input').addClass('focus');
	});
	$('input[type="text"]').blur(function()
	{
		$(this).parents('div.input').removeClass('focus');
	});
	
	// Cufon ------------------------------------------------------------------------------
	if (backoffice == false)
	{
		Cufon.now();
		Cufon.replace('.customFont');
		Cufon.replace('div.contentArea h1');
		Cufon.replace('div.contentArea h2');
		Cufon.replace('div#Menu ul li li.first a', {hover: '#924099'});
		Cufon.replace('div#Menu > div > ul > li a', {hover: '#cd7917'});
		Cufon.replace('div#Menu ul ul li a');
		Cufon.replace('div.sidebar');
		
		//Cufon.replace('div.button');
		Cufon.replace('div.wizard div.popupEditor div.header');
		
	}
	
	
	// Sliders ------------------------------------------------------------------------------
	$("div.compare div.slider").each(function()
	{
		var value = parseInt($(this).text());
		
		$(this).empty().slider({
			min: 0,
			max: 10,
			value: value,
			range: "min",
			animate: true,
			orientation: "horizontal"
		});
	});
	
	$("div.area div.slider").each(function()
	{
		var value = parseInt($(this).text());
		
		$(this).empty().slider({
			min: 0,
			max: 500,
			step: 10,
			value: value,
			range: "min",
			animate: true,
			orientation: "horizontal",
			slide: function(event, ui)
			{
				$('span#Area').html($(this).slider('value'));
			}
		});
	});
		
	// Toggle ------------------------------------------------------------------------------
	/*$('div.slideButton').toggle(function()
	{
		$(this).parents('div.contentArea').find('div.middle').hide();
		$(this).parents('div.contentArea').find('div.middle').css('height', 0);
		$(this).parents('div.contentArea').css('height', 100 + 'px');
		$(this).removeClass('up');
	},
	function()
	{
		$(this).parents('div.contentArea').find('div.middle').show();
		$(this).parents('div.contentArea').find('div.middle').css('height', 157 + 'px');
		$(this).parents('div.contentArea').css('height', 257 + 'px');
		$(this).addClass('up');
	});*/
	
	$('div.slideButton').toggle(function()
	{
		//alert($(this).parents('div.contentArea').find('div.middle').height())
		$(this).parents('div.contentArea').find('div.middle').slideUp();
		$(this).removeClass('up');
	},
	function()
	{
		$(this).parents('div.contentArea').find('div.middle').slideDown();
		$(this).addClass('up');
	});
	
	
	// Selectbox ------------------------------------------------------------------------------
	makeSelectbox();

	/*
	var selectbox = $('select').get();
	if (selectbox != '')
	{
		$('select').selectbox();
		//$('select').parents('div.form_Row').css('z-index','2');
		
	}
	*/	
	
//	// Sun Shades------------------------------------------------------------------------------
//	var suns = $('div.suns img').length;
//	var modSuns = suns % 4;
//	
//	if (suns > 0 && modSuns == 0)
//		modSuns = 4;
//		
//	for (i = suns; i > suns - modSuns; i--)
//	{
//		var replaceSun = $('div.suns img:eq(' + (i - 1) + ')');
//		replaceSun.attr('src','../content/images/Sun_Shade.jpg');
//	}
	
	
	// TwoElements ------------------------------------------------------------------------------
	$('div.twoElements img').load(function()
	{
		resizeTwoElements();
	});

	resizeTwoElements();
});

function resizeTwoElements()
{
	$('div.twoElements').each(function()
	{
		var leftElement = $(this).find('div.contentArea.floatLeft');
		var rightElement = $(this).find('div.contentArea.floatRight');
		
		var leftHeight = leftElement.height();
		var rightHeight = rightElement.height();
		//alert(leftHeight);
		//alert(rightHeight);
		
		if (leftHeight > rightHeight)
		{
			var difference = leftHeight - rightHeight;
			var elementHeight = rightElement.find('div.middle').height();
			rightElement.find('div.middle').css('height', (elementHeight + difference));
		}
		else
		{
			var difference = rightHeight - leftHeight;
			var elementHeight = leftElement.find('div.middle').height();
			leftElement.find('div.middle').css('height', (elementHeight + difference));
		}
	});
}

function initshowHideFormDiv(id1, id2, id3) 
{
	var tristan1, tristan2;

	tristan1 = id1;
	tristan2 = id2;
	
	$('#' + id3).quicksearch('table#ctl09_ContentRowTemplateControl2_TextControl0_ctl01_supf1_suppliers tbody tr');
	$('#' + id3).bind('keypress', function () { setTimeout("showHideFormDiv()", 300); });        

}

	function showHideFormDiv()
	{
		var numberOfItems = $('#' + id1 + ' >tbody >tr.show').length;
		
		if (numberOfItems == 0)
		{
			$('#' + tristan1 + '>thead').hide();
			$('#' + tristan2).hide();
		}
		else
		{
			$('#' + tristan1 + '>thead').show();
			$('#' + tristan2).show();
		}
	}
	
function refreshElements()
{
	Cufon.refresh();
	makeSelectbox();

	//Expand fix Ajax Toolkit
	//$('div.wizard div.step3 div.collapseContent').parent().addClass('fixOverflow');
	$('div.wizard div.collapseContent').parent().addClass('fixOverflow');
	
	if ($('div.wizard div.step3 div.popup').length > 0)
	{
		var popup = $('div.wizard div.step3 div.popup');
		var background = $('div.wizard div.step3 div.modalPopupBackground');

		popup.addClass('toolkitPopup');
		background.addClass('toolkitBackground');

		popup.appendTo('form');
		background.appendTo('form');
		
		
	}
}

function makeSelectbox()
{
	var selectbox = $('select').not('select.listBox, select.noStyle');
	selectbox.each(function(index)
	{
		$(this).selectbox();
		
		var parent = $(this).parents('div.customForm_Row').css('z-index', (selectbox.length - index) + 1);
		var parent = $(this).parents('div.enqueteForm_Row').css('z-index', (selectbox.length - index) + 1);
	});
}

function addLoader()
{
	var html = '';
	html += '<div id="LoaderBack">&nbsp;</div>';
	html += '<div id="LoaderContent">';
	html += '<img src="/content/images/ajax-loader.gif" />Even geduld. Je gegevens worden opgeslagen...';
	html += '</div>';
	
	$('body').append(html)
	
	var loader = $('div#LoaderBack');
	loader.css('opacity', 0.65);
	loader.css('height', $('body').height());
	
	var content = $('div#LoaderContent');
	content.css('top', $(window).scrollTop() + ($(window).height() / 2));
}
function removeLoader()
{
	$('div#LoaderBack').remove();
	$('div#LoaderContent').remove();
}

function loadFlash(parent)
{
	if (backoffice == true)
	{
		return;
	}
	
	var mapKey = parent.find('div.flashVars div.mapKey span').text();
	var mode = parent.find('div.flashVars div.mode span').text();
	var container = "FlashLarge";
	
	var width = 618;
	var height = 520;
	
	if (mode == "yes")
	{
		width = 246;
		height = 145;
		container = "FlashSmall";
		var smallMode = true;
		var lat = 52.110617;
		var lng = 4.421439;
	}
	
	var flashvars = {};
	flashvars.xmlUrl = "/content/flash/xml/animation.xml";
	flashvars.mapKey = mapKey;
	flashvars.baseUrl = "/content/images/";
	if (smallMode && lat && lng)
	{
		flashvars.smallMode = smallMode;
		flashvars.lat = lat;
		flashvars.lng = lng;
	}
	
	var params = {};
	
	var attributes = {};
	
	swfobject.embedSWF("/content/flash/zonnepanelen_animatie02.swf", container, width, height, "9.0.0", "expressInstall.swf", flashvars, params, attributes);
}