var xmlhttp;

    function showPics(page) {
        var searchstr = getSearch();
        //alert('search str = ' + searchstr);
        //return false;
        //document.getElementById("sitepics").innerHTML=searchstr;
        //document.getElementById("sitepics").innerHTML="innerHTML text";
        
        xmlhttp=GetXmlHttpObject();
        if (xmlhttp==null) {
          alert ("Browser does not support HTTP Request");
          return;
        }
        var url="data/sitepics.php";
        url=url+"?q="+searchstr;
        url=url+"&page="+page;
        url=url+"&sid="+Math.random();    //Adds a random number to prevent the server from using a cached file
        //document.getElementById("sitepics").innerHTML=url;
        //alert('url='+url);
        document.body.style.cursor = "wait";
        xmlhttp.onreadystatechange=stateChanged;
        xmlhttp.open("GET",url,true);
        xmlhttp.send(null);
 
    }

    function getSearch() {
        var goalLen = document.selectform.goal.length;
        //var colourLen = document.selectform.colour.length;
        //var layoutLen = document.selectform.layout.length;
        //var toneLen = document.selectform.tone.length;
        var search = '%2B';     //'+'; 
        var temp, temp2;
        for (i=goalLen-1; i > -1; i--) {
            if (document.selectform.goal[i].checked) {
                search += document.selectform.goal[i].value;
            }
        }
        /*
        for (i=colourLen-1; i > -1; i--) {
            if (document.selectform.colour[i].checked) {
                temp = document.selectform.colour[i].value;
            }
        }
        if (temp != 'any') {
          temp2 = '%20%2B' + temp;  
          search += temp2; 
        }
        for (i=layoutLen-1; i > -1; i--) {
            if (document.selectform.layout[i].checked) {
                temp = document.selectform.layout[i].value;
            }
        }
        if (temp != 'any') {
          temp2 = '%20%2B' + temp;  
          search += temp2; 
        }
        for (i=toneLen-1; i > -1; i--) {
            if (document.selectform.tone[i].checked) {
                temp = document.selectform.tone[i].value;
            }
        }
        if (temp != 'any') {
          temp2 = '%20%2B' + temp;  
          search += temp2; 
        }
        */
        return search;
    }
    
    function stateChanged() {
      if (xmlhttp.readyState==4) {
        document.getElementById("sitepics").innerHTML=xmlhttp.responseText;
        $(".thumb .pic").fancybox();
        showStitles();
        document.body.style.cursor = "default";
      }
    }

    function GetXmlHttpObject() {
      if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        return new XMLHttpRequest();
      }
      if (window.ActiveXObject) {
        // code for IE6, IE5
        //return new ActiveXObject("Microsoft.XMLHTTP");
        try {
          return new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
          try {
            return new ActiveXObject("Microsoft.XMLHTTP");
          } catch (e) {
            alert("Your browser does not support AJAX!");
            return null;        //xmlHttp = getxmlHttp(); if (xmlHttp != null) {
          }
        }
      }
      return null;
    }