var xmlHttp = createXmlHttpRequestObject();

function createXmlHttpRequestObject()
{
   var xmlHttp;
   if(window.ActiveXObject)
   {
	  try
	  {
		 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	  }
	  catch (e)
	  {
		 xmlHttp = false;
	  }
   }
   else
   {
	  try
	  {
		 xmlHttp = new XMLHttpRequest();
	  }
	  catch (e)
	  {
		 xmlHttp = false;
	  }
   }
   if (!xmlHttp)
	  alert("Error creating the XMLHttpRequest object.");
   else
	  return xmlHttp;
}

function handleServerResponse()
{
   if (xmlHttp.readyState == 4)
   {
	  if (xmlHttp.status == 200)
	  {
	  	try
		{					
			xmlResponse = xmlHttp.responseXML;
 			xmlDoc = xmlResponse.documentElement;
            count = xmlDoc.getElementsByTagName('count')[0].firstChild.data;
            text = new Array();
            id = new Array();
            for (var i=0;i<count;i++)
            {
    			text.push( xmlDoc.getElementsByTagName('text'+i)[0].firstChild.data );
    			id.push( xmlDoc.getElementsByTagName('id'+i+"0")[0].firstChild.data );
                id.push( xmlDoc.getElementsByTagName('id'+i+"1")[0].firstChild.data );
            }
			show_main_text();
		}
		catch (e)
		{
			alert("Error reading the responce: " + e.toString());
		}
	  }
	  else
	  {
		 alert("There was a problem accessing the server: " + xmlHttp.statusText);
	  }
   } 
}

function get_image_text(image_id)
{
		document.getElementById("main_text").innerHTML = '<div id="main_text_loading"><img src="' + siteurl + '/images/indicator.gif" alt="" /> Loading...</div>';
		xmlHttp.open("GET", siteurl + "/get_image_text.php?id=" + image_id, true);
		xmlHttp.onreadystatechange = handleServerResponse;
		xmlHttp.send(null);
}

function show_main_text()
{
	//if(DHTMLgoodies_largeImage.complete)
	//{
			ob_main_text.hide();
            var div_content ='<div style="width:150px; float:left; padding:5px 10px 0 0;">Before</div><div style="width:150px; float:left; padding:5px 0px 0 0;">After</div>';
            var count_img=0;
            var second = false;
            for (var i=0;i<id.length;i++)
            {
                if (!second)
                    div_content += '<div class="clearfix">';
                div_content += '<div id="DHTMLgoodies_largeImage'+id[i]+'"  style="width:150px; float:left; padding:5px 10px 0 0;">' +
                '<img width="150" src="' + siteurl + '/images/gallery/' + id[i] + '_big.jpg"></div>';
                if (second)
                {
                      div_content += '<div id="DHTMLgoodies_imgtext'+ id[i-1] +'" style="text-align:center;float:left;width:300px">'+
                        text[count_img] +'</div></div>'
                      count_img++;
                }
                second = !second;
            }
			document.getElementById("main_text").innerHTML = div_content;
				/*'<div id="DHTMLgoodies_largeImage">' +
				'<img src="' + siteurl + '/images/gallery/' + id + '_big.jpg"></div>' +
				'<div id="DHTMLgoodies_imgtext">' + text + '</div>';*/
			ob_main_text.toggle();
	//}
	//else setTimeout('show_main_text()', 100);

}