1 (function($){

     2 $(document).ready(function() {

     3 	timelineImage();

     4 });

     5 			

     6 function timelineImage(){

     7 	

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

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

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

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

    12 	

    13 }

    14 

    15 

    16 $.fn.timelineRollover = function(type) {

    17 	var lstart,lend;

    18 	var tstart,tend;

    19 	

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

    21 	

    22 	

    23 	switch (type)

    24 	{

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

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

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

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

    29 	}

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

    31 	$(this).hover(function(){

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

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

    34 },function() {

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

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

    37 	});

    38 	

    39 } 

    40 

    41 })(jQuery);