// JScript File

var VirtualXml;
var vpagesize=9;//set the page size
var vpagename=document.getElementById("pageName").value;
var startpage=0;
var totalImg;
var ImgArr=new Array();
var virtImages=new Array();
virtImages=vpagename.split('|');
vHoteld=virtImages[0]
vReadHotel(vHoteld)
var noofpage;
function vReadHotel(Id)
 {

   if(navigator.appName=="Microsoft Internet Explorer")
    {
      ReadvirtualXml1(vHoteld);
    }
    else
    {
       ReadvirtualXml(vHoteld)
    }
 }
function ReadvirtualXml(Id)
 {
 
     var XmlHTTP = null;
    var Possibles = {0: "XMLHttpRequest()", 1: "ActiveXObject('Microsoft.XMLHttp')", 2:"ActiveXObject('MSXML2.XMLHttp')", 3:"ActiveXObject('MSXML2.XMLHttp.3.0')", 4:"ActiveXObject('MSXML2.XMLHttp.4.0')", 5:"ActiveXObject('MSXML2.XMLHttp.5.0')", 6:"ActiveXObject('MSXML2.XMLHttp.6.0')",7:"ActiveXObject('Msxml.DOMDocument')", 8:""};
    var Option = 0;
    while(XmlHTTP === null){
        XmlHTTP = eval("new " + Possibles[Option]);
       
    }
if(XmlHTTP === null)
    return false;
XmlHTTP.open("get", "Common_Inc/VirualTours.xml", false);
XmlHTTP.send("");
VirtualXml = XmlHTTP.responseXML;

LoadVirtualimages(Id,0,0);
}
  
function ReadvirtualXml1(vthId) 
{ 

	if( window.ActiveXObject && /Win/.test(navigator.userAgent) )
	{ 
		VirtualXml = new ActiveXObject("Msxml.DOMDocument"); 
		VirtualXml.async = false; 
		VirtualXml.onreadystatechange = function () 
		{ 
		    if (VirtualXml.readyState == 4) LoadVirtualimages(vthId,0,0)
		} 
		VirtualXml.load("Common_Inc/VirualTours.xml"); 
	} 
	else if( document.implementation && document.implementation.createDocument ) 
	{ 
		VirtualXml = document.implementation.createDocument("","",null); 
		VirtualXml.async=false; 
		var loaded = VirtualXml.load("Common_Inc/VirualTours.xml"); 
		moz=1;
		if (loaded) 
		{ 
			LoadVirtualimages(vthId,0,0)
		} 
	} 
	else 
	{ 
		alert("Your browser can\'t handle this script"); 
		return; 
	} 
}

function LoadVirtualimages(vId,pageNo,startpage)
{

vstrDesig="<table width='739px' border='0' cellpadding='0' cellspacing='0'><tr><td><a href=javascript:changeprevpage('"+vId+"'); onmouseover='javascript:onprevover();' onmouseout='javascript:onprevout()'><img border='0' src='Images/gallery_prev.gif' id='vprev' /></a></td><td width='13px'></td>";
var j=0;
vstrTitle = VirtualXml.getElementsByTagName("Hotels"); 
var vstrHotel=vstrTitle[0].getElementsByTagName('Hotel');

for(u=0;u<vstrHotel.length;u++)
{
    if(vstrHotel[u].getAttribute("id")==vId)
    {
        vstrImg=vstrHotel[u].getElementsByTagName("Image");
        totalImg=vstrImg.length;
        noofpage=Math.ceil(totalImg/vpagesize);
       if(pageNo<0 || pageNo+1>noofpage)
        {
        return false;
        }
       else
       { 
  //alert(vstrImg.length);
         for(m=0;m<vstrImg.length;m++)
            {
              ImgArr[m]=vstrImg[m].getAttribute("name")+"|"+vstrImg[m].getAttribute("link");
            }
                if(noofpage==pageNo+1)
                    {
                    var balancepage=totalImg-startpage;
                     if(balancepage<=vpagesize)
                     {
                        vstrDesig+=subvirtual(startpage,parseInt(startpage)+vpagesize)
                     }   
                    }
                 else
                    {
                        vstrDesig+=subvirtual(startpage,parseInt(startpage)+vpagesize)
                    }

           
        }
    }
    }

//alert(noofpage);
vstrDesig+="<input id='imgNo' type='hidden' runat='server' value='"+vpagesize+"'><input type='hidden' id='vpageno' value='"+pageNo+"'><td width='12px'></td><td><a href=javascript:changenextpage('"+vId+"'); onmouseover='javascript:onnextover();' onmouseout='javascript:onnextout()'><img border='0' src='Images/gallery_nxt.gif' id='vnext' /></a></td></tr></table>";
document.getElementById('virtualDiv').innerHTML=vstrDesig;
//document.write(vstrDesig);
}
function openvirtualtour(vUrl)
{

}

function onprevover()
{
document.getElementById('vprev').src='Images/gallery_prev_over.gif';
}
function onprevout()
{
document.getElementById('vprev').src='Images/gallery_prev.gif';
}
function onnextover()
{
document.getElementById('vnext').src='Images/gallery_nxt_over.gif';
}
function onnextout()
{
document.getElementById('vnext').src='Images/gallery_nxt.gif';
}
function changeprevpage(vId)
{
 var strpageno=document.getElementById('vpageno').value;
 if(strpageno>0)
 {
 strpageno=parseInt(strpageno)-1;
 startpage=parseInt(strpageno) * parseInt(vpagesize); 
 LoadVirtualimages(vId,strpageno,startpage);
 document.getElementById('vpageno').value=strpageno;
 }
}
function changenextpage(vId)
{

var strpageno=document.getElementById('vpageno').value;
if(noofpage>parseInt(strpageno)+1)
{
 strpageno=parseInt(strpageno)+1;
 startpage=parseInt(strpageno) * parseInt(vpagesize); 
 LoadVirtualimages(vId,strpageno,startpage);
 document.getElementById('vpageno').value=strpageno;
 }
}


function subvirtual(spage,psize)
{
var virtdes;

for(l=spage;l<psize;l++)
            {
                var nameArr=new Array();
                namelink=ImgArr[l];
 //alert(namelink);
                if(namelink!=null)
                     {
                        nameArr=namelink.split("|");
                        imgpath=vHoteld+"_Images/Virtualtours/"+nameArr[0];
                        if(l==spage)
                        {
                        if(virtdes!=null)
                        virtdes+="<td width='64px'><a href="+nameArr[1]+" target='viewer'><img border='0' src="+imgpath+" /></a></td>";
                        else
                        virtdes="<td width='64px'><a href="+nameArr[1]+" target='viewer'><img border='0' src="+imgpath+" /></a></td>";
                        }
                        else
                        {
                         if(virtdes!=null)
                         virtdes+="<td width='13px'></td><td width='64px'><a href="+nameArr[1]+" target='viewer'><img border='0' src="+imgpath+" /></a></td>";
                         else
                         virtdes="<td width='13px'></td><td width='64px'><a href="+nameArr[1]+" target='viewer'><img border='0' src="+imgpath+" /></a></td>";
                         }
                     }
                else
                    {
                       virtdes+="<td width='13px'></td><td width='64px'></td>";
 
                     }
 
            }
            return virtdes;
 }