function WriteDiv(responsediv,content){if (document.getElementById) {document.getElementById(responsediv).innerHTML  = content;}else {if (document.layers) {document.responsediv.innerHTML = content;}else {document.all.responsediv.innerHTML = content;}}}
function TourGuide(page){responsediv='touryoc';page='intro/frame/'+page;WriteDiv(responsediv,'<center><br><br><br><br><br><br><br><br><br><br><img src="images/loading.gif"><br><br><br><br><br><br><br><br><br><br></center>');
xmlhttp=GetXmlHttpObject(); if(xmlhttp==null){alert("Your browser does not support XMLHTTP!");return;}
xmlhttp.onreadystatechange=function(){ if(xmlhttp.readyState==4) WriteDiv(responsediv,xmlhttp.responseText) }
xmlhttp.open("GET",page,true);xmlhttp.send(null);
if (page=='intro/frame/blogshop-1.html') preloadTourImgs('blogshop');
if (page=='intro/frame/spreesite-1.html') preloadTourImgs('spreesite');
if (page=='intro/frame/professional-1.html') preloadTourImgs('professional');
}
function stateChanged(){if (xmlhttp.readyState==4){document.getElementById("txtHint").innerHTML=xmlhttp.responseText;}}
function GetXmlHttpObject(){if (window.XMLHttpRequest){return new XMLHttpRequest();}if (window.ActiveXObject){return new ActiveXObject("Microsoft.XMLHTTP");}return null;}

var revert = new Array();
var inames = new Array('1-1','1-2','1-3','2-1','2-2');

// Preload
if (document.images) {
  var flipped = new Array();
  for(i=0; i< inames.length; i++) {
    flipped[i] = new Image();
    flipped[i].src = "tour/im/"+inames[i]+"o.jpg";
  }
}

function over(num) {
  if(document.images) {
    revert[num] = document.images[inames[num]].src;
    document.images[inames[num]].src = flipped[num].src;
  }
}
function out(num) {
  if(document.images) document.images[inames[num]].src = revert[num];
}

function preloadTourImgs(tourname) {
	document.getElementById('preloadTourImgs_Field').innerHTML='';
	
	if (tourname=='blogshop')
		var preloads = new Array('blog-1','blog-1b','blog-1c','blog-1d','blog-2','blog-2b','blog-3');	
	if (tourname=='spreesite')
		var preloads = new Array('spree-1','blog-1b','blog-1c','blog-1d','blog-2','blog-2b','blog-3');	
	if (tourname=='professional')
		var preloads = new Array('professional-1','professional-1b','professional-2','professional-3');	
	if (tourname=='default')
		var preloads = new Array('blog-1','professional-1','spree-1');	
		
	if (document.images) {
	  var preloaded = new Array();
	  for(i=0; i< preloads.length; i++) {
		preloaded[i] = new Image();
		preloaded[i].src = "tour/im/"+preloads[i]+".jpg";
		document.getElementById('preloadTourImgs_Field').innerHTML += '<img src="'+preloaded[i].src+'" width=1 height=1"> ';
	  }
	}
}