window.addEvent('domready', function() {
	var contentBox = $E("content");
	//var contentBg = $E("trans_content_bg");
	//contentBg[0].setStyle('width', contentBox[0].getStyle("width").toInt());
	$('content').setStyle('width', '720px');
	//this.overlay = new Element('div', {'id': 'project_infobox'}).injectInside(document.body);

});

window.addEvent('load', function() {
	var contentBox = $E("content");
	//var contentBg = $E("trans_content_bg");
	//contentBg[0].setStyle('width', contentBox[0].getStyle("width").toInt());
	$('content').setStyle('width', '720px');
	//this.overlay = new Element('div', {'id': 'project_infobox'}).injectInside(document.body);

});

function highlightProject(id){
	projectContent = $$("#project_content");
	projectRows = projectContent[0].getChildren();
	for (var i=0;i<projectRows.length;i++)
	{	
		projectImage = projectRows[i].getChildren();
		if(projectImage[0].hasClass(id)){
			projectImage[0].setStyle('border', 'solid 1px white');
			continue;
		}
		projectImage[0].setStyle('opacity', '0.5');
		projectRows[i].setStyle('color', '#222222');
	}	
}

function unHighlightProject(id){
	projectContent = $$("#project_content");
	projectRows = projectContent[0].getChildren();
	for (var i=0;i<projectRows.length;i++)
	{
		projectImage = projectRows[i].getChildren();
		if(projectImage[0].hasClass(id)){
			projectImage[0].setStyle('border', 'solid 1px black');
			continue;
		}		
		projectImage[0].setStyle('opacity', '1');
		projectRows[i].setStyle('color', '#e5e5e5');
	}
}

function unPresentProject(){
	$('lbOverlay').remove();
	$('lbCenter').remove();
}

function presentProject(id){	
	this.overlay = new Element('div', {'id': 'lbOverlay'});	
	this.overlay.injectInside(document.body);
	this.center = new Element('div', {'id': 'lbCenter', 'styles': {'width': 642, 'marginLeft': -321}});	
	this.center.injectInside(document.body);	
	this.center.setStyle('top', 50+window.getScrollTop());	
	this.overlay.addEvent('click', function(){unPresentProject();});
	//$('close_proj').addEvent('click', function(){unPresentProject();});
	//this.center.addEvent('click', function(){unPresentProject();});

	var url = 'http://'+window.location.host+'/home/components/com_mcproject/ajax_project.php?id='+id;
	
	new Ajax(url, {
		method: 'get',
		update: $('lbCenter'),
		onSuccess: function(){
						this.overlay.setStyle('width', window.getScrollWidth());
						this.overlay.setAttribute('alt','Remove Friend');
					}.bind(this),
		evalScripts: true
	}).request();
	
	this.overlay.setStyle('width', window.getScrollWidth());
	this.overlay.setStyle('height', window.getScrollHeight());
	

	//alert('Present Project: '+id);
	//$('project_video').addEvent('load', function(){alert('loaded!')});
	//alert("test");	
}