function WriteCurrentImageNumber()
{
   document.getElementById("CurrentImageNumber").innerHTML = "Image " + LastClickedImage.toString() + " of " + ImageArray.length.toString();	
}

function Previous()
{
   if (Current > 1)
   {
        Current--;
  	    ChangeThumbnails();
		ChangeBigImage(1); 
   }  
}

function Next()
{
   if ((((Current+1) * ItemPerPage)-ItemPerPage) <= ImageArray.length )
   {
      Current++;
	  ChangeThumbnails();	 
	  ChangeBigImage(1); 
   }
}

function ChangeThumbnails()
{
	  var k = 0;
	  for (i=((Current*ItemPerPage)-ItemPerPage);i<(Current*ItemPerPage);i+=1)
      {	
	    if (i<ImageArray.length)
		{
		   document.getElementById("T"+(k+1).toString()).style.visibility="";
		   ChangeImage("T"+(k+1).toString(),ImageArray[(Current*ItemPerPage)-ItemPerPage+k]);
		}
		else document.getElementById("T"+(k+1).toString()).style.visibility="hidden";
		k++;
      } 
}

function ChangeImage(ImageID,ImageName)
{
   image = document.getElementById(ImageID);	
   image.src = BasePath + ImageName + "-S.jpg";   
}

function ChangeBigImage(ImageNumber)
{
    bigImage = document.getElementById("BigImage");	
	bigImage.src = BasePath + ImageArray[(Current*ItemPerPage)-ItemPerPage+ImageNumber-1]+"-M.jpg";
	TImageOld = document.getElementById("T"+LastClickedImageNumber.toString());
	TImageOld.style.backgroundColor = "";	
	LastClickedImage = (Current*ItemPerPage)-ItemPerPage+ImageNumber;
	LastClickedImageNumber = ImageNumber;
	WriteCurrentImageNumber();
	TImage = document.getElementById("T"+ImageNumber.toString());
	TImage.style.backgroundColor = "#dac6ca";	
}

function ChangeImageContent(ContentType)
{
  if (CurrentTab != ContentType)
  {      
	  photos = document.getElementById("Photos");
	  map = document.getElementById("Map");
	  streetView = document.getElementById("StreetView");
	  pImages = document.getElementById("PropertyInfomations-Images");
	  pMap = document.getElementById("PropertyInfomations-Map");
	  pStreet = document.getElementById("PropertyInfomations-StreetView");
	  switch (ContentType)
	  {
		 case "StreetView":	 
		      photos.style.backgroundImage = "url("+BasePathForImages+"Photos-Passive-2.jpg)";			  
			  map.style.backgroundImage = "url("+BasePathForImages+"Map-Passive.jpg)";			  
			  streetView.style.backgroundImage = "url("+BasePathForImages+"StreetView-Active.jpg)";		    
   		      CurrentTab = ContentType;
		      pImages.style.display = "none";
			  pMap.style.display = "none";
			  pStreet.style.display = "block";
			  break;
		 case "Map":
		      photos.style.backgroundImage = "url("+BasePathForImages+"Photos-Passive.jpg)";			  
			  map.style.backgroundImage = "url("+BasePathForImages+"Map-Active.jpg)";			  
			  streetView.style.backgroundImage = "url("+BasePathForImages+"StreetView-Passive.jpg)";				  
  		      CurrentTab = ContentType;
              pImages.style.display = "none";
			  pMap.style.display = "block";
			  pStreet.style.display = "none";
			  break;
		default:
		      photos.style.backgroundImage = "";			  
			  map.style.backgroundImage = "";			  
			  streetView.style.backgroundImage = "";	
              pImages.style.display = "";
			  pMap.style.display = "";
			  pStreet.style.display = "";
 		      CurrentTab = ContentType;
	  }
  }
}