var xmlHttp
var slideNumber=0;
var responseText = "";

function showCities(str)
{

if (str.length==0)
  { 
  return;
  }
  
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
var url="AjaxResult.aspx";

url=url+"?City="+str;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);

} 

function showNeighborhood(str)
{
var CityName = document.form1.TextCities.value;
if (str.length==0)
  { 
  return;
  }
  
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
var url="AjaxResult.aspx";

url=url+"?Neighborhood="+str;
url=url+"&FoundCity="+CityName;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);

} 
function showStreets(str)
{
var HoodName = document.form1.TextBoxNhood.value;
var CityName = document.form1.TextCities.value;
if (str.length==0)
  { 
  return;
  }
  
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
var url="AjaxResult.aspx";

url=url+"?Street="+str;
url=url+"&FoundCity="+CityName;
url=url+"&FoundHood="+HoodName;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);

} 

function stateChanged() 
{ 
if (xmlHttp.readyState==4)
{ 
  
 
//document.form1.Text1.value=xmlHttp.responseText;

}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}

function stateChangedForImages()
{
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")    
    {
        responseText = xmlHttp.responseText;
        DisplayPictures();
    }
}

function DisplayPictures()
{
    var i=0, j=0, k;
    var Image1, Image2, Image3, Image4, Image5, Image6;
//    var src = "http://localhost:1200/Parks/images/cities/a/b/";
    for (k=1;k<=6*slideNumber;k++)
    {
        j=responseText.indexOf("@",  i+1);
        if (j<0)
            break;
        i=j;
    }
    if (j>=0)    //If there are more pictures to display in the next slide
    {
        j = responseText.indexOf("@",i+1);
        if (j>0)
        {
            if (i>0)    //If It is not the first picture in the list
                Image1 = /*src + */responseText.substr(i+1,j-i-1);
            else
                Image1 = /*src + */responseText.substr(0,j-i);    
            document.all.Image1.src = Image1; 
            i=j;
            j = responseText.indexOf("@", i+1);
            if (j>0)
            {
                Image2 = /*src + */responseText.substr(i+1,j-i-1);
                document.all.Image2.src = Image2;                
                i = j;
                j = responseText.indexOf("@", i+1);
                if (j>0)
                {
                    Image3 = /*src + */responseText.substr(i+1, j-i-1);
                    document.all.Image3.src = Image3;                    
                    i=j;
                    j= responseText.indexOf("@", i+1); 
                    if (j>0)
                    {
                        Image4 = /*src + */responseText.substr(i+1, j-i-1);
                        document.all.Image4.src = Image4;
                        i=j;
                        j= responseText.indexOf("@", i+1); 
                        if (j>0)
                        {
                            Image5 = /*src + */responseText.substr(i+1, j-i-1);
                            document.all.Image5.src = Image5;                            
                            i=j;
                            j= responseText.indexOf("@", i+1); 
                            if (j>0)
                            {
                                Image6 = /*src + */responseText.substr(i+1, j-i-1);
                                document.all.Image6.src = Image6;                            
                            }
                        }
                    }
                }
             }   
        }
        else
            slideNumber = slideNumber - 1;
        if (responseText)   //If at list 1 picture found    
        {
            if (!Image1) 
            {   
                document.all.Image1.src = "";
                document.all.Image1.visible = false;
            }
            if (!Image2)
            {
                document.all.Image2.src = "";
                document.all.Image2.visible = false;
            }
            if (!Image3)        
            {
                document.all.Image3.src = "";
                document.all.Image3.visible = false;
            }
            if (!Image4)        
            {
                document.all.Image4.src = "";
                document.all.Image4.visible = false;
            }
            if (!Image5)        
            {
                document.all.Image5.src = "";
                document.all.Image5.visible = false;
            }
            if (!Image6)        
            {
                document.all.Image6.src = "";
                document.all.Image6.visible = false;            
            }
           
        } 
    }
    else  
        slideNumber = slideNumber - 1; 
}

function showNextSlideOfImages()
{
    slideNumber = slideNumber + 1;    
    if (responseText != "")
        DisplayPictures();
    else    
        GetSlideOfImages(slideNumber);
}

function showPrevSlideOfImages()
{
    slideNumber = slideNumber - 1;
    if (slideNumber>=0)
    {
        if (responseText == "")   
            GetSlideOfImages(slideNumber);
        else
           DisplayPictures();
    }
    else
        slideNumber=0;
}

function GetSlideOfImages()
{
    xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null)
      {
      alert ("Your browser does not support AJAX!");
      return;
      } 
    var url="AjaxPictures.aspx";

    url=url+"?block="+slideNumber;
    url=url+"&sid="+Math.random();
    xmlHttp.onreadystatechange=stateChangedForImages;
    xmlHttp.open("GET",url,true);
    xmlHttp.send(null);
}

function UpdateCities()
{
    var mylist1=document.getElementById("myList1");
    document.form1.TextBoxCities.value=mylist1.options[mylist1.selectedIndex].text;
}