function initProjects() {
	
	
	var projects = $("projects");
	
	var project  = null;
	var overlays = null;
	var overlay  = null;
	
	projects_list = projects.getElementsBySelector("div");

	for ( var i = 0; i < projects_list.length; i++) {
		project = projects_list[i];
		link = project.getElementsBySelector("div");
		if (link != "") {
			link[0].observe('mouseover', showProjectImage);
		}
	}
}

function showProjectImage(event) {
	link = Event.element(event);
	
	project = link.ancestors()[0];
	overlay = project.getElementsBySelector("img#overlay");
	
	link.stopObserving('mouseover', showProjectImage);
	link.observe('mouseout', hideProjectImage);
	
	if (overlay != "") {
		overlay[0].style.display = "none";
	}
}

function hideProjectImage(event) {
	link = Event.element(event);
	
	project = link.ancestors()[0];
	overlay = project.getElementsBySelector("img#overlay");
	
	link.stopObserving('mouseout', hideProjectImage);
	link.observe('mouseover', showProjectImage);
	
	if (overlay != "") {
		overlay[0].style.display = "block";
	}
}

function initGallery() {
	
	
	var gallery = $("gallery");
	
	var gallery_image  = null;
	var overlays = null;
	var overlay  = null;
	
	gallery_list = gallery.getElementsBySelector("div");

	for ( var i = 0; i < gallery_list.length; i++) {
		gallery_image = gallery_list[i];
		link = gallery_image.getElementsBySelector("div");
		if (link != "") {
			link[0].observe('mouseover', showGalleryImage);
		}
	}
}

function showGalleryImage(event) {
	link = Event.element(event);
	
	gallery = link.ancestors()[0];
	overlay = gallery.getElementsBySelector("img#overlay");

	link.stopObserving('mouseover', showGalleryImage);
	link.observe('mouseout', hideGalleryImage);
	
	if (overlay != "") {
		overlay[0].style.display = "none";
	}
}

function hideGalleryImage(event) {
	link = Event.element(event);
	
	gallery = link.ancestors()[0];
	overlay = gallery.getElementsBySelector("img#overlay");
	
	link.stopObserving('mouseout', hideGalleryImage);
	link.observe('mouseover', showGalleryImage);
	
	if (overlay != "") {
		overlay[0].style.display = "block";
	}
}

function showTwitters() {
	users = ['etruta', 'lupeke', 'malungo'];
	rand = (Math.random() * 100) / 34;
	getTwitters('twitter_message', { 
	  id: users[parseInt(rand)], 
	  count: 1, 
	  enableLinks: true, 
	  ignoreReplies: true, 
	  clearContents: true,
	  withFriends: true,
	  enableLinks: true,
		//template: '%text% <a href="http://twitter.com/%user_screen_name%/statuses/%id%/">[ %user_screen_name% ]</a>'
		template: '%text% <a href="http://twitter.com/%user_screen_name%/">[ %user_screen_name% ]</a>'
	});
}

function init(page) {
	
	if(page == "projects") {
		initProjects();
	}
	
	if(page == "gallery") {
		initGallery();
	}
	
}