var totalItems = 0;
// The following are specified on the calling page
//var rule_URL = "xml/SVM_rules.xml";
//var itemsPerPage = 10;
//var selectedPage = 1;

 $(document).ready(function(){
	$.ajax({
		type: "GET",
		url: rule_URL ,
		dataType: "xml",
      error: function(XMLHttpRequest, textStatus, errorThrown) {
		  alert(XMLHttpRequest);
		  alert(textStatus);
		  alert(errorThrown);
		} ,
		success: function(xml) {
			//var rule_title = $(xml).find('rule_title').text();
			var last_ammended = $(xml).find('last_ammended').text();
			var approved_by = $(xml).find('approved_by').text();
			var textcontainer = $('#section_1');
			totalItems = $(xml).find('rule').length;
			var count = 0;
			var strText = '';
			var testStr = '';
			$(xml).find('rule_type').each(function(){
				if (count < itemsPerPage) {
					//var rule_type_desc = $(this).find('rule_type_desc').text();
					var rule_type_title = $(this).find('rule_type_title').text();
					strText += '<p class="section_1_header"\>' + rule_type_title + '<\/p\>';
					if (rule_type_title == 'General Rules') {
						$(this).find('rule').each(function(){
							if (count < itemsPerPage) {
								if ($(this).find('rule_subitems').length > 0) {
									var rule_number = $(this).find('rule_number').text();
									var rule_title = $(this).find('rule_title').text();
									strText += "<div class='itemNo'\>" + rule_number  + "<\/div\>";
									strText += "<div class='subtextHeader'\>" +rule_title  + "<\/div\>";
									savedThis = this;
									$(savedThis).find('rule_subitem').each(function(){
										var rule_subitem_number = $(this).find('rule_subitem_number').text();
										var rule_subitem_text = $(this).find('rule_subitem_text').text();
										strText += "<div class='subitemNo'\>" +rule_subitem_number  + "<\/div\>";
									 	strText += "<div class='subtextItem'\>" +rule_subitem_text  + "<\/div\>";
									
									});
								} else {
									//strText += "<div class='itemNo'\>";
									var ruleNo = $(this).find('rule_number').text();
									var ruleText = $(this).find('rule_text').text();
									strText += "<div class='itemNo'\>" +ruleNo  + "<\/div\>";
									strText += "<div class='textItem'\>" +ruleText  + "<\/div\>";
								}
							}
						count++;
						});
					}
				} else if (rule_type_title == 'Competitions') {
					if (count < itemsPerPage) {
						var rule_type_desc = $(this).find('rule_type_desc').text();
						strText += '<p class="italic_text"\>' + rule_type_desc + '<\/p\>';
						$(this).find('rule').each(function(){
								var rule_number = $(this).find('rule_number').text();
								var rule_title = $(this).find('rule_title').text();
								var rule_text = $(this).find('rule_text').text();
								strText += "<div class='itemNo'\>" +rule_number  + "<\/div\>";
								strText += "<div class='textItemBold'\>" +rule_title  + "<\/div\><br />";
								strText += "<div class='textItem'\>" +rule_text  + "<\/div\>";
							count++;
						})
					}
				} else if (rule_type_title == 'Trophies') {
					if (count < itemsPerPage) {
						var rule_type_desc = $(this).find('rule_type_desc').text();
						strText += '<p class="italic_text"\>' + rule_type_desc + '<\/p\>';
						$(this).find('rule').each(function(){
								var rule_number = $(this).find('rule_number').text();
								var rule_title = $(this).find('rule_title').text();
								var rule_text = $(this).find('rule_text').text();
								strText += "<div class='itemNo'\>" +rule_number  + "<\/div\>";
								strText += "<div class='textItemBold'\>" +rule_title  + "<\/div\><br />";
								strText += "<div class='textItem'\>" +rule_text  + "<\/div\>";
							count++;
						})
					}
				}
			});
			strText += "<p style='text-align:center;font-style:italic;font-weight: 600;'\>" + approved_by + " at a meeting held on " + last_ammended + "<\/p\><hr \/\><p \/\>";
			textcontainer.append(strText)
			setButtons (1);
		}
	});
});


function setButtons (btnNo) {
	var buttoncontainer1 = $('#pageButtons1');
	var buttoncontainer2 = $('#pageButtons2');
	var btnStr = '<span id="pageLabel"> Page:</span>';
	//var t = getMod(totalItems,itemsPerPage);
	if (totalItems > 0) {
		for(var i=1; i <=  Math.floor(totalItems/itemsPerPage) ; i++) 
			if (btnNo == i) {
				btnStr += ('<a class="selectedPage" href="#" onclick="refresh(i);">(' + i + ')</a></span>');
			} else {
				btnStr += ('<a class="pageButton" href="#" onclick="refresh(' + i + ');">' + i + '</a>&nbsp;&nbsp;');
			}
		btnStr += ('<p />');
	}
	document.getElementById('pageButtons1').innerHTML = btnStr;
	document.getElementById('pageButtons2').innerHTML = btnStr;
}

