var Gallary=new Array();
var PGlength;
var category;
var imgnumber;
var ImgGroup=8;
var divcount;
var divnumber;


function property(name,Flength)
{
    this.name=name;
    this.Flength=Flength;
}

function SetCategory()
{
    Gallary[0]=new property("Local-Area-Images",15);
    Gallary[1]=new property("Hotel-Images",12);
    
    
    for(i=0;i<Gallary.length;i++)
    {
        Fname=Gallary[i].name;
        Flength=Gallary[i].Flength;    
        var optionObject1=new Option(Fname);
        
        var optionRank1 = getObj("Category").options.length;
        getObj("Category").options[optionRank1]=optionObject1;
        getObj("Category").options[optionRank1].value=Flength;
    }
    ShowThumb();
}

function ShowThumb()
{
   
    var SIndex=getObj("Category").selectedIndex;
    var category=getObj("Category").options[SIndex].text;
    PGlength=getObj("Category").value;
    
    divcount=Math.ceil(PGlength/ImgGroup);
     
    var html="";
       
   html+="<table width=656><tr>";
   html+="<td align=left>";
   html+="<div id=Pdivtop style='font-family:Verdana;color:#ffffff;font-size:10pt;font-weight:normal;'></div>";
   html+="</td>";
   html+="<td align=right>";
   html+="<a onclick=movediv('left'); onmouseover=Pimgleft.src='images/left-o.gif';Pimgleft.style.cursor='pointer' onmouseout=Pimgleft.src='images/left.gif'><img id=Pimgleft style='border:none' src='images/left.gif'/></a>";
   html+="<a onclick=movediv('right'); onmouseover=Pimgright.src='images/right-o.gif';Pimgright.style.cursor='pointer' onmouseout=Pimgright.src='images/right.gif'><img id=Pimgright style='border:none' src='images/right.gif'/></a>";
   html+="</td></tr></table>";
   html+="<div id=theImages style='position:absolute;float:center;'>";
    
    var imgindex=1;
    for(j=1;j<=divcount;j++)
    {
        html+="<div id=divp"+j+" style='position:absolute;width:656;float:center;'>";

        for(k=1;k<=ImgGroup;k++)
        {
            if(imgindex<=PGlength)
            {
                html+="<a href=photogallery.aspx#ancortag onmouseover=this.style.cursor='pointer'; id=P"+imgindex+" onclick=ShowMain('"+category+"',"+imgindex+"); class='borderit'><img  id=imgp"+imgindex+" runat=server src='PhotoGallery/"+category+"/Thumb/"+imgindex+".jpg' width=75 height=75 ></a>&nbsp;";
                imgindex++;
            }
        }
        html+="</div>";
    }
    
    html+="</div>";
    
    getObj("thumb").innerHTML=html;
    getObj("Pdivlabel").innerHTML="Photo 1 of "+PGlength;
    getObj("divp1").style.visibility="visible";
    
    for(i=2;i<=divcount;i++)
    {
        getObj("divp"+i).style.visibility="hidden";
    }
    ShowMain(category,1);
    SetTopNO();    
}

function ShowMain(Catmain,mainimg)
{    
    category=Catmain;
    imgnumber=mainimg;
    
    getObj("Pmainimg").src="PhotoGallery/"+Catmain+"/Main/"+mainimg+".jpg";
    getObj("Pdivlabel").innerHTML="Photo "+mainimg+" of "+PGlength;
    setstyle();
}

