/**
 * Portfolio Javascript functions
 * Created by Lucas van Dijk
 */

window.addEvent("domready", function()
{
	new Fx.Style('portfolio_data', 'opacity').set(0);
}
);

function show_portfolio(id)
{
	var fx = new Fx.Style('portfolio_data', 'opacity', {duration: 1000});
	if($('portfolio_data').style.display == "none")
	{
		$('portfolio_data').style.display = "block";
		fx.start(1);
	}
	else
	{
		fx.start(0);
	}
	
	var http = new Ajax(window.base_url + 'portfolio/get/' + id, {
		method: 'get',
		
		onSuccess: function()
		{
			var data = Json.evaluate(this.response.text);
			
			$$('#portfolio_data h3')[0].innerHTML = data.portfolio_name;
			
			var html = '<div style="float: left; width: 50%;"><img src="' + window.site_root + 'images/portfolio/' + data.portfolio_image + '" style="float: left; margin: 5px;" alt="" />';
			html += data.portfolio_summary + '<br /><br /><strong><a href="' + window.base_url + 'portfolio/view/' + data.portfolio_id + '">View more</a></strong>';
			html += '</div><div style="float: left; width: 50%;"><strong>Website</strong><br /><a href="' + data.portfolio_website + '" target="_blank">' + data.portfolio_website + '</a>';
			
			html += '<br /><br /><strong>Tags</strong><br />';
			
			// Format tags
			for(var i = 0; i < data.tags.length; i++)
			{
				html += '<a href="' + window.base_url + 'tags/tag/' + URLEncode(data.tags[i]) + '">' + data.tags[i] + '</a> ';
			}
			
			html += '</div><br style="clear: both;" />';
			
			$$('#portfolio_data .block_content')[0].innerHTML = html;
			
			fx.stop();
			fx.start(1);
		}
	});
	
	http.request();
}