// JavaScript Document

function toggle(subid)
{
	obj_menu = document.getElementById('subMenu'+subid);
	var imgObject = obj_menu.parentElement.rows[0].cells[0];
	if(obj_menu.style.display == 'none')
	{
		//alert(1);
		document.getElementById('targetarrow' + subid).innerHTML='<img src="../images/red-arrow01.gif" width="21" height="17">';
		obj_menu.style.display = 'inline';
		//imgObject.innerHTML='<img src="../images/red-arrow01.gif" width="21" height="17">';
	}
	else
	{
		//alert(2);
		//document.getElementById('targetarrow').style.display = 'none';
		obj_menu.style.display = 'none';
		//imgObject.innerHTML='<img src="../images/red-arrow00.gif" width="21" height="17">';
		document.getElementById('targetarrow' + subid).innerHTML='<img src="../images/red-arrow00.gif" width="21" height="17">';
	}
}

function toggleOut(obj){
	obj.className='LeftMenuInActiveBg';
	var imgObject = obj.parentElement.rows[0].cells[0];
	if(imgObject.innerHTML.indexOf('transparentarw.gif') != -1){
	    imgObject.innerHTML='<img src="../images/red-arrow00.gif" width="21" height="17">';
	}else if(imgObject.innerHTML.indexOf('red-arrow01.gif') != -1){
	    imgObject.innerHTML='<img src="../images/red-arrow01.gif" width="21" height="17">';
	}
}

function toggleOvr(obj){
	obj.className='LeftMenuActiveBg';
	var imgObject = obj.parentElement.rows[0].cells[0];
	if(imgObject.innerHTML.indexOf('red-arrow00.gif') != -1){
	    imgObject.innerHTML='<img src="../images/red-arrow00.gif" width="21" height="17">';
	}else if(imgObject.innerHTML.indexOf('red-arrow01.gif') != -1){
	    imgObject.innerHTML='<img src="../images/red-arrow01.gif" width="21" height="17">';
	}
}

function zoomView(obj, zoomImg, imageAlt){
	document.getElementById(obj.id).className="emb175Over";
	var zoomBucket = document.getElementById("zoomLayer");
	zoomBucket.style.display="block";
	var bucketCont = '<div style="padding:8px;position:relative;z-index:4;width:100%;">';
	bucketCont+= '<img src="../images/embraer175/'+zoomImg+'" />';
	bucketCont+= '<div class="calloutHeader">'+imageAlt+'</div></div>';
	zoomBucket.innerHTML = bucketCont;
	var bucketX = parseInt(zoomBucket.offsetLeft);
	var bucketY = parseInt(zoomBucket.offsetTop); 
	var imageCX = parseInt(obj.offsetLeft);
	var imageCY = parseInt(obj.offsetTop);
	with(document.getElementById("callOut")){
		style.display = "block";
		style.left = imageCX+93; // Adjusted according to callout pointer
		style.top = bucketY;
		style.width = (bucketX - imageCX);
		style.height = '218px'; // Adjusted according to callout pointer
	}
	
}

function zoomOut(obj){
	document.getElementById("zoomLayer").style.display="none";
	document.getElementById(obj.id).className="emb175Normal";
	document.getElementById("callOut").style.display = "none";
}