var images = new Object();
var image1 = new Image(); image1.src = "/img/button_b.jpg";
var image2 = new Image(); image2.src = "/img/marvin_b.jpg";
var image3 = new Image(); image3.src = "/img/photo_b.jpg";
var image4 = new Image(); image4.src = "/img/box_b.jpg";

var up = 1;
var down = -1;

function grow (imgObject, image) {
	info(image);
	if (!images[image]) {
		images[image] = new Object();
		images[image]['image'] = imgObject;
		images[image]['name'] = image;
		images[image]['imageBig'] = imgObject;
		images[image]['running'] = false;

		imgbig = new Image();
		imgbig.src = '/img/'+image+'_b.png';
	}
	images[image]['direction'] = up;
	images[image]['image'].src = '/img/'+image+'_b.jpg';

	if (!images[image]['running'])
		sizeLoop(image);
	return true;
}

function sizeLoop (image) {
	images[image]['running'] = true;

	var keep_looping = false;

	if (images[image]['direction'] == up && images[image]['image'].height != 96) {
		images[image]['image'].height += 4;
		images[image]['image'].width += 4;
		keep_looping = true;
	} else if (images[image]['direction'] == down && images[image]['image'].height != 48) {
		images[image]['image'].height -= 4;
		images[image]['image'].width -= 4;
		keep_looping = true;
	} else if (images[image]['direction'] == down && images[image]['image'].height == 48) {
		images[image]['image'].src = '/img/'+image+'.jpg';
	}

	if (keep_looping)
		setTimeout("sizeLoop('"+image+"')", 10);
	else
		images[image]['running'] = false;
}

function shrink (image) {
	info();
	images[image]['direction'] = down;

	if (!images[image]['running'])
		sizeLoop(image);
	return true;
}

function info (name) {
	if (!name) {
		document.getElementById('info-title').innerHTML = '';
		document.getElementById('info-line').innerHTML = '';
	} else if (name == 'marvin') {
		document.getElementById('info-title').innerHTML = 'Blog';
		document.getElementById('info-line').innerHTML = '...somewhere on the cyberspace';
	} else if (name == 'photo') {
		document.getElementById('info-title').innerHTML = 'Pictures';
		document.getElementById('info-line').innerHTML = 'friends, events and more...';
	} else if (name == 'box') {
		document.getElementById('info-title').innerHTML = 'Files';
		document.getElementById('info-line').innerHTML = 'Various stuff';
	} else if (name == 'button') {
		document.getElementById('info-title').innerHTML = 'Goodbye,';
		document.getElementById('info-line').innerHTML = 'and thanks for all the fish!';
	}
}

function sh(){
	el = document.getElementById('metaverso');
	if(el.style.display == 'none'){
    		el.style.display = 'block';
	}else{
		el.style.display='none';
	}
		
}

