/*
 * jQuery newsTicker plugin
 *
 * Released: 2009-11-23
 * Version: 1.0
 *
 * Copyright (c) 2009 Fabian de Rijk, Total Active Media
 * Dual licensed under the MIT and GPL licenses.
 * http://docs.jquery.com/License
 */
(function($){

 	$.fn.extend({ 

 		newsTicker: function(options) {
			/*
			 * Usage:
			 * $('#divname').newsTicker();
			 * Available options:
			 * 	showTime: The time a single news item is showed in milliseconds, defaults to 5000
			 * 	childDivClass: The classname of the divs where the actual news is in, defaults to tickerText
			 * 	activeClass: The class added to the shown news item, defaults to activeTicker
			 * 	effect: The effect type used to show/hide a news item, defaults to fade, other options: slide
			 * 	effectTime: The time in milliseconds it takes to do each step in the effect, defaults to 500
			 * 	
			 * Example with full options
			 * $('#divname').newsTicker({
			 * 	showTime: 10000,
			 * 	childDivClass: 'childClass',
			 * 	activeClass: 'activeClass',
			 * 	effect: 'slide',
			 * 	effectTime: 1000
			 * });
			 */

			var defaults = {
				showTime: 3000,
				childDivClass: 'tickerText',
				activeClass: 'activeTicker',
				effect: 'fade',
				effectTime: 300
			}

			var options =  $.extend(defaults, options);
			var obj = $(this);
			var childLength = obj.children('.'+options.childDivClass).length;
			var children = obj.children('.'+options.childDivClass)
			var firstChild = obj.children('.'+options.childDivClass+':first');
			var t;
			
			
			var container = $(".tickerText");
			l = container.length;
			
			for(var i=0;i<l;i++)
			{
				var get_node = $("#hours_slide");
				get_node.append("<img onClick='goto_item(this,"+i+");' id='slider_bullet_item_"+i+"' style='padding: 5px; cursor: pointer;' src='/Files/System/images/hours_disable.gif' />");
			}


			return this.each(function() {
					if(childLength > 1) {
						var el = obj.children('.'+options.childDivClass+':first');
						el.addClass(options.activeClass);
						startTimer();
					}
			});
			
			
			
			
			function startTimer(){
				
				if(hour_index ==0)
				{
					get_node = $("#slider_bullet_item_"+(l-1));
					get_node.replaceWith("<img onClick='goto_item(this,"+(l-1)+");' id='slider_bullet_item_"+(l-1)+"' style='padding: 5px; cursor: pointer;' src='/Files/System/images/hours_disable.gif' />");
				}
				else
				{
					get_node = $("#slider_bullet_item_"+(hour_index-1));
					get_node.replaceWith("<img onClick='goto_item(this,"+(hour_index-1)+");'  id='slider_bullet_item_"+(hour_index-1)+"' style='padding: 5px; cursor: pointer;' src='/Files/System/images/hours_disable.gif' />");
				}
				
				var get_node = $("#slider_bullet_item_"+hour_index);

				get_node.replaceWith("<img onClick='goto_item(this,"+hour_index+");' id='slider_bullet_item_"+hour_index+"' style='padding: 5px; cursor: pointer;' src='/Files/System/images/hours_enable.gif' />");
				
				
				
				
					
				hour_index++;
				if(hour_index>= l)
					hour_index = 0;
				
				var delay = options.showTime;
				t = setTimeout(function() {
					showNewTicker();
				}, delay);
			}
			
			
			
			function resetTimer(){
				clearTimeout(t);
				startTimer();
			}
			
			function showNewTicker() {
				var active = obj.children('.'+options.activeClass);
				var next = active.next();
				if(next.length == 0) {
					next = firstChild;
				}
				switch(options.effect) {
					default:
					case 'fade':
						// fade out active div
						children.each(function() {
							if(!$(this).hasClass(options.activeClass)) {
								$(this).hide();
							}
						});
						active.fadeOut(options.effectTime, function() {
							active.removeClass(options.activeClass);
							next.fadeIn(options.effectTime, function() {
								next.addClass(options.activeClass);
								resetTimer();
							})
						})
						break;
					case 'slide':
						// slide active div up
						var i = 0;
						children.each(function() {
							if($(this).css('position') != 'relative') {
								if ($(this).hasClass(options.activeClass)) {
									$(this).css('position', 'relative').css('top', '0px').attr('rel', i);
								}
								else {
									var t = 186 - i * 186;
									$(this).css('position', 'relative').css('top', t+'px').attr('rel', i);
								}
								
								i++;
							}
						})
						active.animate({
							top: parseInt(active.css('top').replace('px', '')) - 186
						}, options.effectTime, 'swing', function() {
							var t = 186 - parseInt(active.attr('rel')) * 186;
							active.css('top', t+'px');
						});
						next.animate({
							top: parseInt(next.css('top').replace('px', '')) - 186
						}, options.effectTime, 'swing', function() {
							active.removeClass(options.activeClass);
							next.addClass(options.activeClass);
							resetTimer();
						});
						break;
				}
			}
  	}
	});
	
})(jQuery);