Metacat

function show_map() {

	Element.show('mapControlHide')

	Element.hide('mapControlShow')

	// reset the map position in the iframe

	$("mapContainer").setAttribute("style", "right:-212px;");

	// expand the iframe

	var frm = top.getMapFrame();

	frm.setAttribute("style", "width:295px;right:0;");

	var element = $('mapContainer')

	new Effect.Move(element, { x: -212, y: 0, duration: 0.2})

	//setTimeout('$("mapContainer").setAttribute("style", "position:absolute;left:0;")', 300);

	//alert('moved');

	//do_move_anim(-260);

}

/*

 * Don't animate.  Just shrink the outer frame and make left:0.

 */

function hide_map() {

	Element.show('mapControlShow')

	Element.hide('mapControlHide')

	var element = $('mapContainer')

	//new Effect.Move(element, { x: 260, y: 0, duration: 0.1})

	$("mapContainer").setAttribute("style", "left:0px;");

	//alert('moved');

	//setTimeout('getElementsByClassName(top.document, "iframe", "iframeMap")[0].setAttribute("style", "width:35px;right:0;")', 200);

	// shrink the iframe

	var frm = top.getMapFrame();

	frm.setAttribute("style", "width:35px;right:-3px;");

	//alert('closed');

	//alert('now');

	//setTimeout('$("mapContainer").setAttribute("style", "left:0;")', 400);

	//$("mapContainer").setAttribute("style", "right:-212px;");

	//alert($("mapContainer").getAttribute("style"));

	//alert('adjusted');

	//do_move_anim(260);

}

//

// animate the drawer

//

function do_move_anim(xdelta) {

	var element = $('mapContainer')

	var old_right = Element.getStyle(element, 'right')

	//alert("right:" + old_right);

	old_right = old_right.substring(0,old_right.indexOf("px"));

	var new_right = old_right + xdelta;

	new_right = new_right + "px";

	new_right = "0px";

	var new_left;

	if (xdelta > 0) {

		// hide

		new_left = "0px";

		new_right = "0px";

	} else {

		// show

		new_left = "0px";

		new_right = "0px";

	}

	var newStyle = {

		left: new_left,

		right: new_right};

	Element.setStyle(element, newStyle);

	//alert(xdelta + ": " + Element.getStyle(element, 'left') + "=l R=" + Element.getStyle(element, 'right'));

/*

*/

	//new Effect.Move(element, { x: xdelta, y: 0, duration: 0.3})

	/*

	new Effect.Move(element, { x: xdelta, y: 0, duration: 0.3, 

		afterFinishInternal: function(effect) { with(Element) {

			undoPositioned(effect.element); setStyle(effect.element, newStyle);	}}})

	new Effect.Move(element, { x: xdelta, y: 0, duration: 0.3, 

		afterFinishInternal: function(effect) { with(Element) {

			setStyle(effect.element, newStyle);	}}})

			*/

	//Element.setStyle(element, newStyle);

	//alert(Element.getStyle(element, 'left') + "=l R=" + Element.getStyle(element, 'right'));

}