jQuery.fn.extend({
  setArrowPager: function(params){
    var jQ = jQuery;
	
	//jQ(this).attr('intervalid', setInterval( "arrowPagerNext()", 5000 ) );
	refreshId = setInterval(function(){
		//alert(jQ(this));
		jQ("ul.arrowPager").showNext();
	}, 3000);
	
     
    return this.each(function(){
		var ch = jQ(this).children();
		jQ('li:first',this).addClass('openArrowItem');
		jQ(this).children().each(function(){if (! jQ(this).hasClass('openArrowItem')) jQ(this).addClass('closedArrowItem');});
		
		var lastli = jQ('<li class="last"></li>');
		var nextBtn = jQ(' <a href=""> Next >> </a>');//<img src="/ui/images/nextarrowpgrbtn.gif"/>');
		//var pauseBtn = jQ('<img src="/ui/images/pausepgrbtn.gif"/>');
		var pauseBtn = jQ(' <a href=""> Stop </a> ');
		var prevBtn = jQ('<a href=""> << Prev </a> ');//<img src="/ui/images/prevarrowpgrbtn.gif"/>');

		//alert(nextBtn);
		jQ(nextBtn).click(function(){
			clearInterval(refreshId)
			var lis = jQ(this).parent().parent();
			var activeli = lis.find(".openArrowItem");	 
			var nextli = activeli.next();
			if (nextli.hasClass("last")) nextli = lis.find(":first");
			activeli.removeClass('openArrowItem').addClass('closedArrowItem');
			nextli.removeClass('closedArrowItem').addClass('openArrowItem');
			return false;
		});
		
		jQ(pauseBtn).click(function(){
			//get intervalid from item
			//var intid = jQ(this).parent().parent().parent().attr('intervalid');
			//cancel the item
			if (refreshId) {
				clearInterval(refreshId);
				refreshId = false;
				jQ(this).attr("innerHTML", " Start ");
			} else {
				refreshId = setInterval(function(){
					//alert(jQ(this));
					jQ("ul.arrowPager").showNext();
				}, 3000);
				jQ(this).attr("innerHTML", " Stop ");
			}
			//jQ(this).remove();
			
			return false;
		});
		
		jQ(prevBtn).click(function(){
			clearInterval(refreshId)
			var lis = jQ(this).parent().parent();
			var activeli = lis.find(".openArrowItem");	 
			var prevli = activeli.prev();
			if (!prevli.length) prevli = lis.children().eq(lis.children().length-2); 
			activeli.removeClass('openArrowItem').addClass('closedArrowItem');
			prevli.removeClass('closedArrowItem').addClass('openArrowItem');
			return false;
		});
		jQ(lastli).append(prevBtn);
	
		jQ(lastli).append(pauseBtn);
		jQ(lastli).append(nextBtn);
		jQ(this).append(lastli);
		jQ(this).wrapAll('<div class="arrowPagerDiv"></div>');
    });
  },
  showNext: function(params){
    var jQ = jQuery;

    return this.each(function(){
		
		var lis = jQ(this);
		
		var activeli = lis.find(".openArrowItem");	 
		var nextli = activeli.next();
		if (nextli.hasClass("last")) nextli = lis.find(":first");
		
		activeli.removeClass('openArrowItem').addClass('closedArrowItem');
		nextli.removeClass('closedArrowItem').addClass('openArrowItem');
    });
  }
});