var displayIcon1 = function() {
	displayItem('web');
	setTimeout('displayIcon2()', 500);
}

var displayIcon2 = function() {
	displayItem('video');
	setTimeout('displayIcon3()', 500);
}

var displayIcon3 = function() {
	displayItem('communication');
	initButtons();
}

var displayItem = function(item) {
	new Effect.Grow(item);
}

var initButtons = function() {
	var imgs = $$('.skills')[0].select('img');
	for (var i = 0; i < imgs.length; i++) {
		Event.observe(imgs[i], 'mouseover', displayInfos);
		Event.observe(imgs[i], 'mouseout', hideInfos);
	}
}

var displayInfos = function(e) {
	var img = e.element();
	var id = img.id;
	img.src = MODULE_IMGS + id + '_over.png';
	$('detail').update(wording.text.detail[id]);
}

var hideInfos = function(e) {
	var img = e.element();
	var id = img.id;
	img.src = MODULE_IMGS + id + '.png';
	$('detail').update();
}

var initReturn = function() {
	var return_link = $('return');
	return_link.show();
	Event.observe(return_link.down('a'), 'click', function() {
		var film = $('film');
		film.update();
		$('return').hide();
		film.hide();
		$('homepage').show();
	});
}


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}




var initPage = function() {
	displayIcon1();
	MM_preloadImages(MODULE_IMGS + 'communication_over.png', MODULE_IMGS + 'web_over.png', MODULE_IMGS + 'video_over.png');
	Event.observe($('loginbutton'), 'click', function() {
		$('loginform').show();
	});
	
	Event.observe($('linkvideo'), 'click', function() {
		$('homepage').hide();
		loadVideo('presentation_zoo2008', 'film');
		initReturn();
	});
}

Event.observe(window, 'load', initPage);