function initFiles(file) {
	
	//setup links
	var allWorks 		= 		$$('.imgworks');

	var url				=		file;
	this.visible		=		NaN;
	
	setVis(this.visible);
	//load initial layer
	if(url != '') {
		loadFile(url);
	} 
	//alert(allWorks.length);
	
	for(i=0; i < allWorks.length; i++) {
		Event.observe($(allWorks)[i], 'click', loadFile.bind(this));
	}
	
}

function setVis(vis) {
	this.visible = vis;
}

function getVis() {
	return this.visible;
}


function appearFile(holder) {
	new Effect.Appear($(holder), { 
			duration: 1.0
		});
}

function fadeFile(holder) {
	new Effect.Fade($(holder), { 
			duration: 1.0
		});
}

function loadFile(file) {
	
	if(isNaN(getVis())) {

		var holder = 'holder2';
		setVis(0);
	}

	if(getVis() == 0) {
		setVis(1);
		var holder = 'holder';
		var altHolder = 'holder2';
	} 

	if(getVis() == 1) {
		setVis(0);
		var holder = 'holder2';
		var altHolder = 'holder';
	}
	

	
	if(typeof file == 'object') {
		
		var e = file.target;
		//check if target is A
		if(e.tagName == 'A') {
			var file = e.id;
		} else {
			var file = e.parentNode.id;
		}
		url = '/'+file+'/';
	} else {
		url = file;
	}
	
	//alert(url)
	
	new Ajax.Request(url, {
		method: 'get',
		onSuccess: function(response) {
			fadeFile(altHolder);
			$(holder).innerHTML=response.responseText;
			appearFile(holder);
			;
		}
	});
}