// JavaScript Document
  var moz = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined');
  var ie = (typeof window.ActiveXObject != 'undefined'); 
   var xmlDoc;
function loadXMLDoc(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 MydisplayResult(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/leadership.xml' );

    //2. Load in the XSLT transform script:
    xslDoc.async = "false";
    xslDoc.load('/utc_cn/xml/leadership.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();

/*	
	 var pNode = xmlDoc.getElementsByTagName('speech');
  alert(pNode.length);
  for(var i=0;i<pNode.length;i++){
  	var atrr = pNode[i].firstChild.nodeValue;
	alert(atrr);
  }*/
	
    document.getElementById("example").innerHTML= xslProcessor.output;
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation && document.implementation.createDocument)
  {
  xml=loadXMLDoc("/utc_cn/xml/leadership.xml");
  xsl=loadXMLDoc("/utc_cn/xml/leadership.xsl");
 
  xsltProcessor=new XSLTProcessor();
  xsltProcessor.importStylesheet(xsl);
  xsltProcessor.setParameter(null, "startIndex",startIndex);
  resultDocument = xsltProcessor.transformToFragment(xml,document);
 
  /*
  var pNode = xml.getElementsByTagName('speech');
  alert(pNode.length);
  for(var i=0;i<pNode.length;i++){
  	var atrr = pNode[i].textContent;
	alert(atrr);
  }*/
  document.getElementById("example").innerHTML="";
  document.getElementById("example").appendChild(resultDocument);
  }
}


function Pagination()
{ 
	xml= loadXMLDoc('/utc_cn/xml/leadership.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>3)
  {
    pages = nodes/3; 
	remainder = nodes % 3;
    pages = ( nodes - remainder ) / 3;
  }
  else
    pages = nodes;
        
//alert(pages);
  var innerhtml;
  if(pages>=1)
  {
	  gotopage(1,nodes,pages);
  }
}

function gotopage(page,nodes,pages)
{
	 var innerhtml="";
	
	  var pagesno = pages;
	  if ((nodes % 3)>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:gotopage('+(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:gotopage('+(page+1)+','+nodes+','+pages+')" />';
		  
      else
	      innerhtml += "<img src='/utc_cn/images/buttons/move_dn_dimmed.gif' alt='next page' />";
		  
	    
	  document.getElementById('Pagination').innerHTML =innerhtml;
		  
	  MydisplayResult(((page-1)*3)+1);	  
}