var isViz = false;




$(document).ready(function(){ 

	$('#myDiv1').css( { backgroundColor: 'transparent' } );

	var o = $('#myGalleryA');
	var off = o.offset();

//	$('<div style="xborder:3px solid red; xbackground-color:Yellow; opacity:0.3; position:absolute;" id="proxy"></div>').appendTo('body');
//	$('#proxy').css({ left: off.left, top: off.top, width: o.width(), height: o.height(), zIndex: 200 });
	
	$('<div style="width:200px; height:40px; xborder:2px solid blue; background:transparent;" id="myDiv2"></div>').appendTo('#myDiv1');
	$('#myDiv2').css( { width: o.width(), height: o.height() } );

	$('#myDivMenu').css({ marginLeft: 714, marginTop: 130 - o.height(), width: o.width(), height: o.height(), zIndex: 400, cursor: 'pointer', position: 'absolute' });

	setInterval(function(){
		if ($('#myDivInner').css('visibility')!="hidden" && !isViz){
			$('#myGalleryLi').trigger('mouseover');
			isViz = true;
		}
		if ($('#myDivInner').css('display')=="none" && isViz){
			$('#myGalleryLi').trigger('mouseout');
			isViz = false;
		}
	}, 200);
	
});