/*
 *
 *
 */
 
(function($) {
/*
 *
 * @name     slideList (or slideList)
 * @param    delay      Delay (in milliseconds) between iterations. Default 4 seconds (4000ms)
 * @example  $("#news").slideList(); // or $("#news").slideList(5000);
 *
 */
$.fn.slideList = $.fn.slideList = function(delay)
{
	delay = delay || 4000;
	initTicker = function(el)
	{
		stopTicker(el);
		el.items = $("li", el);
		// hide all items (except first one)
		//el.items.not(":eq(0)").hide().end();
		// current item
		el.currentitem = 0;
		startTicker(el);
		 var i=	$(el.items[el.currentitem]).attr("title");
		  var i1=	$(el.items[el.currentitem]).find("a").attr("innerHTML");
		 
		  //alert($(el.items[el.currentitem]).find("a").attr("title"));
				
                    	$("#bigImgView").attr({ "src": i});
                    	$(el.items[el.currentitem]).attr({ "class": "leadsCycleBg"});
                    	//$("#chan").attr({ innerHTML: "dddddddddddddd"});
                    	$("#chan").attr({ innerHTML: i1});
                    	 var i2=	$(el.items[el.currentitem]).find("a").attr("href");
                    	$("#chan").attr({ "href": i2});
                    	$("#linkbigImgView").attr({ "href": i2});
                    	
	};
	startTicker = function(el){		el.tickfn = setInterval(function() { doTick(el) }, delay)		};
	stopTicker = function(el){		clearInterval(el.tickfn);										};
	pauseTicker = function(el){		el.pause = true;												};
	resumeTicker = function(el){	el.pause = false;												};
	
	doTick = function(el){
		// don't run if paused
		if(el.pause) return;
		// pause until animation has finished
		el.pause = true;
		
		// hide current item
		var ia= $(el.items[el.currentitem]);
		  ia.removeClass();
		$(el.items[el.currentitem]).fadeOut("fast",
			function(){
				$(el.items[el.currentitem]).css({display:"block"}).appendTo($(el));
				// move to next item and show
				el.currentitem = ++el.currentitem % (el.items.size());
				$(el.items[el.currentitem]).fadeIn("slow",
					function()
					{
						el.pause = false;
						 var i=	$(el.items[el.currentitem]).attr("title");
				        $(el.items[el.currentitem]).attr({ "class": "leadsCycleBg"});
                    	 var i1=	$(el.items[el.currentitem]).find("a").attr("innerHTML");
		  //alert($(el.items[el.currentitem]).find("a").attr("title"));
				
                    	$("#bigImgView").attr({ src: i});
                    	//$("#chan").attr({ innerHTML: "dddddddddddddd"});
                    	$("#chan").attr({ "innerHTML": i1});
                    	
                    	 var i2=	$(el.items[el.currentitem]).find("a").attr("href");
                    	$("#chan").attr({ "href": i2});
                    	$("#linkbigImgView").attr({ "href": i2});
					}
				);
			}
		);
		//$("#ia li").eq(0).appendTo($("#ia"));
		//ia.;
		//alert(el.currentitem);
		
	};
	this.each(
		function(){
			if(this.nodeName.toLowerCase()!= "ul") return;
			initTicker(this);
		}
	)
	.hover(
		function(){
			//alert("ok");
			// pause if hovered over
			pauseTicker(this);
		},
		function(){
			// resume when not hovered over
			resumeTicker(this);
		}
	);
	return this;
};

})(jQuery);