// JavaScript Document
  var moz = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined');
  var ie = (typeof window.ActiveXObject != 'undefined'); 
   var xmlDoc;
var numberOfrowsOnpage = 0 ;
var pager = new Pager('NewsItem', 5); 
function Pager(className, itemsPerPage) 
{
	this.className = className;
    this.itemsPerPage = itemsPerPage;
    this.currentPage = 1;
    this.pages = 0;
    this.inited = false;
	this.showRecords = function(from, to) {        
        var rows = document.getElementsByClassName(className);
        // i starts from 1 to skip table header row
        for (var i = 1; i < rows.length; i++) {
            if (i < from || i > to)  
                rows[i].style.display = 'none';
            else
                rows[i].style.display = '';
        }
    }
    this.showPage = function(pageNumber) {
	
    	if (! this.inited) {
    		
    		return;
    	}
        var oldPageAnchor = document.getElementById('pg'+this.currentPage);
		if(oldPageAnchor!=null){
        oldPageAnchor.className = 'pg-normal';
		}
        
        this.currentPage = pageNumber;
        var newPageAnchor = document.getElementById('pg'+this.currentPage);
		if(newPageAnchor!=null){
        newPageAnchor.className = 'pg-selected';
		}
        
        var from = (pageNumber - 1) *parseInt(numberOfrowsOnpage) + 1;
        var to = from + parseInt(numberOfrowsOnpage) - 1;
        this.showRecords(from, to);
		this.showPageNav('pager', 'sustainingPagination');

    } 
	this.prev = function() {
        if (this.currentPage > 1)
            this.showPage(this.currentPage - 1);
    }
    
    this.next = function() {
		
        if (this.currentPage < this.pages) {
            this.showPage(this.currentPage + 1);
        }
    } 
    this.init = function(number) {
		if(number != null)
		{
			itemsPerPage = number;
			numberOfrowsOnpage = number;
		}
		else
		{
			numberOfrowsOnpage = itemsPerPage;
		}
        var rows = document.getElementsByClassName(className);
        var records = (rows.length - 1); 
        this.pages = Math.ceil(records / itemsPerPage);
        this.inited = true;
    }
	document.getElementsByClassName = function(cl) {
		var retnode = [];
		var myclass = new RegExp('\\b'+cl+'\\b');
		var elem = this.getElementsByTagName('*');
		for (var i = 0; i < elem.length; i++) {
			var classes = elem[i].className;
			if (myclass.test(classes)) retnode.push(elem[i]);
		}
		return retnode;
	};
	 this.showPageNav = function(pagerName, positionId) {
    	if (!this.inited) {
    		return;
    	}
    	var element = document.getElementById(positionId);
    	 var innerhtml="";
		if(this.pages > 1)
		{
			if(this.currentPage == 1){
				innerhtml += '<img alt="previous page" title="previous page" src="/vgn-ext-templating-utc/utc/images/buttons/move_up_dimmed.gif"/>';
			}else{
				innerhtml += '<input type="button" title="previous page" class="btn_moveup" value=" " onmouseover="this.className=\'btn_moveupHover\'" onmouseout="this.className=\'btn_moveup\';" onclick="' + pagerName + '.prev();" />';
			}
			if(this.currentPage == this.pages){
				innerhtml += '<img alt="previous page" title="previous page" src="/vgn-ext-templating-utc/utc/images/buttons/move_dn_dimmed.gif"/>';

			}else{
				innerhtml += '<input type="button" title="next page" class="btn_movedn" value=" " onmouseover="this.className=\'btn_movednHover\'" onmouseout="this.className=\'btn_movedn\';" onclick="' + pagerName + '.next();" />';
			}
	    }
       else if(this.pages == 1)
	   {

			innerhtml += '<input type="button" title="previous page" class="btn_moveup" value=" " onmouseover="this.className=\'btn_moveupHover\'" onmouseout="this.className=\'btn_moveup\';" onclick="' + pagerName + '.prev();" />';
	   }
	  	 
       element.innerHTML = innerhtml;
    }
}
function displaySustainResult(startIndex)
{

	 document.getElementById("sustainingExample").innerHTML=document.getElementById("sustainingExample").innerHTML;
// 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/xml/sustaining.xml' );

    //2. Load in the XSLT transform script:
    xslDoc.async = "false";
    xslDoc.load('/utc/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)
  {
sourceXML = "/utc/xml/sustaining.xml";
sourceXSL = "/utc/xml/sustaining.xsl";
container = "sustainingExample";
  
//Load the XML
xmlhttpXSL = new XMLHttpRequest();
xmlhttpXSL.open("GET", sourceXSL, false);
xmlhttpXSL.setRequestHeader("Content-Type", "text/css")
xmlhttpXSL.send(null);
loadedStyle = xmlhttpXSL.responseXML;
xsl = xmlhttpXSL.responseXML;


//Load the XSL
xmlhttpXML = new XMLHttpRequest();
xmlhttpXML.open("GET", sourceXML, false);
xmlhttpXML.setRequestHeader("Content-Type", "text/xml")
xmlhttpXML.send(null);
var xmlDoc = xmlhttpXML.responseXML;
xml = xmlhttpXML.responseXML;
//Transform
var writeObj = document.getElementById(container);
var xsltProcessor = new XSLTProcessor();
//var xmls = new XMLSerializer();
xsltProcessor.importStylesheet(xsl);
xsltProcessor.setParameter(null, "startIndex",startIndex); // pass the parameter
 resultDocument = xsltProcessor.transformToFragment(xml,document);
document.getElementById("sustainingExample").innerHTML="";
document.getElementById("sustainingExample").appendChild(resultDocument);

*/
  
//  }
}



function sustainingPagination(nodes)
{ 
	alert(nodes);
//Load the XSL
/*sourceXML = "/utc/xml/sustaining.xml";
var xmlDoc = loadXMLDoc(sourceXML); //function loadXMLDoc exists in leadership.js file
var xml = loadXMLDoc(sourceXML); //function loadXMLDoc exists in leadership.js file


  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" title="previous page" 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='/vgn-ext-templating-utc/utc/images/buttons/move_up_dimmed.gif' title='previous page' alt='previous page' />";
		
	  

	  
	  if(page<pagesno)
	  	  innerhtml += '<input type="button" title="next page" 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='/vgn-ext-templating-utc/utc/images/buttons/move_dn_dimmed.gif' title='next page' alt='next page' />";
		  
	    
	  document.getElementById('sustainingPagination').innerHTML =innerhtml;
		  
	 displaySustainResult(((page-1)*5)+1);	  
}

 document.getElementsByClassName = function(cl) {
		var retnode = [];
		var myclass = new RegExp('\\b'+cl+'\\b');
		var elem = this.getElementsByTagName('*');
		for (var i = 0; i < elem.length; i++) {
			var classes = elem[i].className;
			if (myclass.test(classes)) retnode.push(elem[i]);
		}
		return retnode;
	};


//////////////////////////////////////function loadXMLDoc exists in leadership.js file//////////////////////////
/*
function loadXMLDoc(fname)
{

// code for IE
if (window.ActiveXObject)
  {
	  
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async=false;
  xmlDoc.load(fname)
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation && document.implementation.createDocument)
  {
  
xmlhttpXML = new XMLHttpRequest();
xmlhttpXML.open("GET", fname, false);
xmlhttpXML.setRequestHeader("Content-Type", "text/xml")
xmlhttpXML.send(null);
xmlDoc = xmlhttpXML.responseXML; 
  }
else
  {
  alert('Your browser cannot handle this script');
  }
;
return(xmlDoc);
}
*/