var lastId = 1;

function changeImg( id ){
	var urlString = 'id=';
		
	var myConn = new XHConn();
	if (!myConn) alert("XMLHTTP not available. Try a newer/better browser.");
    
	var fnWhenDone = function (oXML){
    	loadFlashSEO("gallery", "/img_gallery.swf?id="+id, 606, 342, "", "id="+id);

        document.getElementById('img_'+id).className = 'scroll_images_thmb_active';
        
        if( document.getElementById('img_'+lastId) ){ document.getElementById('img_'+lastId).className = 'scroll_images_thmb'; }
        
        lastId = id;
	};
	
	myConn.connect("/_includes/xml.img_gallery.php", "GET", urlString, fnWhenDone);
}

function scroller( page, loaded ){
	 var urlString = 'page=' + page;
		
	var myConn = new XHConn();
	if (!myConn) alert("XMLHTTP not available. Try a newer/better browser.");
    
	var fnWhenDone = function (oXML){
//if (!oXML.responseXML.documentElement && oXML.responseStream)
//oXML.responseXML.load(oXML.responseStream);
//alert(oXML.responseText);
    	events = oXML.responseXML.getElementsByTagName('events')[0];
        next = events.getAttribute('next');
        prev = events.getAttribute('prev');
        sel  = events.getAttribute('selected');
        pages = events.getAttribute('pages');
        
        event_list = events.selectNodes("item");
      
        for(i = 1; i <= event_list.length; i++){  
        	document.getElementById('td_'+i).innerHTML = '';
            
        	event_id = event_list[i-1].selectSingleNode("id/text()").nodeValue;
            event_img = event_list[i-1].selectSingleNode("image/text()").nodeValue;
                  
        	span = document.createElement('span');
            span.style.cursor = 'pointer';
            span.eid = event_id;
            span.onclick = function(){ changeImg( this.eid ); };
			
            img = document.createElement('img');
            img.id = 'img_'+event_id;
            img.src = event_img;
            img.width = 88;
            img.height = 58;
            if( i == 1 ){ img.className = 'scroll_images_thmb_active'; }else{ img.className = 'scroll_images_thmb'; }

			span.appendChild( img );
//alert(span.innerHTML); 
//alert(img.id);
//alert(i);
            document.getElementById('td_'+i).appendChild( span );
//alert(document.getElementById('td_'+i).innerHTML);            
        }
        
        arrLeft = document.getElementById('left_arrow');
        arrLeft.page = prev;
        arrLeft.onclick = function(){ scroller( this.page, 0 ); };
        
        arrRight = document.getElementById('right_arrow');
        arrRight.page = next;
        arrRight.onclick = function(){ scroller( this.page, 0 ); };
        
        if( !loaded ) changeImg( sel );
	};
	
	myConn.connect("/_includes/xml.img_scroller.php", "GET", urlString, fnWhenDone);	
}

if( document.implementation.hasFeature("XPath", "3.0") ){
	if( typeof XMLDocument == "undefined" ){ XMLDocument = Document; }
  XMLDocument.prototype.selectNodes = function(cXPathString, xNode){
    if( !xNode ) { xNode = this; } 
		var oNSResolver = this.createNSResolver(this.documentElement)
		var aItems = this.evaluate(cXPathString, xNode, oNSResolver, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null)
		var aResult = [];
		for( var i = 0; i < aItems.snapshotLength; i++){aResult[i] =  aItems.snapshotItem(i);	}
		return aResult;
	}
	XMLDocument.prototype.selectSingleNode = function(cXPathString, xNode){
		if( !xNode ) { xNode = this; } 
		var xItems = this.selectNodes(cXPathString, xNode);
		if( xItems.length > 0 ){return xItems[0];	}
		else{return null;	}
	}
	Element.prototype.selectNodes = function(cXPathString){
		if(this.ownerDocument.selectNodes){	return this.ownerDocument.selectNodes(cXPathString, this);}
		else{throw "For XML Elements Only";}
	}
	Element.prototype.selectSingleNode = function(cXPathString){	
		if(this.ownerDocument.selectSingleNode){return this.ownerDocument.selectSingleNode(cXPathString, this);	}
		else{throw "For XML Elements Only";}
	}
}

function XHConn()
{
  var xmlhttp, bComplete = false;
  try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }
  catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }
  catch (e) { try { xmlhttp = new XMLHttpRequest(); }
  catch (e) { xmlhttp = false; }}}
  if (!xmlhttp) return null;
  this.connect = function(sURL, sMethod, sVars, fnDone)
  {
    if (!xmlhttp) return false;
    bComplete = false;
    sMethod = sMethod.toUpperCase();

    try {
      if (sMethod == "GET")
      {
        xmlhttp.open(sMethod, sURL+"?"+sVars, true);
        sVars = "";
      }
      else
      {
        xmlhttp.open(sMethod, sURL, true);
        xmlhttp.setRequestHeader("Method", "POST "+sURL+" HTTP/1.1");
        xmlhttp.setRequestHeader("Content-Type",
          "application/x-www-form-urlencoded");
      }
      xmlhttp.onreadystatechange = function(){
        if (xmlhttp.readyState == 4 && !bComplete)
        {
          bComplete = true;
          fnDone(xmlhttp);
        }};
      xmlhttp.send(sVars);
    }
    catch(z) { return false; }
    return true;
  };
  return this;
}