//var $ = jQuery.noConflict();

function _AbsPortfolio(extraOptions) {

	var options = new Object;
	options['loader'] = "/webapp/modules/portfolio/images/loader.gif";
	var currentItemId;

	var loader = '<div style="text-align:center; padding:100px 0;"><img src="/webapp/modules/portfolio/images/loader.gif" border=0></div>';

	this.init = function(){
		if(extraOptions){
			options = setOptions(options,extraOptions);
		}
		$('#portfolioNavigation').jScrollPane({
			scrollbarWidth : 15
		});
		setNavigation();
	}
	
	setNavigation = function(){
		currentItemId = $('#portfolioItemId').val();
		thumbsObj	= $("#portfolioNavigation").find('.pNavItem');
		$('#pNavItem_'+currentItemId+' .pNavItemWrap').addClass('active');
		setScroll();
		$('#portfolioNavigation .naviLink').unbind().click(function(){
			$('#portfolioItemDetail').html('<div style="text-align:center; padding:100px 0;"><img src="'+options['loader']+'" border=0></div>');
			currentItemId = $(this).parents('.pNavItem').attr('id').replace('pNavItem_','');
			var link = $(this).find('.item_link').val();
			setActive();
			$.post(
				'/component/portfolio_item/',
				{
					act: 'get_portfolio_item',
					id: currentItemId
				},
				function(data){
					$('#portfolioItemDetail').html(data);
					$('#portfolioItemLink').html(link).attr('href',link);
					$('.imgGOriginal').lightBox();
				}
			);
			return false;
		});
	}

	setScroll = function(){
		var ln = 0;
		for(var i=0; i<thumbsObj.length; i++){
			var id = thumbsObj[i].id.replace('pNavItem_','');
			if(id != currentItemId){
				ln = ln + $(thumbsObj[i]).height();
			} else {
				break;
			}
		}
		if($('#portfolioNavigation').length){
			$('#portfolioNavigation')[0].scrollTo(ln);
		}
	}

	setActive = function(){
		 $("#portfolioNavigation").find('.pNavItemWrap').removeClass('active');
		 $('#pNavItem_'+currentItemId+' .pNavItemWrap').addClass('active');
	}
	
	this.init();
}

$(document).ready(
	function(){
		AbsPortfolio = new _AbsPortfolio();
	}
);