/*
CODE FOR HTML PAGE

<script type="text/javascript" src="http/home/scroll.js"></script>
<script language="javascript" type="text/javascript" src="scripts/scroll.js"></script>
<div id="cont" style="position:relative; height:420px; width:100%; z-index:2; overflow:hidden;">
<div id="innerCont" style="position:absolute; z-index:1; ">
--- CONTENT WILL COME HERE ----
</div>
</div>
<div id="arrowsDiv" style=" padding-top:6px;"></div>
<script>
setArrows('cont','innerCont','arrowsDiv');
</script>

*/


var lyrheight = 0;
var time,amount,theTime,theHeight, divname, mov, container,contHeight;
var newPos=0;
var newPos2=0;
var newPos3=0;
var newPosRaw=0;
var downArrowImg = "images/downarrow.gif";
var upArrowImg  = "images/uparrow.gif";

function setArrows(cont,layername,arrowDiv)
{
	
layerHeight = document.getElementById(layername).offsetHeight;	
contHeight = document.getElementById(cont).offsetHeight;
//alert(layername);
//alert(layerHeight+" >= "+contHeight);
if(layerHeight >= contHeight)
{
document.getElementById(arrowDiv).innerHTML = '<a href="#" onmouseover="scrollayer(\''+cont+'\',\''+layername+'\',-10,100,\'up\')"	onmouseout="stopScroll()"><img  class="txt10 orange" src="'+upArrowImg+'" alt="Scroll Up" border="0" /></a><a href="#" onmouseover="scrollayer(\''+cont+'\',\''+layername+'\',10,100,\'down\')"	onmouseout="stopScroll()"><img class="txt10 orange" src="'+downArrowImg+'" alt="Scroll Down"  border="0"/></a>';
}

}





function scrollayer(cont,layername,amt,tim,type)
{
	//alert(cont+","+layername+","+amt+","+tim+","+type);

	amount = amt;
	theTime = tim;
	divname = layername;
	mov = type;
	container = cont;
	
	if(mov == 'up' || mov == 'down')
	{
	theHeight = document.getElementById(layername).offsetHeight;
	contHeight = parseInt((document.getElementById(container).style.height.split("px"))[0])-100;
	}
	 if(mov == 'left' || mov == 'right')
	{
	theHeight = document.getElementById(layername).offsetWidth;
	
	contHeight = parseInt((document.getElementById(container).style.width.split("px"))[0])-20;
	}
	
	
		realscroll();
	

}

function realscroll()
{
	//alert(newPos+"-"+((theHeight-newPos)+"-"+(contHeight+100));
	
	
	// Up n down
	if(mov == 'up' || mov == 'right')
	{
		if(newPos <= 0 ) 
		{
			
		movNow();
		time = setTimeout('realscroll()',theTime);
		}
		else
		{
		stopScroll();
		}
	}
	else if(mov == 'down' || mov == 'left')
	{
	
		if(newPos3 < theHeight ) 
		{	
			
			movNow();
		time = setTimeout('realscroll()',theTime);
		}
		else
		{
			
		stopScroll();
		}
	}
	
//document.getElementById("values").value = newPos+"-"+((theHeight)+"-"+(contHeight+100));	
}

function movNow()
{
		newPos -= amount;
		
		if(mov == 'up' || mov == 'down' )
		{
		document.getElementById(divname).style.top = newPos+"px";
		}
		
		if(mov == 'left' || mov == 'right')
		{
			document.getElementById(divname).style.right = newPos+"px";
		}	
		
	newPosRaw = newPos;
	newPos2 = parseInt(-newPos);
	
	
	newPos3 = newPos2+contHeight;
	
}

function stopScroll()
{	
	clearTimeout(time);
	//break;
}