function transition(){
	if (EffectCounter==0){
		 zoomout();
	}
	else if (EffectCounter==1){
		zoomin();
	}
	if (EffectCounter==2){
		 fadeout();
	}
	else if (EffectCounter==3){
		fadein();
	}
	else if (EffectCounter==4){
		clipincenter();
	}
	else if (EffectCounter==5){
		clipoutcenter();
	}
	else if (EffectCounter==6){
		clipintop();
	}
	else if (EffectCounter==7){
		clipouttop();
	}
	else if (EffectCounter==8){
		clipinbottom();
	}
	else if (EffectCounter==9){
		clipoutbottom();
	}
	else if (EffectCounter==10){
		clipinleft();
	}
	else if (EffectCounter==11){
		clipoutleft();
	}
	else if (EffectCounter==12){
		clipinright();
	}
	else if (EffectCounter==13){
		clipoutright();
	}
	else if (EffectCounter==100){
  		newimg.setAttribute("height",0);
  		newimg.setAttribute("width",0);
  		newimg.setAttribute("style","opacity: 0");
			newimg.setAttribute("style","visibility: hidden");
			EffectCounter=Math.floor(Math.random()*14);
			if (EffectCounter==0){  //zoom-out
				 Size=0;
				 Opacity=1;
			}
			else if (EffectCounter==1){  //zoom-in
					Size=400;
					Opacity=1;
			}
			else if (EffectCounter==2){ //fade-out
				 Size=400;
				 Opacity=1;
			}
			else if (EffectCounter==3){ //fade-in
					Size=400;
					Opacity=0;
			}
			else if (EffectCounter==4){ //clip-in (center)
					Size=400;
					Opacity=1;
			}
			else if (EffectCounter==5){ //clip-out (center)
					Size=101;
					Opacity=1;
			}
			else if (EffectCounter==6){ //clip-in (top)
					Size=400;
					Opacity=1;
			}
			else if (EffectCounter==7){ //clip-out (top)
					Size=0;
					Opacity=1;
			}
			else if (EffectCounter==8){ //clip-in (bottom)
					Size=400;
					Opacity=1;
			}
			else if (EffectCounter==9){ //clip-out (bottom)
					Size=0;
					Opacity=1;
			}
			else if (EffectCounter==10){ //clip-in (left)
					Size=400;
					Opacity=1;
			}
			else if (EffectCounter==11){ //clip-out (left)
					Size=0;
					Opacity=1;
			}
			else if (EffectCounter==12){ //clip-in (right)
					Size=400;
					Opacity=1;
			}
			else if (EffectCounter==13){ //clip-out (right)
					Size=0;
					Opacity=1;
			}
			var temp=Math.floor(Math.random()*imgholder.length);
  		newimg.setAttribute("id",imgholder[temp].id);
  		newimg.setAttribute("name",imgholder[temp].name);
  		newimg.setAttribute("src",imgholder[temp].src);
			newimg.setAttribute("style","visibility: visible");
	}
}

function zoomout(){
  if (Size<400){
    newimg.setAttribute("height",Size);
    newimg.setAttribute("width",Size);
    newimg.setAttribute("style","opacity: " + Opacity);
    Size++;
  }
  else{
    EffectCounter=100;
  }
}

function zoomin(){
  if (Size>0){
    newimg.setAttribute("height",Size);
    newimg.setAttribute("width",Size);
    newimg.setAttribute("style","opacity: " + Opacity);
    Size--;
  }
  else{
    EffectCounter=100;
  }
}	

function fadeout() {
  if (Opacity>=0){
    newimg.setAttribute("height",Size);
    newimg.setAttribute("width",Size);
    newimg.setAttribute("style","opacity: " + Opacity);
    Opacity=Opacity-0.005;
  }
  else{
    EffectCounter=100;
  }
}	

function fadein() {
  if (Opacity<=1){
    newimg.setAttribute("height",Size);
    newimg.setAttribute("width",Size);
    newimg.setAttribute("style","opacity: " + Opacity);
    Opacity=Opacity+0.005;
  }
  else{
    EffectCounter=100;
  }
}	

function clipincenter() {
  if (Size>100){
    var Top=400-Size;
    var Right=Size;
    var Bottom=Size;
    var Left=400-Size
    newimg.setAttribute("height",400);
    newimg.setAttribute("width",400);
    newimg.setAttribute("style","opacity: " + Opacity);
    newimg.setAttribute("style","clip: rect(" + Top 
    																			 	 + "px," + Right 
    																				 + "px," + Bottom 
    																				 + "px," + Left + "px");
      Size--;
  }
  else{
    EffectCounter=100;
  }
}	

