/*
LOGIN RECISE STUFF
*/
var pos;
var finalPosition;
var myTimer;
var myVar;
var cnt;
var altura;

function move(finalSize){
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
	var ieversion=new Number(RegExp.$1); // capture x.x portion and store as a number
}

	cnt=document.getElementById('moreImages');
	pos = cnt.clientHeight;
	myVar = cnt.clientHeight;
	finalPosition = finalSize;
	clearInterval(myTimer);
	altura = 512;
	
	if(pos > 140){
		altura = 392;

		finalPosition = 18;
		if (ieversion>=5 && ieversion<7){
			altura = 384;
		} 
	}
	
	
	
	
	resize_element(finalPosition);

}

function resize_element(size) {

	if (myVar < size){
		myTimer=setInterval("increaseBorder()",10);
	} else if (myVar > size) {
		myTimer=setInterval("decreaseBorder()",10);
	} else if (myVar == size) {
		myTimer=setInterval("decreaseBorder()",10);
	} else {
		alert('error from: ' + myVar + ' to: ' + size);
	}
}

function increaseBorder(){
	pos = pos + 10;
	altura = altura - 10;

	if( pos < finalPosition ){
		cnt.style.height = pos + 'px';
		cnt.style.top = altura + 'px';
	} else if(pos >= finalPosition){
		clearInterval(myTimer);
	} else {
		clearInterval(myTimer);
		alert('Houston, we have a problem!!!');
	}
}

function decreaseBorder(){
	pos = pos - 10;
	altura = altura + 10;
	
	if( pos > finalPosition ){
		cnt.style.height = pos + 'px';
		cnt.style.top = altura + 'px';
	} else if(pos <= finalPosition){
		clearInterval(myTimer);
	} else {
		clearInterval(myTimer);
		alert('Houston, we have a problem!!!');
	}
}

