var isPause = false;

jQuery.fn.mySlideshow = function(attr) {
	attr = attr || {};
	attr.duration = attr.duration || 3000;
	function initSlider(container, slideAr) {
		var curr = 0;
		$('#'+slideAr[0]).animate({opacity: 1.0}, 500).css({'z-index': 8});
		
		setInterval( function(){
							  
			if(!isPause){			  
				$('#'+slideAr[curr]).animate({opacity: 0.0}, 500, function() {    $(this).css({'display': 'none'});   }).css({'z-index': 2});
				
				curr++; if (curr == slideAr.length) { curr = 0;	}
				
				$('#'+slideAr[curr]).css({'display': 'block'}).animate({opacity: 1.0}, 500).css({'z-index': 8});
			}

		}, attr.duration );
	};

	var i = 0;
	$(this).each(function(){
		var slideAr = [];
		$(this).find("div").each(function(){
			if($(this).find("img").length > 0) {
				$(this).attr({ id: "slide_"+i }); 
				slideAr[i] = "slide_"+i;
				//slideAr.push($(this).attr("id"));
				$(this).css({opacity: 0.0, 'z-index': 2, position:'absolute',top:0,left:0});			
				i++;
			}
		});
			/*	$('#'+slideAr[0]).animate({opacity: 1.0}, 500, function() { var u=0; })*/
			
		$(this).find("a").hover( 
				  function () { 
					$(this).addClass("categoryLinkActive"); 
				  }, 
				  function () { 
					$(this).removeClass("categoryLinkActive"); 
				  } 
				);

		initSlider(this, slideAr);
	});
}