// JavaScript Document
// Magnify


var IE = document.all?true:false;
// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE);
var tempX = 0;
var tempY = 0;

function stopIt()
{
document.onmousemove=null;
}


// Set-up to use getMouseXY function onMouseMove
function whenDown(){
	
	
document.onmousemove = getMouseXY;

}


// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) {
//alert(slider.id+" : "+move.id+" : "+priority.id);
	
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;
	

  } else {  // grab the x-y pos.s if browser is NS
  if(document.onmousemove){
    tempX = e.pageX;
    tempY = e.pageY;
	
	}
	else{}

  }  

  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  //  
  // 
  // background small = 600px
  
  var tableX = 361
  var windoX = document.body.clientWidth;
  var offSet = ((windoX-tableX)/2);
  
  var windoY = document.body.clientHeight;
 // var offSetY = ((windoY+10)/2);
 var offSetY = 225;

/* document.Show.MouseX.value = tempX +":"+ document.body.clientWidth 
  	+":"+ offSet
	+":"+  event.clientX;
*/  //document.Show.MouseY.value = tempY
 //alert(document.width);

var movement = tempX-offSet;
var moveY = tempY-offSetY;

  if(movement >0 && movement < 250 && moveY > -35 && moveY < 175)
  {
document.getElementById('magnify').style.backgroundPosition=(-2.4*movement)+"px "+((-2.4*moveY)-80)+"px";
document.getElementById('magnify').style.left=movement+"px";
document.getElementById('magnify').style.top=(moveY)+"px";


  }

}

//// Function change is an image swapper with text //////

function change(img){
	
	var num = img.id.split("_");
	//alert("images/ss"+num[1]+".png");
var str ='';
	
	
	document.getElementById('main_image').src = "images/ss"+num[1]+".png";
	document.getElementById('text_div').innerHTML = eval("text.text_"+num[1]);
	
// set up slide show navigation 
	var plus = parseInt(num[1])+1;
	var minus = parseInt(num[1])-1;
	
	if(num[1]>1 && num[1]<8){
	str ="<a id=\"link_"+minus+"\" onclick=\"change(this);\">< Previous</a>";
	document.getElementById('img_'+minus).border = "0";
	}
	
	if(num[1]>1 && num[1]<7) str += " &nbsp;&nbsp;| &nbsp;&nbsp;";
	
	if(num[1]>0 && num[1]<7){
	str += "<a id=\"link_"+plus+"\" onclick=\"change(this);\">Next ></a>";
	document.getElementById('img_'+plus).border = "0";
	}
	document.getElementById('menu').innerHTML = str;

// scrolling div - position to current image.
	
	document.getElementById('scroll_menu').scrollTop = (num[1]*147)-147;
	document.getElementById('img_'+num[1]).border = "1";
	
}

var text = {
	text_1 : "<p><strong>Edit Project Infromation</strong> simply and easily with one panel access. Change the Project Name,"+ 							" Default Billing Rate, and assign who to invoice.</p>"+
            "<p>New Projects are created with a clone of this panel. All you have to do is enter the name of the project and default billing rate.</p>"+
          "  <p>Create as many projects as you need. </p>",
			
	text_2 : "<p><strong>Create, Edit, and Include Existing Users</strong> for your projects. Assign rights to the roles of your users. TaskLedger allows you to grant full access or restrict to just read-only.  </p>"+
	"<p>Rights gives <font color=\"#000000\">TaskLedger</font>&#8482; the flexibility to invite customers to view and interact with the project activity while tracking and accounting for your efforts.</p>"+
	"<p>Project Transparency is one of the main features offered by <font color=\"#000000\">TaskLedger</font>&#8482;.</p>",
	
		text_3 : "<p><strong>Financial Snap Shots</strong> are displayed concisely and accurately with one click. A great way to stay on track for budget minded users.</p><p>No more excuses. Some projects run over budget. You and your customers will have access to the most current billing information. Niether party can claim \"they didn\'t know\".</p>"+
		"<p>Start getting paid for your efforts!  <font color=\"#000000\">TaskLedger</font>&#8482; gives you the tools you need to convert time into money.</p>",
		
	text_4 : "<p><strong>Add Credits</strong> to your project to keep the balance accurate.  If you collect funds during the course of your project, you can record those proceeds by adding credit to the project.</p>"+
	"<p>Credits are reported in the financial snap shot as well as the invoice. A great way to show your customers you are on the up and up.</p>",
	
	text_5 : "<p><strong>Time Cards</strong> reports individual punch-in / punch-out for each task.  A great way to examine which tasks are consuming more time than others and allocate resources.</p>"+
	"<p>Time cards also report a task expense based on the task billing rate and total accured time.</p>",
	
	text_6 : "<p><strong>Task Rates</strong> can also be independently changed if the task is more difficult (or simple) than other.  The financial snap shot accounts for all tasks and thier independent billing rate. </p>"+
	"<p><font color=\"#000000\">TaskLedger</font>&#8482; allows you to spend more time making money and being productive.</p>",
	
	text_7 : "<p><strong>Task Status</strong> is an easy way to report a tasks current status. It also allows the customer to \"approve\" or \"verify\" your actions, thereby providing a progressive levels of completion to guide the project to the goal.</p>"+
	"<p>As you can see, the main idea behind <font color=\"#000000\">TaskLedger</font>&#8482;  is to give you the tools to undertake projects and get PAID.  Because it facilitates transparency between you and your customers, you will establish a more trusting relationship, thereby a more financially secure business operation.</p>"+
	"<p><a href=\"sign_up.php\">Sign-up</a> Today!  You have nothing to lose. It's FREE!</p>"
	
}