var currentElement = null; // object

var x = 0;

var activeContainer;

var position = 1;



function doMove() {

	if (position == 2){

	if (x == 10) {

	position = 3;

	return;

	}

	currentElement.style.top = parseInt(currentElement.style.top)+2+'px';

	currentElement.style.opacity = x/10;

	currentElement.style.height = (x*8) + 100 + 'px';

	x++;

	setTimeout(doMove,30); // call doMove in 20msec

}

}



function init(container) {

	if (position == 1){

	currentElement = document.getElementById(container); // get the "currentElement" object

	currentElement.style.backgroundImage = "url(images/drop2.gif)";	

	currentElement.style.visibility = 'visible';

	currentElement.style.top = '0px';

	currentElement.style.height = '100px';

	position = 2;

	doMove(); // start animating

	}

}



function reset2(container) {	

position = 3;

x = 0;

currentElement = document.getElementById('container2');

currentElement.style.height = '0px';

currentElement.style.visibility = 'hidden';

currentElement.style.opacity = 0;

position = 1;

}



function reset(e, container) {

	if (!e) var e = window.event;

	e.cancelBubble = true;

	if (e.stopPropagation) e.stopPropagation();

currentElement = document.getElementById(container);

if (!e) var e = window.event;

var tg = e.toElement || e.relatedTarget;

if (tg.nodeName == 'TABLE' || tg.nodeName == 'TD' || tg.nodeName == 'TR' || tg.className == 'dots' || tg.className == 'dropdownlinks')return;

if (container == 'container2' && tg.id == 'container2') return;

if (container == 'container2' && tg.id == 'services') return;

if (tg.className == 'navbar') return;

if(tg.nodeName == 'undefined') return;

if(tg.nodeName == 'TBODY') return;

//var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;

//while (reltg != tg && reltg.nodeName != 'BODY')

	//	reltg= reltg.parentNode

//if (reltg== tg) return;

setTimeout("reset2('container2')", 200);

}