function ourProjectsClickAct(trg){
  items = [['Highlighted',0,135],['Full',149,87],['Banner',250,78],['FB',342,105],['Design',461,114]];
   if ($.browser.webkit) {
	 ySpace=420;
   }else if ($.browser.msie&& $.browser.version<9) {
	 ySpace=800;
  }else{
	 ySpace=360; 
   }
  transTime=800;
  if(trg=='start'){
	$('#contentBody1').css('overflow', 'hidden');	
	currentItem=trg;	
	theTop= -80-($(window).height()-380)/2;
	if ($.browser.webkit) {
	  $('.scrollBox').css('-webkit-transition', "-webkit-transform "+transTime/1000+"s ease-in-out");<!--linear-->	
	  $('.scrollBox').css('-moz-transition', "-moz-transform "+transTime/1000+"s ease-in-out");<!--linear-->			
	  $('.scrollBox').css('-o-transition', "-o-transform "+transTime/1000+"s ease-in-out");<!--linear-->		
	  $('.scrollBox').css('-ms-transition', "-ms-transform "+transTime/1000+"s ease-in-out");<!--linear-->			
	  $('.scrollBox').css('transition', "transform "+transTime/1000+"s ease-in-out");<!--linear-->
	  for (a=0; a<items.length; a++){									
		$('#list'+items[a][0]).css('webkitTransform', "translateZ("+ySpace*(5-a)+"px)");	
		$('#list'+items[a][0]).css('MozTransform', "translateZ("+ySpace*(5-a)+"px)");			
		$('#list'+items[a][0]).css('OTransform', "translateZ("+ySpace*(5-a)+"px)");		
		$('#list'+items[a][0]).css('msTransform', "translateZ("+ySpace*(5-a)+"px)");		
		$('#list'+items[a][0]).css('transform', "translateZ("+ySpace*(5-a)+"px)");		
	  }
	}else{
	  for (a=0; a<items.length; a++){									
		$('#list'+items[a][0]).css('top', (theTop-ySpace*(5-a))+'px');
	  }
	}	  
	setTimeout("ourProjectsClickAct(0)", 800);
  }else if(currentItem!=trg){
	oldItem=currentItem;
	currentItem=trg;
	step=Math.abs(oldItem-currentItem);
	if ($.browser.webkit) {
	  for (a=0; a<=4; a++){
		if(a==trg){		  
		  $('#list'+items[a][0]).animate({'opacity': 1},transTime);		  
		}else if(oldItem!='start'&&((a<trg&&a>oldItem)||(a>trg&&a<oldItem))){		  
		  if(a<oldItem){
			$('#list'+items[a][0]).css('opacity', 1);
			$('#list'+items[a][0]).animate({'opacity': 0},transTime);
		  }else{
			part1Step = Math.abs(oldItem-a);
			part1Time = transTime*part1Step/step;
			part2Step = step-part1Step;
			part2Time = transTime*part2Step/step;
			ourProjectKill(items[a][0], part1Time, '', part2Time);
		  }		  
		}else{
		  $('#list'+items[a][0]).animate({'opacity': 0},transTime);			
		}		
		$('#list'+items[a][0]).css('webkitTransform', "translateZ("+ySpace*(trg-a)+"px)");	
		$('#list'+items[a][0]).css('MozTransform', "translateZ("+ySpace*(trg-a)+"px)");	
		$('#list'+items[a][0]).css('OTransform', "translateZ("+ySpace*(trg-a)+"px)");	
		$('#list'+items[a][0]).css('msTransform', "translateZ("+ySpace*(trg-a)+"px)");	
		$('#list'+items[a][0]).css('transform', "translateZ("+ySpace*(trg-a)+"px)");					
	  }	  
	}else{
	  for (a=0; a<=4; a++){
		if(a==trg){		  
		  if ($.browser.msie&& $.browser.version<9) {
		   //$('#list'+items[a][0]).css('opacity',1);
		   $('#list'+items[a][0]).animate({"top":'0px'},transTime);
		  }else{
			$('#list'+items[a][0]).animate({"top":'0px','opacity':1},transTime);
		  }					
		}else if(oldItem!='start'&&((a<trg&&a>oldItem)||(a>trg&&a<oldItem))){
		  part1Step = Math.abs(oldItem-a);
		  part1Time = transTime*part1Step/step;
		  part2Step = step-part1Step;
		  part2Time = transTime*part2Step/step;		  			
		  trgY = ySpace*(a-trg);
		  if ($.browser.msie&& $.browser.version<9) {			
			$('#list'+items[a][0]).animate({"top": ySpace*(a-trg)+'px'},transTime);	
		  }else{
			ourProjectKill(items[a][0], part1Time, trgY, part2Time);	
		  }
		}else{		 
		  if ($.browser.msie&& $.browser.version<9) {
			// $('#list'+items[a][0]).css('opacity', 0);				
			$('#list'+items[a][0]).animate({"top": ySpace*(a-trg)+'px'},transTime);	
		  }else{
			$('#list'+items[a][0]).animate({"top": ySpace*(a-trg)+'px','opacity': 0},transTime);	
		  }	  
		}			
	  }
	}
	$('#activeBox').animate({'left':items[trg][1]+'px','width': items[trg][2]+'px'},transTime*1.5);
	$('#activeBoxImg').animate({'width': items[trg][2]+'px'},transTime*1.5);
  }
}

function ourProjectKill(trg, pt1Time, trgNum, pt2Time){			  
  if ($.browser.webkit) {
	$('#list'+trg).animate({'opacity': 1},Math.ceil(pt1Time),function(){
	  $('#list'+trg).animate({'opacity': 0},Math.ceil(pt2Time))
	});		
  }else{	
	$('#list'+trg).animate({"top": '0px','opacity': .5},Math.ceil(pt1Time), function(){
	  $('#list'+trg).animate({"top": trgNum+'px','opacity': 0},Math.ceil(pt2Time))
	});	
  }
}

function ourProjectsLightBox(act, content){
  if (act=='open'){
	  // open i frame here----
	  resizeLightBox();
	  $('#lightBox').fadeIn(600); 
  }else  if (act=='close'){
	  $('#lightBox').fadeOut(600); 
  }	
}
function resizeLightBox(){
  $('#lightBoxContent').css('left', ($(window).width()-980)/2+'px');
  $('#lightBoxContent').css('top', ($(window).height()-550)/2+'px');
  //$('#lightBoxContent').css('height', ($(window).height()-60)+'px');
  $('#lightBoxBG').css('width', $(window).width()+'px');
  $('#lightBoxBG').css('height', $(window).height()+'px');
}