$(document).ready(function(){
 
 $('tr:odd').addClass('odd').css({"background-color": "#F0FDE2"});
 
 $('tr:even').addClass('even').css({"background-color": "#F6F6F6"});
 
 $('tbody tr:eq(0)').addClass('first');

 $('.odd td:contains("V")').append("<img src = 'img/check_odd.gif' width='16' height='16' />");
 $('.even td:contains("V")').append("<img src = 'img/check_even.gif' width='16' height='16' />");
 $('td span').css({"display": "none" });
 
 $('td:contains("€")').addClass('price');
 
 
   hauteur = ($("#wrapper").height() + 600);
   $("#overlay").height(hauteur);
   $("#overlay").css({'opacity': '0.5'});

   $('.comparer').click(function(){
   	 centerTable();
     $('#overlay').fadeIn('fast');
     var table = setTimeout("$('#table').fadeIn('fast');", 1500);
     return false;
   });

   $('.close').click(function(){
     $('#table').fadeOut('fast');
     var overlay = setTimeout("$('#overlay').fadeOut('fast');", 1000);
     return false;
   });
    
});

function centerTable(){
	var element = $('#table');
	w = element.width();
	h = element.height();
	winW = document.documentElement.clientWidth;
	winH = document.documentElement.clientHeight;
	
	posX = Math.round((winW / 2) - (w / 2));
	posY = Math.round((winH / 2) - (h / 2));
	
	posY = (posY + document.documentElement.scrollTop);
	element.css({top: posY + "px", left: posX + "px"});
	
}