var duration = 0.3;
var loaded_projects = [];
var type = '';

function inArray(array, value) {
	for(var i = 0; i < array.length; i++) {
		if(array[i] == value) return true;
	}
	
	return false;
}

function slide(id) {
	var element = $('project-' + id);
	
	if(element.style.display == '') {
		$('link-' + id).removeClassName('active');
		new Effect.SlideUp(element, {duration: duration});
	} else {
		loadProject(id);
	}
}

function loadProject(id) {
	if(inArray(loaded_projects, id)) {
		$('link-' + id).addClassName('active');
		new Effect.SlideDown($('project-' + id), {duration: duration});
	} else {
		$('link-' + id).addClassName('loading');
		
		new Ajax.Updater('images-' + id, 'get_project.php', {
			onComplete: function(transport) {
				$('link-' + id).removeClassName('loading');
				$('link-' + id).addClassName('active');
				new Effect.SlideDown($('project-' + id), {duration: duration});
			
				if(!inArray(loaded_projects, id)) {
					loaded_projects.push(id);
				}
			},
			parameters: {id: id, type: type}
		});
	}
}