var setup_html;
var thumb_html;
var big_html;
var desc_num;
var portImg = [];
var portBig = [];
var portText = [];
var portLink = [];
var port_counter = 0;
var mouse_pos;
var mouse_offset;
var handle_pos;
var slide_toggle = "up";


$(document).ready(function() {
	getPortfolioXML();
});

function getPortfolioXML() {
	$.ajax({
        type: "GET",
		url: "xml/portfolio_1.xml",
		dataType: "xml",
		success: addPortfolio
	});
	
}

function addPortfolio(xml) {
	$(xml).find('gallery').each(function() {	
		$(this).find('item').each(function() {
			portImg.push($(this).find('image').text());
			portBig.push($(this).find('bigimage').text());
			portText.push($(this).find('text').text());	
			portLink.push($(this).find('link').text());	
			port_counter++;
		});
	});
	
	for(var i = 0; i < port_counter; i++){
			thumb_html = "<div class='ctp_thumb'><img src='"+portImg[i]+"' title='"+i+"' /><div>"
			$('.ctp_top').append(thumb_html);
	}
	
	
	for(var i = 0; i <= port_counter; i++){
			if(portLink[i] != ""){
				big_html = "<img class='ctp_big_img' style='cursor:pointer' src='"+portBig[i]+"' alt='"+portLink[i]+"' />";
			} else {
				big_html = "<img class='ctp_big_img' src='"+portBig[i]+"' alt='' />";
			}
			$('.ctp_big').append(big_html);
	}
	
	$('.ctp_big img:first').addClass('big_active');
	$('.ctp_thumb img:first').css({'border': '1px #CC3300 solid', 'width' : '98px', 'height': '73px'});
	$('.ctp_bottom').html(portText[0]);
	$('.ctp_trans').height($('.ctp_bottom').height());
	$('.ctp_left').jScrollPane();
	
	$('.ctp_right').hover(function(){
		if(slide_toggle == "up"){
			$('.ctp_trans').stop(true, true).slideToggle();
			$('.ctp_bottom').stop(true, true).slideToggle();
			slide_toggle = "down";
		}
		
	}, function(){
		if(slide_toggle == "down"){
			$('.ctp_trans').stop(true, true).slideToggle();
			$('.ctp_bottom').stop(true, true).slideToggle();
			slide_toggle = "up";
		}
	});
	
	$('.ctp_thumb img').bind('click', function() {
		$('.ctp_thumb img').css({'border': '', 'width' : '', 'height': ''});
		$(this).css({'border': '1px #CC3300 solid', 'width' : '98px', 'height': '73px'});
		desc_num = $(this).attr('title');
		$('.ctp_big').children().removeClass('big_active');
		$('.ctp_big').children().eq(desc_num).addClass('big_active');
		
		$('.ctp_bottom').html(portText[desc_num]);
		$('.ctp_trans').height($('.ctp_bottom').height());
	});
	
	$('.ctp_big img').click(function() {
		if($(this).attr('alt') != ''){
			window.open($(this).attr('alt'));
		}
	});
 
}