(function($){

$(document).ready(function() {

	timelineImage();

});

function timelineImage(){

	$('.timeline_rollover_top').unbind('hover').timelineRollover('top');

	$('.timeline_rollover_right').unbind('hover').timelineRollover('right');

	$('.timeline_rollover_bottom').unbind('hover').timelineRollover('bottom');

	$('.timeline_rollover_left').unbind('hover').timelineRollover('left');

}

$.fn.timelineRollover = function(type) {

	var lstart,lend;

	var tstart,tend;

	$(this).append('\n<div class="image_roll_glass"></div><div class="image_roll_zoom"></div>');

	switch (type)

	{

		case 'top' : lstart='0'; lend='0'; tstart='-100%'; tend='0'; break;

		case 'right' : lstart='100%'; lend='0'; tstart='0'; tend='0'; break;

		case 'bottom' : lstart='0'; lend='0'; tstart='100%'; tend='0'; break;

		case 'left' : lstart='-100%'; lend='0'; tstart='0'; tend='0'; break;

	}

	$(this).find('.image_roll_zoom').css({left:lstart, top:tstart});

	$(this).hover(function(){

		$(this).find('.image_roll_zoom').stop(true, true).animate({left: lend, top:tend},200);

		$(this).find('.image_roll_glass').stop(true, true).fadeIn(200);

},function() {

		$(this).find('.image_roll_zoom').stop(true).animate({left:lstart, top:tstart},200);

		$(this).find('.image_roll_glass').stop(true, true).fadeOut(200);

	});

} 

})(jQuery);