// Create Ajax Object
var http_req_big_img = createRequestObject();  

// =========== Get Next/Prev Image ================= START	
function Get_Big_Img(The_Sign){
	// Loading...
	document.getElementById('Big_Img').src = 'images/big_waiting.gif';
	// Get Img Name
	var strSubmit = 'Img_Id='+ Curr_Big_Img_Id +'&The_Sign='+ The_Sign;
       http_req_big_img.open('POST', 'get_big_img.asp');  
       http_req_big_img.setRequestHeader('Content-Type', 
	     'application/x-www-form-urlencoded');
       http_req_big_img.onreadystatechange = Get_Big_Img_Res;  
       http_req_big_img.send(strSubmit);
}

	    function Get_Big_Img_Res() {  
			if(http_req_big_img.readyState == 4){
//		alert(http_req_big_img.responseText);
				if (http_req_big_img.status == 200){
					// Text returned FROM the ASP script  
		         	var response = http_req_big_img.responseText;  
	            	// UPDATE ajax content  
		        	if(response) {  
						var Response_Arr = response.split(";|"); // Splits to Img ID & Img Path
						Curr_Big_Img_Id = Response_Arr[0]; // Update Current Img ID
						// Update Img Src
						document.getElementById('Big_Img').src = 'http://boysschool.hartman.org.il' + Response_Arr[1];
						// Update Img Text
						document.getElementById('Big_Img_Txt').innerHTML = Response_Arr[2];
			        }  
				} else {alert('error!!');} // ERROR Message
			}
		}  
// =========== Get Next/Prev Image ================= END

//========================= Find Object Position =================== START
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];
}
//========================= Find Object Position ===================== END

//========================= Set Temp Img on Main Img =================== START
function Position_Temp_Img(){
	var a = document.getElementById("Main_Img");
	var b = document.getElementById("Temp_Img_Over");
	var c = findPos(a);
	var l = eval(c[0] + 320);
	var t = eval(c[1] + 80);
	b.style.left = l + "px";
	b.style.top = t + "px";
	b.style.visibility = 'visible';
}
//========================= Set Temp Img on Main Img ===================== END

//========================= Set Big Img Arrows =================== START
function Big_Img_Arrows(){
	var a = document.getElementById("Td_Big_Img");
	var b = findPos(a);
	var c = document.getElementById("L_Arrow_Big_Img");
	var d = document.getElementById("R_Arrow_Big_Img");
	var l;
	var t;
	
	// Set Left Arrow
	l = eval(b[0] + 5);
	t = eval(b[1] + 170);
	c.style.left = l + "px";
	c.style.top = t + "px";
	// Set Right Arrow
	l = eval(b[0] + 433);
	d.style.left = l + "px";
	d.style.top = t + "px";
	// Show The Arrows
	c.style.visibility = 'visible';
	d.style.visibility = 'visible';
}
//========================= Set Big Img Arrows ===================== END