var overlayOpen = false;

jQuery(function()
{
	$('#container').before("<div id=\"specs_pdf\"></div>");
	$('#specs_pdf').hide();
	
	$('td.pdf ul').before("<a href=\"#\" title=\"PDF\" class=\"pdf\">PDF</a>");	
	$('td.pdf ul').hide();
	
	$('td.pdf a.pdf').click(function()
	{
		verbergOverlay();
		
		$(this).parent().parent().css("background-color", "#4280b9");
		$(this).parent().parent().css("color", "#FFFFFF");
		
		$('#specs_pdf').hide();
		$(this).parent().parent().addClass('openOverlay');
		
		var options = {};
		var offset = {};
		$(this).offset(options, offset);
		$('#specs_pdf').css(offset);
		$('#specs_pdf').html("<ul>" + $(this).parent().children("ul").html() + "</ul>")
		$('#specs_pdf').fadeIn(500);
		
		overlayOpen = true;
		return false;
	});
	
	$('#specificaties tr').hover(
		function()	{ 
			$(this).children('td').css("background-color", "#4280b9"); 
			$(this).children('td').css("color", "#FFFFFF"); 
		},
		function()	{ if($(this).attr('class') != 'openOverlay') { 
			$(this).children('td').css("background-color", ""); 
			$(this).children('td').css("color", ""); 
		} 
	});
	
	verbergOverlay = function() { 
		if(overlayOpen) {
			$('#specs_pdf').fadeOut(400); 
			
			$('#specificaties tr').removeClass('openOverlay');
			
			$('#specificaties tr td').css("background-color", "");
			$('#specificaties tr td').css("color", "");
			$('#specificaties tr').css("background-color", "");
			$('#specificaties tr').css("color", "");

			overlayOpen = false;
		}
	}
	
	$(document).scroll(verbergOverlay);
	$('#specificaties').scroll(verbergOverlay);
	$(document).click(verbergOverlay);
	

	// scrollbalk bugje in IE
	// de + 117 is de right offset van het einde
	if(($('#specificaties table').width()+117 > $('#specificaties').width()) && $.browser.msie)
	{
		$('#specificaties table').css("margin-bottom", "15px");
	}
	
	
});