// JavaScript Document
  var moz = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined');
  var ie = (typeof window.ActiveXObject != 'undefined'); 
   var xmlDoc;
function loadSustainXMLDoc(fname)
{

// code for IE
if (window.ActiveXObject)
  {
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation && document.implementation.createDocument)
  {
  xmlDoc=document.implementation.createDocument("","",null);
  }
else
  {
  alert('Your browser cannot handle this script');
  }
xmlDoc.async=false;
xmlDoc.load(fname);
return(xmlDoc);
}


function displaySustainResult(startIndex)
{
// code for IE
if (window.ActiveXObject)
  {
  	 xmlDoc = new ActiveXObject( "MSXML2.DOMDocument.3.0" );
     xslDoc = new ActiveXObject( "MSXML2.FreeThreadedDOMDocument.3.0" );
     var xslTemplate = new ActiveXObject( "MSXML2.XSLTemplate.3.0" );

    //1. Load in the raw XML data:
    xmlDoc.async = "false";
    xmlDoc.load('/utc_cn/xml/sustaining.xml' );

    //2. Load in the XSLT transform script:
    xslDoc.async = "false";
    xslDoc.load('/utc_cn/xml/sustaining.xsl' );

    xslTemplate.stylesheet = xslDoc;
    xslProcessor = xslTemplate.createProcessor( );
    xslProcessor.input = xmlDoc;


    //3. Overwrite the xsl:params with runtime selected values:
    xslProcessor.addParameter( "startIndex", startIndex );

    //4. Output the XML (as processed by the XSLT) to the div target
    xslProcessor.transform();
    document.getElementById("sustainingExample").innerHTML= xslProcessor.output;
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation && document.implementation.createDocument)
  {
  xml=loadSustainXMLDoc("/utc_cn/xml/sustaining.xml");
  xsl=loadSustainXMLDoc("/utc_cn/xml/sustaining.xsl");
 
  xsltProcessor=new XSLTProcessor();
  xsltProcessor.importStylesheet(xsl);
  xsltProcessor.setParameter(null, "startIndex",startIndex);
  resultDocument = xsltProcessor.transformToFragment(xml,document);
  document.getElementById("sustainingExample").innerHTML="";
  document.getElementById("sustainingExample").appendChild(resultDocument);
  }
}


function sustainingPagination()
{ 
	xml= loadSustainXMLDoc('/utc_cn/xml/sustaining.xml');

  var nodes;
  var pages;
  var remainder;
  // code for IE
  if (window.ActiveXObject)
  {
  	xmlObj=xmlDoc.documentElement;
	nodes = xmlObj.childNodes.length ;
  }
  
  else if (document.implementation && document.implementation.createDocument)
  {
   		nodes = xmlDoc.getElementsByTagName('root')[0].getElementsByTagName('item').length;
  }	
   if(nodes>5)
  {
    pages = nodes/5; 
	remainder = nodes % 5;
	pages = ( nodes - remainder ) / 5;
  }
  else
    pages = nodes;
        
//alert(pages);
  var innerhtml;
  if(pages>=1)
  {
	  gotosustainpage(1,nodes,pages);
  }
}

function gotosustainpage(page,nodes,pages)
{
	 var innerhtml="";
	
	  var pagesno = pages;
	 
	  if ((nodes % 5)>0)
	  {
		 pagesno+=1; 
	  }
	  
	  if(page>1)
	  	  innerhtml += '<input type="button" class="btn_moveup" value=" " onmouseover="this.className=\'btn_moveupHover\'" onmouseout="this.className=\'btn_moveup\';" onclick="javascript:gotosustainpage('+(page-1)+','+nodes+','+pages+')" />';
      else
	  	  innerhtml += "<img src='/utc_cn/images/buttons/move_up_dimmed.gif' alt='previous page' />";
		
	  

	  
	  if(page<pagesno)
	  	  innerhtml += '<input type="button" class="btn_movedn" value=" " onmouseover="this.className=\'btn_movednHover\'" onmouseout="this.className=\'btn_movedn\';" onclick="javascript:gotosustainpage('+(page+1)+','+nodes+','+pages+')" />';
		  
      else
	      innerhtml += "<img src='/utc_cn/images/buttons/move_dn_dimmed.gif' alt='next page' />";
		  
	    
	  document.getElementById('sustainingPagination').innerHTML =innerhtml;
		  
	  displaySustainResult(((page-1)*5)+1);	  
}