// JavaScript Document


/*
* Get length of bar
* Get length of ticker
* work out when to duplicate ticker and add
* workout when to remove old ticker

bar = 800; ticker = 600
bar - ticker = point of duplication (200)

bar = 800; ticker = 1000
bar - ticker = point of duplication (-200)

ok ok ok

-(ticker) = old ticker removal point (-1000)
what happens here though is new ticker moves to -1000


at removal move ticker wrapper back to 0 and therefor makes sense to start ticker at 0! You can just restart the loop and have done

*/
var tickerWidth = 646;
var x = 646; //Starting Location - left && width of ticker area

//var y = 5; //Starting Location - top

//var dest_y = 10;  //Ending Location - top
var interval = 1; //Move 10px every initialization

  
window.onload = function() {
	  var newsvar=document.getElementById('ticker_out');
	  if(!newsvar){return;};
	  
	  var ticker_out=document.createElement('div');
	  ticker_out.id="ticker_out";
	  var tickerdiv=document.createElement('div');
	  tickerdiv.className="ticker";
	  tickerdiv.id="ticker_outer";
	  var tickerwrapperdiv=document.createElement('div');
	  tickerwrapperdiv.className="movable";
	  tickerwrapperdiv.id="tick1";
	  var tickerinnerdiv=document.createElement('div');
	  tickerinnerdiv.className="tickerinner";
	  tickerinnerdiv.id="currenttick";
	  var tickimg=document.createElement('img');
	  tickimg.src="graphics/new.gif";
	  tickimg.alt="NEW!";
	  ticktxt=" Cheques Cashed 3%... Cheques Cashed 3%...";
	  tckA=document.createElement('a');
	  tckA.href='cheque_cashing.php';
	  tckAtxt='Click here for details ';
	  tckA.appendChild(document.createTextNode(tckAtxt));
	  
	  
	  //<a href=""><img src="graphics/new.gif" alt="NEW!" />Cheques Cashed 3%...Cheques Cashed 3%...<img src="graphics/new.gif" alt="NEW!" />Cheques Cashed 3%...Cheques Cashed 3%</a>
	  
	  	  // measure ticktext length, need to double up string if shorter than ticker area, in this case about 200 characters is smallest length for this app
		  
	
		  
	  var tickareatextlength = 150;
	  var ticktxtCounter = ticktxt.length;
	while (ticktxtCounter < tickareatextlength){
	 // alert (ticktxtCounter);
	  var tickimgd=document.createElement('img');
	  tickimgd.src="graphics/new.gif";
	  tickimgd.alt="NEW!d";
	  tickerinnerdiv.appendChild(tickimgd);
	  tickerinnerdiv.appendChild(document.createTextNode(ticktxt));
	  tckAd=document.createElement('a');
	  tckAd.href='cheques_cashed.php';
	  tckAtxtd='Click here for details ';
	  tckAd.appendChild(document.createTextNode(tckAtxtd));
	 tickerinnerdiv.appendChild(tckAd);
	
	  ticktxtCounter += ticktxt.length;
	  }
	  
	  tickerinnerdiv.appendChild(tickimg);
	  tickerinnerdiv.appendChild(document.createTextNode(ticktxt));
	  tickerinnerdiv.appendChild(tckA);
	  
	  
	  
	  
	  tickerwrapperdiv.appendChild(tickerinnerdiv);
	  tickerdiv.appendChild(tickerwrapperdiv);
	  ticker_out.appendChild(tickerdiv);
	  

	  
	  newsvar.parentNode.replaceChild(ticker_out,newsvar);
	
	
	w=document.getElementById("tick1").offsetWidth;
	wrapperwidth=w*2;
	//add a few pixels to be safe
	wrapperwidth = wrapperwidth+200; // this may cause probs

		  document.getElementById("ticker_outer").style.width=wrapperwidth+"px"; // this needs to be set to stop div wrapping
	add = -(w-tickerWidth);
	remove =  -w;
	
// alert(add);
			//alert(ticktxt.length);
	 moveNews();return false;
	 
}
// Create a menu object, put everything we need into it



function moveNews() {
	//alert(3);



	//Keep on moving the image till the target is achieved
	//x = x - interval; 
	//if(y<dest_y) y = y + interval;
//document.getElementById("currenttick").addEventListener("mouseout",alertit,false);

	
	//Move the image to the new location
	//document.getElementById("tick2").style.top  = y+'px';
	
	//window.setTimeout('moveNews()',10);
	dn_interval=setInterval('scrollDOMnews()',10);
	var n=document.getElementById('ticker_out');
	n.onmouseover=function()
		{		
			clearInterval(dn_interval);
		}
		n.onmouseout=function()
		{
			dn_interval=setInterval('scrollDOMnews()',10);
		}

	
}

function scrollDOMnews(){
document.getElementById("tick1").style.left = x+'px';
	//dn_interval=setInterval('moveNews()',10);
	x--;
	

	if (x-interval == add){
		//add to
		//alert("hey");
		//alert(ticktxt);
	  var tickerinnerdivb=document.createElement('div');
	  tickerinnerdivb.className="tickerinner";
	  tickerinnerdivb.id="newtick";
	  var tickimg2=document.createElement('img');
	  tickimg2.src="graphics/new.gif";
	  tickimg2.alt="NEW!2";
	  
	  
	  
	  tickerinnerdivb.appendChild(tickimg2);
	  tickerinnerdivb.appendChild(document.createTextNode(ticktxt));
	  tckA2=document.createElement('a');
	  tckA2.href='cheque_cashing.php';
	  tckA2txt='Click here for details ';
	  tckA2.appendChild(document.createTextNode(tckA2txt));
	  tickerinnerdivb.appendChild(tckA2);
	  
	var tickareatextlength2 = 150;
	  var ticktxtCounter2 = ticktxt.length;
	  
	while (ticktxtCounter2 < tickareatextlength2){
	  //alert (ticktxtCounter2);
	  var tickimgd2=document.createElement('img');
	  tickimgd2.src="graphics/new.gif";
	  tickimgd2.alt="NEW!d";
	  
	  tickerinnerdivb.appendChild(tickimgd2);
	  tickerinnerdivb.appendChild(document.createTextNode(ticktxt));
	  tckAd2=document.createElement('a');
	  tckAd2.href='cheque_cashing.php';
	  tckAtxtd2='Click here for details ';
	  tckAd2.appendChild(document.createTextNode(tckAtxtd2));
	 tickerinnerdivb.appendChild(tckAd2);
	
	  ticktxtCounter2 += ticktxt.length;
	  }
	  
	  
	  adder = document.getElementById('tick1');
	  adder.appendChild(tickerinnerdivb);
		}
		

		
	if (x == remove){		
		//remove
		x=0;
		//document.getElementById("tick1").style.left = x+'px';
		document.getElementById("currenttick").id = 'oldtick';
		remover = document.getElementById('oldtick');
		remover.parentNode.removeChild(remover);
		document.getElementById("newtick").id = 'currenttick';
		} 

	}