var overlayOpen = false;

$('#container').before('<div id="specs-pdf"></div>');
$('#specs-pdf').hide();

$('td.pdf ul').before('<a href="#" title="PDF" class="pdf-link">PDF</a>');	
$('td.pdf ul').hide();

$('tr:has(td.pdf ul)').click(function()
{
	verbergOverlay();

	$('#specs-pdf').hide();
	$(this).addClass('openOverlay');
	
	var options = {};
	var offset = {};
	$("a.pdf-link", this).offset(options, offset);
	$('#specs-pdf').css(offset);
	$('#specs-pdf').html("<ul>" + $("td.pdf ul", this).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').width()+117 > $('#specificaties').width()) && $.browser.msie)
{
	$('#specificaties').css("margin-bottom", "15px");
}

var filter = false;
$("#types-fotos li").css("cursor", "pointer").click(function()
{
	if($(this).css("opacity") == 1 && filter)
	{
		$("#types-fotos li img").css("opacity", 1);
		$("#specificaties tbody tr").children("td, th").css("opacity", 1);
		
		filter = false;
	}
	else
	{
		$("#types-fotos li").not(this).children("img").css("opacity", 0.3);
		$(this).children("img").css("opacity", 1);
		
		$("#specificaties tbody tr."+ this.className).children("td, th").css("opacity", 1);
		$("#specificaties tbody tr:not(."+ this.className +")").children("td, th").css("opacity", 0.3);
		
		filter = true;
	}
});