1 

     2 

     3 /* start for slider */

     4 $(function(){

     5 

     6 	/* for hover effekt on images */

     7 	$('.lightbox-image').prepend('<span></span>').hover(function(){$(this).find('img').stop().animate({opacity:.5})},function(){$(this).find('img').stop().animate({opacity:1})})

     8 

     9 	/* for list */ 

    10 	$('.list-1 li a').prepend('<span><span></span></span>')

    11 

    12 	/* for slider */

    13 	$('#slides1').slides({

    14 		effect: 'fade',

    15 		fadeSpeed:2000,

    16 		preload: true,

    17 		play: 4000,

    18 		pause: 4000,

    19 		generateNextPrev: true,

    20 		generatePagination: false,

    21 		crossfade: true,

    22 		hoverPause: true,

    23 		animationStart: function(current){

    24 			$('.caption').animate({opacity:0}).css({display:'none'});

    25 				if (window.console && console.log) {

    26 					console.log('animationStart on slide: ', current);

    27 				};

    28 			},

    29 			animationComplete: function(current){

    30 				$('.caption').animate({opacity:1}).css({display:'block'});

    31 					if (window.console && console.log) {

    32 						console.log('animationComplete on slide: ', current);

    33 					};

    34 				},

    35 			slidesLoaded: function() {

    36 				$('.caption').animate({opacity:1}).css({display:'block'});

    37 		}

    38 	});

    39 	

    40 	

    41 });

    42 /* end for slider */