		var portfoliodetailsel = document.getElementById("portfoliodetails");
		var portfoliomiddle = document.getElementById("portfoliomiddle");
		var whotext = document.getElementById("whotext");
		
		var portfoliodetailseffect = new fx.Height(portfoliodetailsel , {duration: 400, onComplete: function()
		  {
			if(detailsstatus == 1){
				detailsstatus = 0;
			}
			else{
				detailsstatus = 1;
			}
		  }
		});
		
		var whotextfx = new fx.Height(whotext , {duration: 250, onComplete: function()
		  {
			if(xx == 0){
				document.getElementById("whotext").innerHTML = whoweareobject[0];
				document.getElementById("whoanne").style.backgroundImage = whoweareobject[1];
				document.getElementById("whoaidan").style.backgroundImage = whoweareobject[2];
				document.getElementById("whoicon").style.backgroundImage = whoweareobject[3];

				whotextfx.toggle();
				xx = 1;
				myLightbox.initialize();
			}
		  }
		});
		
		var portfoliomiddle = new fx.Opacity(portfoliomiddle , {duration: 400, onComplete: function()
		  {
			
			if(x == 0){
				document.getElementById("portfoliotop").innerHTML = portfolioname[portfolioindex];
				document.getElementById("portfoliodetailstext").innerHTML = portfoliodetails[portfolioindex];
				document.getElementById("portfoliomiddle").style.backgroundImage = 'url("' + portfoliopic[portfolioindex] + '")';
				if(rebound == 1){
					portfoliodetailseffect.toggle();
				}
				portfoliomiddle.toggle();
				x = 1;
				myLightbox.initialize();
			}
			
		  }
		});
	
		//portfoliodetailseffect.hide();
		
		function nextport(){
			
			
			if(portfolioindex < (portfoliodetails.length - 1)){
			
				if(detailsstatus == 1){
					portfoliodetailseffect.toggle();
					rebound = 1;
				}
				x=0;
				portfoliomiddle.toggle();
				portfolioindex = portfolioindex + 1;
			}
			else{
				if(detailsstatus == 1){
					portfoliodetailseffect.toggle();
					rebound = 1;
				}
				x=0;
				portfoliomiddle.toggle();
				portfolioindex = 0;
			}
		}
		function prevport(){
			
			if(portfolioindex >= 1){
			
				if(detailsstatus == 1){
					portfoliodetailseffect.toggle();
					rebound = 1;
				}
				x=0;
				portfoliomiddle.toggle();
				portfolioindex = portfolioindex - 1;
			}
			else{
				if(detailsstatus == 1){
					portfoliodetailseffect.toggle();
					rebound = 1;
				}
				x=0;
				portfoliomiddle.toggle();
				portfolioindex = (portfoliodetails.length - 1);
			}
	
		}
		function showdetails(){
			if(detailsstatus == 1){
				rebound = 0;
			}
			portfoliodetailseffect.toggle();
		}
