// JavaScript Document
$(function() {
		var ticker = $("#ticker1");
		var ticker2 = $("#ticker2");
		ticker.children().filter("ul").each(function() {
		  var dt = $(this),
		    container = $("<div>");
		  	dt.next().appendTo(container);
		  	dt.prependTo(container);
		 	container.appendTo(ticker);
		});
		ticker.css("overflow", "hidden");
		
		function animator(currentItem) {
		    
		  var distance = currentItem.height();
			duration = (distance + parseInt(currentItem.css("marginTop"))) / 0.025;
		  	currentItem.animate({ marginTop: -distance }, duration, "linear", function() {
			currentItem.appendTo(currentItem.parent()).css("marginTop", 0);
			animator(currentItem.parent().children(":first"));
		  }); 
		};
		animator(ticker.children(":first"));
		var j=0		
		$('#stop').click(function() {
		  ticker.children().stop();
		  j=1
		  $('#stop').hide();
		  $('#play').show();
		  document.getElementById("ticker1").style.overflow="scroll";
		   $("#ticker1 li").addClass("stoped");

		  
		});
		
				
		ticker.mouseenter(function() {
		  ticker.children().stop();
		});

		$('#play').click(function() {
		  animator(ticker.children(":first"));
		  j=0
		  $('#stop').show();
		  $('#play').hide();
		  document.getElementById("ticker1").style.overflow="hidden";
		   $("#ticker1 li").removeClass("stoped");

		});
		
		ticker.mouseleave(function() {
		if(j == 0)
		  animator(ticker.children(":first"));
		});
		
		
		
		
		
		ticker2.children().filter("ul").each(function() {
		  var dt = $(this),
		    container = $("<div>");
		  	dt.next().appendTo(container);
		  	dt.prependTo(container);
		 	container.appendTo(ticker2);
		});
		ticker2.css("overflow", "hidden");
		
		
		
		animator(ticker2.children(":first"));
		var k=0	
		$('#stop2').click(function() {
		  ticker2.children().stop();
		  k=1
		  $('#stop2').hide();
		  $('#play2').show();
		  document.getElementById("ticker2").style.overflow="scroll";
		   $("#ticker2 li").addClass("stoped");

		  
		});
		
				
		ticker2.mouseenter(function() {
		  ticker2.children().stop();
		});

		$('#play2').click(function() {
		  animator(ticker2.children(":first"));
		  k=0
		  $('#stop2').show();
		  $('#play2').hide();
		   document.getElementById("ticker2").style.overflow="hidden";
		   $("#ticker2 li").removeClass("stoped");

		});
		
		ticker2.mouseleave(function() {
		if(k == 0)
		  animator(ticker2.children(":first"));
		});
				
	  });