var w1 = 0;



var h1 = 0;
var start1 = 100;
var end1 = 857;
var diff = end1 - start1;
var numPics = 6;
var avg1 = diff / 6;
var mid1 = avg1 / 2;

var menuFlag = 0;

var IE = document.all?true:false

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;

//document.onmousemove = openHover;

// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0
var divY = 0
var divMY = 0 
var divMX = 0 
// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    //tempX = event.clientX + document.documentElement.scrollLeft
    //tempY = event.clientY + document.documentElement.scrollTop
	 tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
		//document.getElementById("myy").innerHTML = tempY;
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
  //document.Show.MouseX.value = tempX
  //document.Show.MouseY.value = tempY
//document.getElementById("myy").innerHTML = "check 1";
	var obj01 = document.getElementById("contain01");

	divY = obj01.offsetLeft;

	var objMenu = document.getElementById("menu01");

	var objChoice = document.getElementById("choice1");
	//divMY = objMenu.offsetLeft;

	divMY = findPosY(objMenu);
	divMX = findPosX(objChoice);

	//document.getElementById("myy").innerHTML = "" + tempX + " " + divMX;

	var macY = divMY;

	if((tempY > macY - 50) &&  (tempY < (macY + 100)))
	{
//document.getElementById("myy").innerHTML = "check 7";
		openHover3(1);
	} else {
//document.getElementById("myy").innerHTML = "check 8";
		openLeaveDiv(1);
	}


  return true
}

function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }

function initiate()
{
lesson = gup('ThePage');
document.getElementById("name01").style.visibility= "hidden";
	document.getElementById("name02").style.visibility= "hidden";
	document.getElementById("name03").style.visibility= "hidden";
	document.getElementById("name04").style.visibility= "hidden";
	document.getElementById("name05").style.visibility= "hidden";
	document.getElementById("name06").style.visibility= "hidden";
	document.getElementById("name07").style.visibility= "hidden";

	var theImg01 = document.getElementById('choice1');
	theImg01.style.height = "50px";

var theImg02 = document.getElementById('choice2');
	theImg02.style.height = "50px";

var theImg03 = document.getElementById('choice3');
	theImg03.style.height = "50px";

var theImg04 = document.getElementById('choice4');
	theImg04.style.height = "50px";

var theImg05 = document.getElementById('choice5');
	theImg05.style.height = "50px";

var theImg06 = document.getElementById('choice6');
	theImg06.style.height = "50px";

var theImg07 = document.getElementById('choice7');
	theImg07.style.height = "50px";
	
setLinks();

}

function setLinks()
{
		//alert("setlinks");
		//document.getElementById("bookLink").innerHTML = "<form action='http://www.amazon.com/Instant-Indonesian-Express-Different-Phrases/dp/0804833710/ref=pd_bbs_sr_1/102-9118542-6769718?ie=UTF8&amp;s=books&amp;qid=1191292995&amp;sr=8-1' target='_blank'>";
		//document.getElementById("bookLink").innerHTML = "<form action='www.linkp.com'>";
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	//return [curleft,curtop];
	return curTop;
}

function openHover2(imgNum)
{

		var theImg22 = document.getElementById('choice1');
		theImg22.style.height = "50";
		var theImg22 = document.getElementById('choice2');
		theImg22.style.height = "50";
		var theImg22 = document.getElementById('choice3');
		theImg22.style.height = "50";
		var theImg22 = document.getElementById('choice4');
		theImg22.style.height = "50";
		var theImg22 = document.getElementById('choice5');
		theImg22.style.height = "50";
		var theImg22 = document.getElementById('choice6');
		theImg22.style.height = "50";
		var theImg22 = document.getElementById('choice7');
		theImg22.style.height = "50";


	var ImageSize = 75;

	if(imgNum == 1)
	{
		var theImg22 = document.getElementById('choice1');
		theImg22.style.height = ImageSize;
	} else if(imgNum == 2)
	{
		var theImg22 = document.getElementById('choice2');
		theImg22.style.height = ImageSize;
	} else if(imgNum == 3)
	{
		var theImg22 = document.getElementById('choice3');
		theImg22.style.height = ImageSize;
	} else if(imgNum == 4)
	{
		var theImg22 = document.getElementById('choice4');
		theImg22.style.height = ImageSize;
	} else if(imgNum == 5)
	{
		var theImg22 = document.getElementById('choice5');
		theImg22.style.height = ImageSize;
	} else if(imgNum == 6)
	{
		var theImg22 = document.getElementById('choice6');
		theImg22.style.height = ImageSize;
	} else if(imgNum == 7)
	{
		var theImg22 = document.getElementById('choice7');
		theImg22.style.height = ImageSize;
	} 
	

}