function PhotoRender(position)
{
    if(position=="left")
    {
        imgnumber--;
        if(imgnumber==0)
        {
            imgnumber=PGlength; 
        }       
    }
    else
    {  
        imgnumber++;
        var lright=PGlength;
        lright++
        
        if(imgnumber==lright)
        {
            imgnumber=1;              
        }       
    }
    var showdiv=Math.ceil(imgnumber/ImgGroup);
    
    for(i=1;i<=divcount;i++)
    {
        if(getObj("divp"+i).style.visibility=="visible")
        {
            maindiv=i;
        }
    }
    
    if(maindiv!==showdiv)
    {
        getObj("divp"+maindiv).style.visibility="hidden";
        getObj("divp"+showdiv).style.visibility="visible";

    }
    getObj("Pmainimg").src="PhotoGallery/"+category+"/Main/"+imgnumber+".jpg";
    getObj("Pdivlabel").innerHTML="Photo "+imgnumber+" of "+PGlength;
    setstyle();
    SetTopNO();
}

function movediv(divposition)
{   
    for(i=1;i<=divcount;i++)
    {
        if(getObj("divp"+i).style.visibility=="visible")
        {
            divnumber=i;
            maindiv=i;
        }
    }
    if(divposition=="left")
    {
        divnumber--;
        if(divnumber==0)
        {
            divnumber=divcount;
        }         
    }
    else
    {
        divnumber++;
        var divright=divcount;
        divright++
        
        if(divnumber==divright)
        {
            divnumber=1;              
        } 
        
    }
  
    getObj("divp"+maindiv).style.visibility="hidden";
    getObj("divp"+divnumber).style.visibility="visible";
    SetTopNO();
    
}

function setstyle()
{
    for(i=1;i<=PGlength;i++)
    {
        if(i==imgnumber)
        {
            getObj("imgp"+imgnumber).style.filter = 'alpha(opacity=50)';
            getObj("imgp"+imgnumber).style.opacity = 0.5;
        }
        else
        {
            getObj("imgp"+i).style.filter = 'alpha(opacity=100)';
            getObj("imgp"+i).style.opacity = 1;
        }
    }
    
    loadXMLDoc('PhotoGallery.xml');

}

function SetTopNO()
{
    var Fnumber;
    var Lnumber;
    var showdiv;
    for(i=1;i<=divcount;i++)
    {
        if(getObj("divp"+i).style.visibility=="visible")
        {
            showdiv=i;
        }
    }
    Lnumber=showdiv*ImgGroup;
    if(Lnumber>PGlength)
        Lnumber=PGlength;
     
    Fnumber=((showdiv-1)*ImgGroup)+1;        
    getObj("Pdivtop").innerHTML="Photos "+Fnumber+" - "+Lnumber+" of "+PGlength;
}

  function getObj(objID) 
	{
	    if (document.getElementById)
	    {
	        if (document.getElementById(objID)==null)
	        objID="ctl00_cphContent_"+objID;
	        
	        return document.getElementById(objID)
	    }
	    else if (document.all)
	    {
	        if (document.all(objID)==null)
	        objID="ctl00_cphContent_"+objID;
	        
	        return document.all[objID];
	    }
	    else if (document.layers)
	    {
	        if (document.layers(objID)==null)
	        objID="ctl00_cphContent_"+objID;
	        	    
	        return document.layers[objID];
	    }
	}
	
	
	/*This is for XML file*/
var xmlhttp;

function loadXMLDoc(url)
{
xmlhttp=null;
// code for Mozilla, etc.
if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest();
  }
// code for IE
else if (window.ActiveXObject)
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
if (xmlhttp!=null)
  {
  xmlhttp.onreadystatechange=onResponse;
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
  }
else
  {
  alert("Your browser does not support XMLHTTP.");
  }
}

function checkReadyState(obj)
{
  if(obj.readyState == 4)
  {
    if(obj.status == 200)
    {
    return true;
    }
    else
    {
    alert("Problem retrieving XML data");
    }
  }
}

function onResponse()
{
  if(checkReadyState(xmlhttp))
  {
      var response = xmlhttp.responseXML.documentElement;
      x=response.getElementsByTagName(category);
      for (i=0;i<x.length;i++)
      {
            xx=x[i].getElementsByTagName("img"+imgnumber);
            getObj("divptitle").innerHTML=xx[0].firstChild.data;
      }
  }
}