// Frank Scholz Computerservice (C) 2009
// Projekt: classiccars-langen.de - Referenzen


var req = false;

function sRequest(scriptQuery,todo,title)
{
  req  = false;
//  alert(scriptQuery + "\n" + todo);
  if(window.XMLHttpRequest)
  {
   try
    {
     req = new XMLHttpRequest();
    }
   catch(e)
    {
     req = false;
    }
   }
  else if(window.ActiveXObject)
   {
    try
     {
      req = new ActiveXObject("Msxml2.XMLHTTP");
     }
    catch(e)
     {
      try
       {
        req = new ActiveXObject("Microsoft.XMLHTTP");
       }
      catch(e)
       {
        req = false;
       }
     }
   }
  if (!req)
  {
	  alert("Kann keine XMLHTTP-Instanz erzeugen");
		return false;
  }
  else
  {
//   alert("readServerMessage(\'" + todo + "\',\'" + elementId + "\')");
   req.onreadystatechange = new Function('f',"readServerMessage(\'" + todo + "\',\'" + title + "\')");
   req.open("GET", scriptQuery, true);
//   alert('atSend');
   try
   { req.send(true);} // required for mozilla styled browsers, this should be the right way - but
   catch(e)
   { req.send();}     // microsoft seeks to make us wonder. It's to boring to do all thing compliant with the others.
  }
}
function readServerMessage(todo,title)
{
//   alert(todo + "\n" + elementId);
   switch (req.readyState)
   {
		  case 4:
			  if (req.status != 200)
				  alert("Fehler:"+req.status);
			  else
        {
          switch(todo)
          {
            case 'image':
 		    	    var xmlDoc	= req.responseXML; //save stream sent by the server
              var data = xmlDoc.getElementsByTagName('picture');
              var count= xmlDoc.getElementsByTagName('count');
              if (document.getElementById('showDetail'))
              {
                var ShowDetail = document.body.lastChild;
                document.body.removeChild(ShowDetail);
              }
              var div   = document.createElement('div');
              var content = document.body;
              content.appendChild(div);
              var browser=new String(navigator.appVersion);
              if(browser.search(/MSIE .+/))
              {
                if (browser.slice(browser.search(/MSIE .+/)+5,browser.search(/MSIE .+/)+6)<7)
                {
                   div.style.position="absolute";
                }
                else
                {
                  div.style.position="fixed";
                }
              }
              else
                div.style.position="fixed";
              div.style.width="750px";
              div.style.height="420px";
              div.style.left="180px";
              div.style.top="100px";
              div.style.border="2px solid black";
              div.style.backgroundColor='#000030';
              div.style.bgColor='#000030';
              div.style.zindex="12";
              div.name ='showDetail';
              div.id   ='showDetail';
              var close = document.createElement('a');
              var style = document.createAttribute('style');
              style.nodeValue = "position:absolute;right:10px;top:10px;";
              close.style.position='absolute';
              close.style.right='10px';
              close.style.top='10px';
              close.setAttribute('href','javascript:closeShowDetail()');
              close.style.opacity=100;
              close.style.filter='alpha(opacity=100)';
              var clsimg = document.createElement('img');
              clsimg.type="text/gif";
              clsimg.src = "/pic/close.gif";
              close.appendChild(clsimg);
              var desc = document.createElement('h1');
              desc.id   = "desc";
              desc.name = "desc";
              desc.style.color='white';
              desc.style.position='absolute';
              desc.style.left='10px';
              desc.style.top='7px';
//              desc.style.opacity=100;
//              desc.style.filter='alpha(opacity=100)';
              var pictures = document.createElement('p');
              pictures.id = "pictures";
              pictures.name = "pictures";
              pictures.style.position='absolute';
              pictures.style.left='10px';
              pictures.style.top='20px';
//              pictures.style.opacity=100;
//              pictures.style.filter='alpha(opacity=100)';
              div.appendChild(desc);
              div.appendChild(close);
              div.appendChild(pictures);
              var text  = document.createTextNode(title);
              desc.appendChild(text);
              for(i=0;data[i];i++)
              {
                if(i%3 == 0)
                {
                  var br = document.createElement('br');
                  pictures.appendChild(br);
                }
                var img   = document.createElement('img');
                var blank = document.createTextNode('  ');
                img.type="text/jpeg";
                img.src ="image.php?img="+data[i].firstChild.nodeValue+"&height=180";
                pictures.appendChild(blank);
                pictures.appendChild(img);
              }
              break;
            default:
          }
  	 }
	   break;
	 default:
  }

}

function closeShowDetail()
{
  var ShowDetail = document.body.lastChild;
  document.body.removeChild(ShowDetail);
}

function showdetail(title,image)
{
  sRequest("/bin/support.php?do=image&image=" + image,'image',title);
}