function getMod(X, Y) {
  var t;
  t = X %Y;
  return t > 0 ? 1 : 0;
}

function getElementsByClassName(classname, node)  {
	if(!node) node = document.getElementsByTagName("body")[0];
		var a = [];
		var re = new RegExp('\\b' + classname + '\\b');
		var els = node.getElementsByTagName("*");
		for(var i=0,j=els.length; i<j; i++)
			if(re.test(els[i].className))a.push(els[i]);
	return a[0];
}

function refresh(pageNo) {
	$.ajax({
		type: "GET",
		url: rule_URL,
		dataType: "xml",
		success: function(xml) {
			var div = document.getElementById("section_1");
			while (div.hasChildNodes()) {
				div.removeChild(div.lastChild);
			}
			
			var last_ammended = $(xml).find('last_ammended').text();
			var approved_by = $(xml).find('approved_by').text();
			var textcontainer = $('#section_1');
			totalItems = $(xml).find('rule').length;
			var count = 0;
			var strText = '';
			var testStr = '';
			$(xml).find('rule_type').each(function(){
				//var rule_type_desc = $(this).find('rule_type_desc').text();
				strTest = $(this).find('rule_type_title').text();
				var rule_type_title = $(this).find('rule_type_title').text();
				if (count >= itemsPerPage*(pageNo -2) && count < itemsPerPage*pageNo) {
					if (rule_type_title == 'General Rules') {
						strText += '<p class="section_1_header"\>' + rule_type_title + ' continued<\/p\>';
					} else {
						strText += '<p class="section_1_header"\>' + rule_type_title + '<\/p\>';
					}
				} 
				if (rule_type_title == 'General Rules') {
					$(this).find('rule').each(function(){
						if (count >= itemsPerPage*(pageNo -1) && count < itemsPerPage*pageNo) {
							if ($(this).find('rule_subitems').length > 0) {
								var rule_number = $(this).find('rule_number').text();
								var rule_title = $(this).find('rule_title').text();
								strText += "<div class='itemNo'\>" + rule_number  + "<\/div\>";
								strText += "<div class='subtextHeader'\>" +rule_title  + "<\/div\>";
								savedThis = this;
								$(savedThis).find('rule_subitem').each(function(){
									var rule_subitem_number = $(this).find('rule_subitem_number').text();
									var rule_subitem_text = $(this).find('rule_subitem_text').text();
									strText += "<div class='subitemNo'\>" +rule_subitem_number  + "<\/div\>";
								 	strText += "<div class='subtextItem'\>" +rule_subitem_text  + "<\/div\>";
								
								});
							} else {
								//strText += "<div class='itemNo'\>";
								var ruleNo = $(this).find('rule_number').text();
								var ruleText = $(this).find('rule_text').text();
								strText += "<div class='itemNo'\>" +ruleNo  + "<\/div\>";
								strText += "<div class='textItem'\>" +ruleText  + "<\/div\>";
							}
						}
					count++;
					});
				} else if (rule_type_title == 'Competitions') {
					var rule_type_desc = $(this).find('rule_type_desc').text();
					if (count >= itemsPerPage*(pageNo -1) && count < itemsPerPage*pageNo) {
						strText += '<p class="italic_text"\>' + rule_type_desc + '<\/p\>';
					}
					$(this).find('rule').each(function(){
						if (count >= itemsPerPage*(pageNo -1) && count < itemsPerPage*pageNo) {
							var rule_number = $(this).find('rule_number').text();
							var rule_title = $(this).find('rule_title').text();
							var rule_text = $(this).find('rule_text').text();
							strText += "<div class='itemNo'\>" +rule_number  + "<\/div\>";
							strText += "<div class='textItemBold'\>" +rule_title  + "<\/div\><br />";
							strText += "<div class='textItem'\>" +rule_text  + "<\/div\>";
						}
					count++;
					})
				} else if (rule_type_title == 'Trophies') {
					if (count >= itemsPerPage*(pageNo -1) && count < itemsPerPage*pageNo) {
						var rule_type_desc = $(this).find('rule_type_desc').text();
						strText += '<p class="italic_text"\>' + rule_type_desc + '<\/p\>';
						$(this).find('rule').each(function(){
								var rule_number = $(this).find('rule_number').text();
								var rule_title = $(this).find('rule_title').text();
								var rule_text = $(this).find('rule_text').text();
								strText += "<div class='itemNo'\>" +rule_number  + "<\/div\>";
								strText += "<div class='textItemBold'\>" +rule_title  + "<\/div\><br />";
								strText += "<div class='textItem'\>" +rule_text  + "<\/div\>";
						})
					count++;
					}
				}
			});
			strText += "<p style='text-align:center;font-style:italic;font-weight: 600;'\>" + approved_by + " at a meeting held on " + last_ammended + "<\/p\><hr \/\><p \/\>";
			textcontainer.append(strText);
			setButtons (pageNo);
		}//,
		//failure: function() {(alert('oh no'))};
	});
	};