//IFrame Shim
//This is used under div elements so that the div element will appear above embedded objects.
//The shim should allow flyouts to appear above flash objects even if they are not translucent, java applets and form elements like selects.
//The current version has only been tested for IE 6 and 7 and FireFox 2
//
function shimIn(width,height,topOffset,leftOffset,zindex,element){
		 // create an iframe at the exact same position and 
        // size as the  flyout  
		var browser=navigator.appName
        var shimmer = document.createElement('iframe');
		
		console.log('start');
		xyPos = findPos(element);
		yPos = xyPos[1] + topOffset + 'px';
		xPos = xyPos[0] + leftOffset + 'px';
		
        shimmer.id='shimmer';	
		shimmer.style.width=width;
        shimmer.style.height=height;
        shimmer.style.top=yPos;
        shimmer.style.left=xPos;
        shimmer.style.zIndex=zindex;
		
		console.log(width + ' - ' + height + ' - ' + xPos + ' - ' + yPos );
		
		//Positioning needs to be fixed in FF 
		if (browser=="Microsoft Internet Explorer"){
			shimmer.style.position='absolute';
		}
		else{
			shimmer.style.position='fixed';
		}
	
		//This gives IE browsers zero opacity
		shimmer.style.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=50)';
		//This gives FF zero opacity
		shimmer.style.opacity='50';
        shimmer.setAttribute('frameborder','0');
        shimmer.setAttribute('src','javascript:false;');
		document.body.appendChild(shimmer);
		console.log('end');
	}
	
function shimOut(){//alert('shimout');
	//var shimmer = document.getElementById('shimmer');

	if (document.getElementById('shimmer')) {
		document.body.removeChild(document.getElementById('shimmer'));
	}
}

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];
}