_CandtWorkViewport = {

	_nIndex : 1,
	_nAnimationSpeed: 500,
	_nFetchAmout : 5,
	_aProjects : new Array(),
	TYPE_NEXT : 'NEXT',
	TYPE_PREVIOUS : 'PREVIOUS',
	_bIsMacFF : false,
	_bFirstClick : false,
	
	init : function(){  
	 //	this._bIsMacFF = _gbIsMacFF;
		this.setTopLeftPosition(false);	
	},
	
	buildANewBox : function(p_nId) { return '<div class="boxNew" id="box'+p_nId+'" style="visibility:hidden"></div>';},
	
	nextProject : function(p_nId){
		$('#box'+(this._nIndex)).after(this.buildANewBox(++this._nIndex));
		(this._aProjects[p_nId]) ? this.projectPopulateAndMove(p_nId,this.TYPE_NEXT) : this.fetchProjects(p_nId,this.TYPE_NEXT);
		if(!this._bFirstClick)
			this._bFirstClick = true;
		else
			$('#clicktoview').hide();
	 	
	},
		
	previousProject : function(p_nId){
		$('#box'+(this._nIndex)).before(this.buildANewBox(--this._nIndex));
		(this._aProjects[p_nId]) ? this.projectPopulateAndMove(p_nId,this.TYPE_PREVIOUS) : this.fetchProjects(p_nId,this.TYPE_PREVIOUS);
	 	
	},
	
	projectPopulateAndMove : function(p_nId,p_sType){
		$('.thumbHolder a').removeClass('active');
		$('#box'+this._nIndex).html(this._aProjects[p_nId]);
		this.setTopLeftPosition(true,p_sType);	
		$('#viewportHolder').animate({  height: $('#box'+this._nIndex).height() }, this._nAnimationSpeed);
		this.animateBoxes(p_sType);
		
		$('.thumbHolder a').each( function(){
										  
			if( parseInt($(this).attr('rel')) == p_nId)
				$(this).addClass('active');
	    });
		
	},
	
	fetchProjects : function(p_nStartingId,p_sType){
	return;
		$.ajax({
			  type: "POST",
			  url: 'includes/lib/fetch.php',
			  data: "id="+p_nStartingId+"&dir="+p_sType,
			  success: function(msg){
				 $('#returnData').html(msg);
				 $('#rd .d').each( function() {
				 	var l_nVal = $(this).attr('rel');
					_CandtWorkViewport._aProjects[l_nVal] = $(this).html();
				 });
				 $('#returnData').empty();
				 if(p_sType){
				 	_CandtWorkViewport.projectPopulateAndMove(p_nStartingId,p_sType);
				}
		  }
		});
	}, 
	
	animateBoxes : function(p_sType){

		( p_sType == this.TYPE_NEXT) ? this.addVideo(this._nIndex-1) : this.addVideo(this._nIndex);
		( p_sType == this.TYPE_NEXT) ? this.removeVideo(this._nIndex-1) : this.removeVideo(this._nIndex);
		( p_sType == this.TYPE_NEXT) ? l_nOffset = -1 : l_nOffset = 1;
		( p_sType == this.TYPE_NEXT) ? l_nMultiplier = -1 : l_nMultiplier = 1;
		
		var l_xBox1 = $('#box'+(this._nIndex + l_nOffset));
		var l_xBox2 = $('#box'+(this._nIndex));		
		var l_nNewPosition = ( (l_xBox1.position()['left']) + (  l_xBox1.width() * l_nMultiplier  ) );
 
		l_xBox1.animate({  left: l_nNewPosition }, this._nAnimationSpeed,'',function(){  $(this).remove();	} );
		l_xBox2.animate({  left: this.getViewPortPosition()['left'] }, this._nAnimationSpeed, '', function() { 
																										   if(_CandtWorkViewport._bIsMacFF)
																												_CandtWorkViewport.showVideo()
																																	  } );	 
		 
	},
	
	
	showVideo : function() {
		var l_sName = '#box'+(this._nIndex)+ " #fholder";
		var l_nId = $('#box'+(this._nIndex)+ " .workDataHolder").attr('rel');
	 
		if( $(l_sName).length > 0){
			$(l_sName).attr('id','fholder_'+l_nId);
		 	var flashvars = {};
			var params = {};
			params.menu = "false";
			params.wmode = "transparent";
			params.allowfullscreen = "true";
			params.allowscriptaccess = "sameDomain";
			var attributes = {};
			attributes.name = "pp";
			swfobject.embedSWF("swf/test.swf", 'fholder_'+l_nId, "300", "300", "9.0.0", "swf/expressInstall.swf", flashvars, params, attributes);
			
		}
	},
	
	addVideo : function(p_nIndex) {
		if(!this._bIsMacFF)
			this.showVideo();
	},
	
	removeVideo : function(p_nIndex) {
		if(this._bIsMacFF)
			$('#box'+(p_nIndex)+ " .flashHolder").empty();
	},

	
	setTopLeftPosition : function(p_nInit,p_sType){
		
		var l_xThisPos = $('#box'+(this._nIndex)).position();
		$('#box'+this._nIndex).css('top',this.getViewPortPosition()['top'] +'px');	

		if(!p_nInit)
				$('#box'+this._nIndex).css('left',this.getViewPortPosition()['left'] +'px');	
		else{
		
			if(p_sType == this.TYPE_NEXT){
				var l_xLastWidth = $('#box'+(this._nIndex-1)).width();
				$('#box'+this._nIndex).css('left',(this.getViewPortPosition()['left'] + l_xLastWidth) +'px');	
			}else{
			 	$('#box'+this._nIndex).css('left',(this.getViewPortPosition()['left'] -  $('#box'+(this._nIndex)).width() ) +'px');	
			}
		}
		
		$('#box'+this._nIndex).css('visibility','visible');	
		
	},
	
	getViewPortPosition : function(){ 	return $('#viewport').position();	}

}

function showLarger(p_sVal){
	tb_show('', '/images/'+p_sVal+'?placeValuesBeforeTB_=savedValues&modal=true', false);
}