function openLeaveDiv(leaveNum)
{
	menuFlag = 0;

	document.getElementById("name01").style.visibility= "hidden";
	document.getElementById("name02").style.visibility= "hidden";
	document.getElementById("name03").style.visibility= "hidden";
	document.getElementById("name04").style.visibility= "hidden";
	document.getElementById("name05").style.visibility= "hidden";
	document.getElementById("name06").style.visibility= "hidden";
	document.getElementById("name07").style.visibility= "hidden";

		var theImg22 = document.getElementById('choice1');
		theImg22.style.height = "50px";
		var theImg22 = document.getElementById('choice2');
		theImg22.style.height = "50px";
		var theImg22 = document.getElementById('choice3');
		theImg22.style.height = "50px";
		var theImg22 = document.getElementById('choice4');
		theImg22.style.height = "50px";
		var theImg22 = document.getElementById('choice5');
		theImg22.style.height = "50px";
		var theImg22 = document.getElementById('choice6');
		theImg22.style.height = "50px";
		var theImg22 = document.getElementById('choice7');
		theImg22.style.height = "50px";
}
function openHover(numnum)
{
	menuFlag = 1;

	document.getElementById("name01").style.visibility= "hidden";
	document.getElementById("name02").style.visibility= "hidden";
	document.getElementById("name03").style.visibility= "hidden";
	document.getElementById("name04").style.visibility= "hidden";
	document.getElementById("name05").style.visibility= "hidden";
	document.getElementById("name06").style.visibility= "hidden";
	document.getElementById("name07").style.visibility= "hidden";
	
	if(numnum ==1)
	{	
	document.getElementById("name01").style.visibility= "visible";
	} else if(numnum ==2)
	{	
	document.getElementById("name02").style.visibility= "visible";
	} else if(numnum ==3)
	{	
	document.getElementById("name03").style.visibility= "visible";
	} else if(numnum ==4)
	{	
	document.getElementById("name04").style.visibility= "visible";
	} else if(numnum ==5)
	{	
	document.getElementById("name05").style.visibility= "visible";
	} else if(numnum ==6)
	{	
	document.getElementById("name06").style.visibility= "visible";
	} else if(numnum ==7)
	{	
	document.getElementById("name07").style.visibility= "visible";
	} 
}

function openClick(numnum)
{
	alert(mid1);
}

