function getPositionX(obj){
	var leftValue= 0;
	while(obj){
		leftValue+= obj.offsetLeft;
		obj= obj.offsetParent;
	}
	finalvalue = leftValue;
	return finalvalue;
}

function getPositionY(obj){
	var topValue= 0;
	while(obj){
		topValue+= obj.offsetTop;
		obj= obj.offsetParent;
	}
	finalvalue = topValue;
	return finalvalue;
}

function expandforecast(){
	var div=document.getElementById('clima');
	var left=getPositionX(div);
	var top=getPositionY(div);
	document.getElementById('forecast').style.left=left-13+"px";
	document.getElementById('forecast').style.top=top+30+"px";
	document.getElementById('forecast').style.display  = "block";
}

function contractforecast(){
	document.getElementById('forecast').style.display  = "none";
}
	

function expandchangecity(){
	var div=document.getElementById('clima');
	var left=getPositionX(div);
	var top=getPositionY(div);
	document.getElementById('changelocation').style.left=left-13+"px";
	document.getElementById('changelocation').style.top=top+30+"px";
	document.getElementById('changelocation').style.display  = "block";
}

function contractchangecity(){
	document.getElementById('changelocation').style.display  = "none";
}