/*    jQuery(window).load(function() {
        jQuery('#slider').nivoSlider({
            effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
            animSpeed: 500, // Slide transition speed
            pauseTime: 3000, // How long each slide will show
            startSlide: 0, // Set starting Slide (0 index)
            directionNav: true, // Next & Prev navigation
            directionNavHide: true, // Only show on hover
            controlNav: true, // 1,2,3... navigation
            controlNavThumbs: true, // Use thumbnails for Control Nav
            //controlNavThumbsFromRel: false,  Use image rel for thumbs
            controlNavThumbsSearch: '.jpg', // Replace this with...
            controlNavThumbsReplace: '_sm.jpg', // ...this in thumb Image src
            keyboardNav: true, // Use left & right arrows
            pauseOnHover: true, // Stop animation while hovering
            manualAdvance: false, // Force manual transitions
            captionOpacity: 0.8, // Universal caption opacity
            prevText: 'Prev', // Prev directionNav text
            nextText: 'Next', // Next directionNav text
        });
    });*/


	var currentImage;
	var currentIndex = -1;
	var interval;
	function showImage(index){
		if(index < $('#slider > img').length){
			var indexImage = $('#slider > img')[index]
			if(currentImage){   
				if(currentImage != indexImage ){
					$(currentImage).css('z-index',2);
					clearTimeout(myTimer);
					$(currentImage).fadeOut(300, function() {
						myTimer = setTimeout("showNext()", 4000);
						$(this).css({'display':'none','z-index':1})
					});
				}
			}
			$(indexImage).css({'display':'block', 'opacity':1});
			currentImage = indexImage;
			currentIndex = index;
			$('.nivo-controlNav a').removeClass('active');
			$($('.nivo-controlNav a')[index]).addClass('active');
		}
	}
	 
	function showNext(){
		var len = $('#slider > img').length;
		var next = currentIndex < (len-1) ? currentIndex + 1 : 0;
		showImage(next);
	}
	 
	var myTimer;
	 
	$(document).ready(function() {
		myTimer = setTimeout("showNext()", 4000);
		showNext(); //Load first image
		$('.nivo-controlNav a').bind('click',function(e){
			var count = $(this).attr('rel');
			showImage(parseInt(count)-1);
		});
	});