var changePrev = 10;

var totalImages=6;
var x=0;

function changeWebsite(divID) {
	document.getElementById(divID).style.zIndex=changePrev;
	changePrev = changePrev + 1;
}

	var thumbnails = new Array(
	"0",
	"1",
	"2",
	"3",
	"4",
	"5",
	"6"	
	);
	
	var currentImage1 = 0;
	var currentImage2 = 1;
	var currentImage3 = 2;
	var prevImage1 = (thumbnails.length-0);
	var prevImage2 = (thumbnails.length-1);
	var prevImage3 = (thumbnails.length-2);

function scrollDivPrev(){
	if(currentImage1!=0){
    if (document.images){
      if (currentImage1==0){
        currentImage1=prevImage1;
		currentImage2=prevImage2;
		currentImage3=prevImage3;
      }
      else
      {
        currentImage1-- ;
		currentImage2-- ;
		currentImage3-- ;
      }
      document.getElementById("thumbnail_1").innerHTML="<div title='View details...' onclick='description(\""+thumbnails[currentImage1]+"\");' style='background-image:url(/clients/templates/tsghosting/website-design/thumbnails/"+thumbnails[currentImage1]+".jpg); background-repeat:no-repeat; width:169px; height:129px;'></div>";
	  document.getElementById("thumbnail_2").innerHTML="<div title='View details...' onclick='description(\""+thumbnails[currentImage2]+"\");' style='background-image:url(/clients/templates/tsghosting/website-design/thumbnails/"+thumbnails[currentImage2]+".jpg); background-repeat:no-repeat; width:169px; height:129px;'></div>";
	  document.getElementById("thumbnail_3").innerHTML="<div title='View details...' onclick='description(\""+thumbnails[currentImage3]+"\");' style='background-image:url(/clients/templates/tsghosting/website-design/thumbnails/"+thumbnails[currentImage3]+".jpg); background-repeat:no-repeat; width:169px; height:129px;'></div>";
    }
	}
}
function scrollDivNext() {
	if(currentImage3<totalImages){
    if (document.images){
      if (currentImage1==prevImage1){
        currentImage1=0;
		currentImage2=1;
		currentImage3=2;
      }
      else
      {
        currentImage1++ ;
		currentImage2++ ;
		currentImage3++ ;
      }
      document.getElementById("thumbnail_1").innerHTML="<div title='View details...' onclick='description(\""+thumbnails[currentImage1]+"\");' style='background-image:url(/clients/templates/tsghosting/website-design/thumbnails/"+thumbnails[currentImage1]+".jpg); background-repeat:no-repeat; width:169px; height:129px;'></div>";
	  document.getElementById("thumbnail_2").innerHTML="<div title='View details...' onclick='description(\""+thumbnails[currentImage2]+"\");' style='background-image:url(/clients/templates/tsghosting/website-design/thumbnails/"+thumbnails[currentImage2]+".jpg); background-repeat:no-repeat; width:169px; height:129px;'></div>";
	  document.getElementById("thumbnail_3").innerHTML="<div title='View details...' onclick='description(\""+thumbnails[currentImage3]+"\");' style='background-image:url(/clients/templates/tsghosting/website-design/thumbnails/"+thumbnails[currentImage3]+".jpg); background-repeat:no-repeat; width:169px; height:129px;'></div>";
    }
	}
 
}
function description(image){
	  if (window.XMLHttpRequest)
	  {// code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlhttp=new XMLHttpRequest();
	  }
	else
	  {// code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	  }
	xmlhttp.onreadystatechange=function()
	  {
	  if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
		document.getElementById("website_details").innerHTML=xmlhttp.responseText;
		}
	  }
	xmlhttp.open("POST","/clients/templates/tsghosting/website-design/description/"+image+".php",true);
	xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	xmlhttp.send("");
}