function openHover3(imgNum)
{
	var weight1 = 0;
	

	var indent = divY;
	
	var xindent = divMX - 210;
	
	if(!IE)
	{
		xindent = 0;
	}
	
	var myX = tempX - xindent;

	var myMid1 = 245 + indent;
	var myMid2 = 316 + indent;
	var myMid3 = 376 + indent;
	var myMid4 = 427 + indent;
	var myMid5 = 480 + indent;
	var myMid6 = 539 + indent;
	var myMid7 = 594 + indent;

	var scaler =5.5;
	var yscaler = .8;

	var size_increase = 35;


	var yoff = 0;
	var ycenter = divMY + 52;

	if(tempY > ycenter)
	{
		yoff = tempY - ycenter;
	} else {
		yoff = ycenter - tempY;
	}

	


	if(myX > myMid1)
	{
		weight1 = end1 - scaler * (myX - (myMid1));		
	} else {
		weight1 = end1 - scaler * ((myMid1) - myX);
	}

	var height1 = 50 + ((size_increase * weight1) / end1)  - (yscaler * yoff);

	if(height1 < 50)
	{
		height1 = 50;
	}

	var theImg31 = document.getElementById("choice1");
		
	

	//theImg31.style.height = height1;
	
	theImg31.style.height = String(height1)+"px";
	
	//document.getElementById("myy").innerHTML = tempX + "  " + myX + "  " + xindent + " " + height1;

	//alert(height1);

	weight1 = 0;

	if(myX > myMid2)
	{
		weight1 =  end1 - scaler * (myX - ((myMid2)));		
	} else {
		weight1 =  end1 - scaler * (((myMid2)) - myX);
	}

	var height2 = 50 + ((size_increase * weight1) / end1)  - (yscaler * yoff);

	var theImg32 = document.getElementById('choice2');
		

	if(height2 < 50)
	{
		height2 = 50;
	}

	//theImg32.style.height = height2;
	theImg32.style.height = String(height2)+"px";
	//alert(height2);
	
	if(myX > myMid3)
	{
		weight1 =  end1 - scaler * (myX - ((myMid3)));		
	} else {
		weight1 =  end1 - scaler * (((myMid3)) - myX);
	}

	var height3 = 50 + ((size_increase * weight1) / end1)  - (yscaler * yoff);


	if(height3 < 50)
	{
		height3 = 50;
	}

	var theImg33 = document.getElementById('choice3');
		
	//theImg33.style.height = height3;
	theImg33.style.height = String(height3)+"px";
	
if(myX > myMid4)
	{
		weight1 =  end1 - scaler * (myX - ((myMid4)));		
	} else {
		weight1 =  end1 - scaler * (((myMid4)) - myX);
	}

	var height4 = 50 + ((size_increase * weight1) / end1)  - (yscaler * yoff);


	if(height4 < 50)
	{
		height4 = 50;
	}

	var theImg34 = document.getElementById('choice4');
		
	//theImg34.style.height = height4;
	theImg34.style.height = String(height4)+"px";
	
if(myX > myMid5)
	{
		weight1 =  end1 - scaler * (myX - ((myMid5)));		
	} else {
		weight1 =  end1 - scaler * (((myMid5)) - myX);
	}

	var height5 = 50 + ((size_increase * weight1) / end1)  - (yscaler * yoff);


	if(height5 < 50)
	{
		height5 = 50;
	}

	var theImg35 = document.getElementById('choice5');
		
	//theImg35.style.height = height5;
	theImg35.style.height = String(height5)+"px";
	
if(myX> myMid6)
	{
		weight1 =  end1 - scaler * (myX - ((myMid6)));		
	} else {
		weight1 =  end1 - scaler * (((myMid6)) - myX);
	}

	var height6 = 50 + ((size_increase * weight1) / end1)  - (yscaler * yoff);


	if(height6 < 50)
	{
		height6 = 50;
	}

	var theImg36 = document.getElementById('choice6');
		
	//theImg36.style.height = height6;
	theImg36.style.height = String(height6)+"px";

	if(myX > myMid7)
	{
		weight1 =  end1 - scaler * (myX - ((myMid7)));		
	} else {
		weight1 =  end1 - scaler * (((myMid7)) - myX);
	}

	var height7 = 50 + ((size_increase * weight1) / end1)  - (yscaler * yoff);


	if(height7 < 50)
	{
		height7 = 50;
	}

	var theImg37 = document.getElementById('choice7');
		
	//theImg37.style.height = height7;
	theImg37.style.height = String(height7)+"px";
	
}

function getDetails(obj){
//alert(avg1);
//alert(tempX);
//var obj = document.getElementById('choice1');

//alert(tempY);
//alert(obj.offsetLeft);
//alert(obj.pageX);

var x1 = ((window.event)?window.event.x : e.pageX);
var y1 = ((window.event)?window.event.y : e.pageY);
var clickX = x1 - obj.offsetLeft;
//alert("c");
var clickY = y1 - obj.offsetTop;
//alert("d");
//alert(clickX);
//alert(clickY); 
}

//-->