$(function(){
 
	// styling table
	$(".lentele").each(function() {
		var drop = 1;
		$(this).find('tr').each(function() {
			if(drop==1) {
				$(this).addClass('tr');
				drop = 0;
			} else {
				drop = 1;
			}
		});
	}); 
	
	// styling text
	$(".lentele tr:first td").addClass('first'); 
  
	// Gradient Effect
	$('html').mousemove(function(e){  
		var vH=$(this).height();
		var vW=$(this).width();
		var vT=$(this).offset().top;
		var vL=$(this).offset().left;
		var ypos=e.pageY-vT;
		var xpos=e.pageX-vL; 
		var y=Math.round(ypos/vH*50); 
		var x=Math.round(xpos/vW*70);
		$('#line').css({backgroundPosition: x+'% '+y+'%'});
		$('#x').text(x);
		$('#y').text(y); 
	});
	
	
	// tip
	var xOffset = 5; // x distance from mouse
    var yOffset = 10; // y distance from mouse
    var frozen_vtip = false; //Define it
    
	$(".vtip").unbind().hover( 
		function(e) {
			if(frozen_vtip) return;
			this.t = this.title;
			this.title = '';
			var top = (e.pageY + yOffset);
			var left = (e.pageX + xOffset);
			
				var text = '<div id="vtip">';
				
				text += '<font>' +  this.t + '</font> ';
				
				text += ' </div>';
		 
				$(text).css("top", top+"px").css("left", left+"px").fadeTo('fast', 0.9).appendTo(this);
				 
		},
		function() {
			if(frozen_vtip) return;
			this.title = this.t;
			$("#vtip", this).fadeOut("fast").remove();
		}
	).mousemove(
		function(e) {
			if(frozen_vtip) return;
			var top = (e.pageY + yOffset);
			var left = (e.pageX + xOffset);

			$("#vtip", this).css("top", top+"px").css("left", left+"px"); 
		}
	);  

});      
$.fn.slideFadeToggle = function(easing, callback) {
	return this.animate({ opacity: 'toggle', height: 'toggle' }, "fast", easing, callback);
};