// NOTE: we will be using the asset from pop_form.js
var xml_data 		= new Array ()
var cur_page		= 0;
var portfolio_path	= '';
function DisplayPortfolio (folder)
{
	portfolio_path	= "/portfolio/"+folder+"/";
	var html		= '<div class="loading"><img src="/images/pop_portfolio/loading.gif" width="32" height="32"></div>';
	$('.pop-bg').css({opacity: 0.9});
	$('.pop-bg').show();
	
	$('#pop-holder').html(html);
	$('#pop-holder').removeClass();		
	$('#pop-holder').addClass("pop-portfolio");
	
	$('#pop-holder').CenterIt(); 
	$('#pop-holder').show();		
	
	var nocache = new Date()-0;	
	$.ajax({
		url: portfolio_path+"/list.xml?nocache="+nocache,
		dataType: "xml",
		success: function(data){
			cur_page			= 0;	
			xml_data 			= new Array ();
			$(data).find("item").each(function() {
				var tmp 		= new Object();
				tmp.text 		= $(this).attr("text");
				tmp.pic			= $(this).attr("pic");
				xml_data.push(tmp);
			});
			
			html	= '';
			html += '<div class="copyright"></div>';
			html += '<div class="logo"></div>';			
			html += '<div class="category"><img src="'+portfolio_path+'header.png"></div>';			
			html += '<div class="btn-close" onclick="ClosePopForm()"></div>';
			html += '<div class="outerbox"></div>';
			html += '<div id="btn-prev" class="btn-prev-disabled" onclick="ShowNextPic(-1)"></div>';
			html += '<div id="btn-next" class="btn-next-disabled" onclick="ShowNextPic(1)"></div>';			
			html += '<div class="text-holder"></div>';
			html += '<div class="pic-holder"></div>';	
			html += '<div class="pre-text-holder"></div>';
			html += '<div class="pre-pic-holder"></div>';	
			html += '<div class="preloading"><img src="/images/pop_portfolio/loading.gif" width="20" height="20"></div>';		
			$('#pop-holder').html(html);
			ShowNextPic (0)
		}
		
		
	});	
}

function ShowNextPic (pos)
{
	if (pos+cur_page < xml_data.length && pos+cur_page >= 0)
	{
		$('.preloading').show();
		cur_page += pos;
		$('.pop-portfolio .pre-text-holder').html ('<img src="'+portfolio_path+xml_data[cur_page].text+'">');
		$('.pop-portfolio .pre-pic-holder').html ('<img src="'+portfolio_path+xml_data[cur_page].pic+'">');		
		
		$('.pop-portfolio .pre-pic-holder img').load(function() {	
				$('.pop-portfolio .text-holder').html ($('.pop-portfolio .pre-text-holder').html());
				$('.pop-portfolio .pic-holder').html ($('.pop-portfolio .pre-pic-holder').html());
				$('.pop-portfolio .pic-holder').show();				
				$('.preloading').hide();			
				if (cur_page == xml_data.length-1)
					$('.pop-portfolio #btn-next').removeClass().addClass('btn-next-disabled');
				else			
					$('.pop-portfolio #btn-next').removeClass().addClass('btn-next');
				
				if (cur_page == 0)
					$('.pop-portfolio #btn-prev').removeClass().addClass('btn-prev-disabled');					
				else
					$('.pop-portfolio #btn-prev').removeClass().addClass('btn-prev');						
		});
	}
}