$(document).ready(function(){portfolio_load();});
var showDirectory;
var hideDirectory;
var myTabs;
var curIndex=0;
function portfolio_load()
{
	
	myTabs = $('#tabs').tabs(
	{add:function(event,ui){myTabs.tabs('select','#'+ui.panel.id)}
	});
	$('#thumbsIndex a').click(    function(event){thumbnail_click(event)} );
	$('#hideDirectory').click(  function(event){hideDirectory_click(event)} );
}


function hideDirectory_click(event)
{
	event.preventDefault();
	$('#directory').slideToggle('slow');
	$('#hideDirectory > span').toggle();
	
}

function thumbnail_click(event)
{
event.preventDefault();
	var target= event.target;
	var xmlPath = $(target.parentNode).attr('href') +"&inline=true";
	/*$.ajax({ type:"Get",
		 url:xmlPath,
		 dataType:"xml",
		 success:function(xml){ process_xml(xml)},
		 error:function(req, stat, err){processError(req,stat,err)}});*/

	var title= $(target).attr('alt');
	var found=false;
	var checkTitles = $('#tabs ul li a span');
	var index=0;
	if(checkTitles)
	{
		$(checkTitles).each(function()
		{
			var check=$(this).html();
			if(check==title)
			{
				found=true;
				$(myTabs).tabs("select",index);
			}
			index++;
			
		});
	}
	if(!found)
	{
		$(myTabs).tabs("add",xmlPath,title);
	}
	var count= $('#tabs ul li').length;
	if(count>4)
	{
		$(myTabs).tabs("remove",0);
	}	
}