function clipoutcenter() {
	if (Size>100 && Size<400){
		var Top=400-Size;
		var Right=Size;
		var Bottom=Size;
		var Left=400-Size
		newimg.setAttribute("height",400);
		newimg.setAttribute("width",400);
		newimg.setAttribute("style","opacity: " + Opacity);
		newimg.setAttribute("style","clip: rect(" + Top 
																							 	 + "px," + Right 
																								 + "px," + Bottom 
																								 + "px," + Left + "px");
      Size++;
	}
			else{
		  EffectCounter=100;
			}
}	

function clipintop() {
	if (Size>0){
		var Top=0;
		var Right=400;
		var Bottom=Size;
		var Left=0
		newimg.setAttribute("height",400);
		newimg.setAttribute("width",400);
		newimg.setAttribute("style","opacity: " + Opacity);
		newimg.setAttribute("style","clip: rect(" + Top 
																							 	 + "px," + Right 
																								 + "px," + Bottom 
																								 + "px," + Left + "px");
      Size--;
	}
			else{
		  EffectCounter=100;
			}
}	

function clipouttop() {
	if (Size<400){
		var Top=0;
		var Right=400;
		var Bottom=Size;
		var Left=0
		newimg.setAttribute("height",400);
		newimg.setAttribute("width",400);
		newimg.setAttribute("style","opacity: " + Opacity);
		newimg.setAttribute("style","clip: rect(" + Top 
																							 	 + "px," + Right 
																								 + "px," + Bottom 
																								 + "px," + Left + "px");
      Size++;
	}
			else{
		  EffectCounter=100;
			}
}	

function clipinbottom() {
	if (Size>0){
		var Top=400-Size;
		var Right=400;
		var Bottom=400;
		var Left=0
		newimg.setAttribute("height",400);
		newimg.setAttribute("width",400);
		newimg.setAttribute("style","opacity: " + Opacity);
		newimg.setAttribute("style","clip: rect(" + Top 
																							 	 + "px," + Right 
																								 + "px," + Bottom 
																								 + "px," + Left + "px");
      Size--;
	}
			else{
		  EffectCounter=100;
			}
}	

function clipoutbottom() {
	if (Size<400){
		var Top=400-Size;
		var Right=400;
		var Bottom=400;
		var Left=0
		newimg.setAttribute("height",400);
		newimg.setAttribute("width",400);
		newimg.setAttribute("style","opacity: " + Opacity);
		newimg.setAttribute("style","clip: rect(" + Top 
																							 	 + "px," + Right 
																								 + "px," + Bottom 
																								 + "px," + Left + "px");
      Size++;
	}
			else{
		  EffectCounter=100;
			}
}	

function clipinleft() {
	if (Size>0){
		var Top=0;
		var Right=Size;
		var Bottom=400;
		var Left=0;
		newimg.setAttribute("height",400);
		newimg.setAttribute("width",400);
		newimg.setAttribute("style","opacity: " + Opacity);
		newimg.setAttribute("style","clip: rect(" + Top 
																							 	 + "px," + Right 
																								 + "px," + Bottom 
																								 + "px," + Left + "px");
      Size--;
	}
			else{
		  EffectCounter=100;
			}
}	

function clipoutleft() {
	if (Size<400){
		var Top=0;
		var Right=Size;
		var Bottom=400;
		var Left=0;
		newimg.setAttribute("height",400);
		newimg.setAttribute("width",400);
		newimg.setAttribute("style","opacity: " + Opacity);
		newimg.setAttribute("style","clip: rect(" + Top 
																							 	 + "px," + Right 
																								 + "px," + Bottom 
																								 + "px," + Left + "px");
      Size++;
	}
			else{
		  EffectCounter=100;
			}
}	

function clipinright() {
	if (Size>0){
		var Top=0;
		var Right=400;
		var Bottom=400;
		var Left=400-Size;
		newimg.setAttribute("height",400);
		newimg.setAttribute("width",400);
		newimg.setAttribute("style","opacity: " + Opacity);
		newimg.setAttribute("style","clip: rect(" + Top 
																							 	 + "px," + Right 
																								 + "px," + Bottom 
																								 + "px," + Left + "px");
      Size--;
	}
			else{
		  EffectCounter=100;
			}
}	

function clipoutright() {
	if (Size<400){
		var Top=0;
		var Right=400;
		var Bottom=400;
		var Left=400-Size;
		newimg.setAttribute("height",400);
		newimg.setAttribute("width",400);
		newimg.setAttribute("style","opacity: " + Opacity);
		newimg.setAttribute("style","clip: rect(" + Top 
																							 	 + "px," + Right 
																								 + "px," + Bottom 
																								 + "px," + Left + "px");
      Size++;
	}
			else{
		  EffectCounter=100;
			}
}