function cPets(objName) {

	this.name = objName;
	window[objName] = this;

	this.petFields = new Array();
	this.petFields['animalID'] = Array();
	this.petFields['animalID']['index'] = 0;
	this.petFields['animalID']['name'] = 'Animal ID';
	this.petFields['status'] = Array();
	this.petFields['status']['index'] = 1;
	this.petFields['status']['name'] = 'Status';
	this.petFields['lastUpdated'] = Array();
	this.petFields['lastUpdated']['index'] = 2;
	this.petFields['lastUpdated']['name'] = 'Last Update';
	this.petFields['rescueID'] = Array();
	this.petFields['rescueID']['index'] = 3;
	this.petFields['rescueID']['name'] = 'Rescue ID';
	this.petFields['name'] = Array();
	this.petFields['name']['index'] = 4;
	this.petFields['name']['name'] = 'Name';
	this.petFields['summary'] = Array();
	this.petFields['summary']['index'] = 5;
	this.petFields['summary']['name'] = 'Summary';
	this.petFields['species'] = Array();
	this.petFields['species']['index'] = 6;
	this.petFields['species']['name'] = 'Species';
	this.petFields['breed'] = Array();
	this.petFields['breed']['index'] = 7;
	this.petFields['breed']['name'] = 'Breed';
	this.petFields['primaryBreed'] = Array();
	this.petFields['primaryBreed']['index'] = 8;
	this.petFields['primaryBreed']['name'] = 'Primary Breed';
	this.petFields['secondaryBreed'] = Array();
	this.petFields['secondaryBreed']['index'] = 9;
	this.petFields['secondaryBreed']['name'] = 'Secondary Breed';
	this.petFields['sex'] = Array();
	this.petFields['sex']['index'] = 10;
	this.petFields['sex']['name'] = 'Gender';
	this.petFields['mixed'] = Array();
	this.petFields['mixed']['index'] = 11;
	this.petFields['mixed']['name'] = 'Mixed';
	this.petFields['dogs'] = Array();
	this.petFields['dogs']['index'] = 12;
	this.petFields['dogs']['name'] = 'Good with Dogs';
	this.petFields['cats'] = Array();
	this.petFields['cats']['index'] = 13;
	this.petFields['cats']['name'] = 'Good with Cats';
	this.petFields['kids'] = Array();
	this.petFields['kids']['index'] = 14;
	this.petFields['kids']['name'] = 'Good with Kids';
	this.petFields['declawed'] = Array();
	this.petFields['declawed']['index'] = 15;
	this.petFields['declawed']['name'] = 'Declawed';
	this.petFields['housetrained'] = Array();
	this.petFields['housetrained']['index'] = 16;
	this.petFields['housetrained']['name'] = 'House Trained';
	this.petFields['age'] = Array();
	this.petFields['age']['index'] = 17;
	this.petFields['age']['name'] = 'Age';
	this.petFields['specialNeeds'] = Array();
	this.petFields['specialNeeds']['index'] = 18;
	this.petFields['specialNeeds']['name'] = 'Special Needs';
	this.petFields['altered'] = Array();
	this.petFields['altered']['index'] = 19;
	this.petFields['altered']['name'] = 'Altered';
	this.petFields['size'] = Array();
	this.petFields['size']['index'] = 20;
	this.petFields['size']['name'] = 'Size';
	this.petFields['uptodate'] = Array();
	this.petFields['uptodate']['index'] = 21;
	this.petFields['uptodate']['name'] = 'Up-to-date';
	this.petFields['color'] = Array();
	this.petFields['color']['index'] = 22;
	this.petFields['color']['name'] = 'Color';
	this.petFields['coatLength'] = Array();
	this.petFields['coatLength']['index'] = 23;
	this.petFields['coatLength']['name'] = 'Coat Length';
	this.petFields['pattern'] = Array();
	this.petFields['pattern']['index'] = 24;
	this.petFields['pattern']['name'] = 'Pattern';
	this.petFields['courtesy'] = Array();
	this.petFields['courtesy']['index'] = 25;
	this.petFields['courtesy']['name'] = 'Courtesy Listing';
	this.petFields['found'] = Array();
	this.petFields['found']['index'] = 26;
	this.petFields['found']['name'] = 'Found';
	this.petFields['foundDate'] = Array();
	this.petFields['foundDate']['index'] = 27;
	this.petFields['foundDate']['name'] = 'Found Date';
	this.petFields['foundZipcode'] = Array();
	this.petFields['foundZipcode']['index'] = 28;
	this.petFields['foundZipcode']['name'] = 'Found Zip Code';
	this.petFields['killDate'] = Array();
	this.petFields['killDate']['index'] = 29;
	this.petFields['killDate']['name'] = 'Euth Date';
	this.petFields['killReason'] = Array();
	this.petFields['killReason']['index'] = 30;
	this.petFields['killReason']['name'] = 'Euth Reason';
	this.petFields['description'] = Array();
	this.petFields['description']['index'] = 31;
	this.petFields['description']['name'] = 'Description';
	this.petFields['pic1'] = Array();
	this.petFields['pic1']['index'] = 32;
	this.petFields['pic1']['name'] = 'Picture';
	this.petFields['pictmn1'] = Array();
	this.petFields['pictmn1']['index'] = 33;
	this.petFields['pictmn1']['name'] = 'Thumbnail';
	this.petFields['pic2'] = Array();
	this.petFields['pic2']['index'] = 34;
	this.petFields['pic2']['name'] = 'Picture';
	this.petFields['pictmn2'] = Array();
	this.petFields['pictmn2']['index'] = 35;
	this.petFields['pictmn2']['name'] = 'Thumbnail';
	this.petFields['pic3'] = Array();
	this.petFields['pic3']['index'] = 36;
	this.petFields['pic3']['name'] = 'Picture';
	this.petFields['pictmn3'] = Array();
	this.petFields['pictmn3']['index'] = 37;
	this.petFields['pictmn3']['name'] = 'Thumbnail';
	this.petFields['pic4'] = Array();
	this.petFields['pic4']['index'] = 38;
	this.petFields['pic4']['name'] = 'Picture';
	this.petFields['pictmn4'] = Array();
	this.petFields['pictmn4']['index'] = 39;
	this.petFields['pictmn4']['name'] = 'Thumbnail';
	this.petFields['video1'] = Array();
	this.petFields['video1']['index'] = 40;
	this.petFields['video1']['name'] = 'Video';
	this.petFields['contactName'] = Array();
	this.petFields['contactName']['index'] = 41;
	this.petFields['contactName']['name'] = 'Contact Name';
	this.petFields['contactEmail'] = Array();
	this.petFields['contactEmail']['index'] = 42;
	this.petFields['contactEmail']['name'] = 'Contact Email';
	this.petFields['contactCellPhone'] = Array();
	this.petFields['contactCellPhone']['index'] = 43;
	this.petFields['contactCellPhone']['name'] = 'Contact Cell Phone';
	this.petFields['contactHomePhone'] = Array();
	this.petFields['contactHomePhone']['index'] = 44;
	this.petFields['contactHomePhone']['name'] = 'Contact Home Phone';
	this.petFields['locationZipcode'] = Array();
	this.petFields['locationZipcode']['index'] = 45;
	this.petFields['locationZipcode']['name'] = 'Location Zipcode';
	this.petFields['locationName'] = Array();
	this.petFields['locationName']['index'] = 46;
	this.petFields['locationName']['name'] = 'Location Name';
	this.petFields['detailLink'] = Array();
	this.petFields['detailLink']['index'] = 47;
	this.petFields['detailLink']['name'] = 'Name';
	this.petFields['created'] = Array();
	this.petFields['created']['index'] = 48;
	this.petFields['created']['name'] = 'Created';

	this.mode = '';
	this.pet = new Array();
	this.listId = 'rgPetContainer';
	this.detailId = 'rgPetDetails';
	this.fields = 'name,breed,color,species,age,thumbnail';
	this.orderby = this.petFields['name']['index'];
	this.order = 'asc';
	this.enableSearch = true;
	this.smartBrowse = true;
	this.sortbyField = 'name';
	this.sortbyOrder = 'asc';
	this.hideEmptyFields = false;
	this.detailTemplate = 'template1';
	this.detailWidth = '600';
	this.detailHeight = '620';
	this.picMaxWidth = '400';
	this.pictmnMaxWidth = '100';
	this.picSize = 'thumbnail';
	this.paging = true;
	this.perPage = 10;
	this.perRow = 4;
	this.rows = 4;
	this.detailPage = 'popover';

	this.buildPets = function() {
	this.pet = [
	['12798449','Available','2019-09-08 00:25:45','18-0001','Coby','','Dog','Italian Greyhound (short coat)','Italian Greyhound','','Male','No','Yes','','','','No','Young','','Yes','Small','','Tan/Yellow/Fawn with White','Short','','No','No','','','','','<br><br><p>Coby is a very sweet puppy mill survivor.&nbsp; He is under a year old and will blossom in the right family&nbsp;that will help him build trust and confidence.&nbsp; All the things that other dogs take for granted is brand new to Coby - playing, living outside of a cage, being touched by friendly, loving human hands.&nbsp; Because he needs potty training but, more importantly, an opportunity to get used to the brand&nbsp;new world around him, he will need an experienced Italian Greyhound home.&nbsp; A well-adjusted canine companion would be a plus!</p>  <p>If you would like to open your heart and home to this sweetheart, please complete an application at&nbsp;http://www.romprescue.com/adoption-application/ .</p><br><br><p><a href=\"http://romprescue.com/adoption-application/\" target=\"_blank\">Adoption Application</a><br> <a href=\"http://romprescue.com/foster-application/\" target=\"_blank\">Volunteer Application</a><br> <a href=\"http://www.romprescue.com/foster-application/\">Foster Application</a><br> Join&nbsp;the<a href=\"http://www.meetup.com/ROMPRescue\">&nbsp;free Chicagoland Dog Play Dates</a>&nbsp;to exercise and socialize your pup!<br> We&#39;re on&nbsp;<a href=\"http://www.facebook.com/ROMPItalianGreyhoundRescue\">Facebook</a>&nbsp; &lt;--- Like us!<br> For all other inquiries, please email info@ROMPRescue.com</p>  <p><a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_donations&amp;business=ROMPRescue%40yahoo.com&amp;lc=US&amp;item_name=ROMP+Italian+Greyhound+Rescue&amp;no_note=0&amp;currency_code=USD&amp;bn=PP-DonationsBF%3Abtn_donateCC_LG.gif%3ANonHostedGuest\" target=\"_blank\"><img align=\"left\" alt=\"\" height=\"47\" src=\"https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif\" width=\"147\"></a></p>  <p>&nbsp;</p>  <p>&nbsp;</p> </img>','<img src="https://cdn.rescuegroups.org/5664/pictures/animals/12798/12798449/55645163.jpg?width=500" width="'+this.picMaxWidth+'">','<img src="https://cdn.rescuegroups.org/5664/pictures/animals/12798/12798449/55645163.jpg?width=100" width="'+this.pictmnMaxWidth+'">','','','','','','','','','','','','','','Coby','2018-03-21 20:59:06'],
	['13618217','Available','2018-10-03 00:11:32','18-0003','Eddie & Flo','','Dog','Chihuahua','Chihuahua','','','','','','','','','','','','','','','','','No','No','','','','','<br><br><div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"8sbib-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"8sbib-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"8sbib-0-0\" style=\"font-family: inherit;\">COURTESY POSTING PLEASE SHARE TO HELP THIS PAIR FIND A HOME FOR THEIR GOLDEN YEARS</span> </div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"f8oaq-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"f8oaq-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\">&nbsp;</div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"e7tb3-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"e7tb3-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"e7tb3-0-0\" style=\"font-family: inherit;\">My two dogs are brother and sister born in 2007.</span> </div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"3onh9-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"3onh9-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"3onh9-0-0\" style=\"font-family: inherit;\">They have all their shots and are very healthy.</span> </div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"dj6bm-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"dj6bm-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"dj6bm-0-0\" style=\"font-family: inherit;\">They have never been separated, they are very close.</span> </div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"ao3g9-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"ao3g9-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\">&nbsp;</div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"44e6k-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"44e6k-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"44e6k-0-0\" style=\"font-family: inherit;\">Flora (Flo) </span> </div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"ceciq-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"ceciq-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"ceciq-0-0\" style=\"font-family: inherit;\">She weighs 12lb. Loves vegetables and eats well.</span> </div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"667us-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"667us-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"667us-0-0\" style=\"font-family: inherit;\">She is pack leader, very loving but a little bossy.</span> </div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"9l7gc-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"9l7gc-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"9l7gc-0-0\" style=\"font-family: inherit;\">She is super smart and very playful.</span> </div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"1t71k-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"1t71k-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\">&nbsp;</div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"a12de-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"a12de-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\">&nbsp;</div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"7fma6-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"7fma6-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"7fma6-0-0\" style=\"font-family: inherit;\">Eduardo (Eddie)</span> </div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"d82lf-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"d82lf-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"d82lf-0-0\" style=\"font-family: inherit;\">Weighs about 15lb needs to lose a couple of pounds, is not a picky eater!</span> </div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"35kch-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"35kch-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"35kch-0-0\" style=\"font-family: inherit;\">Eddie is very willing to please, very affectionate and does everything Flo says.</span> </div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"4mpr7-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"4mpr7-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"4mpr7-0-0\" style=\"font-family: inherit;\">Eddie is loving and loyal and smiles in almost every photo.</span> </div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"9g4s6-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"9g4s6-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\">&nbsp;</div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"6oiln-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"6oiln-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"6oiln-0-0\" style=\"font-family: inherit;\">It breaks my heart to have to find them a new home.</span> </div> </div>  <div data-block=\"true\" data-editor=\"1g8de\" data-offset-key=\"2d0a3-0-0\" style=\"font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 14px; white-space: pre-wrap; background-color: rgb(255, 255, 255);\"> <div class=\"_1mf _1mj\" data-offset-key=\"2d0a3-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"2d0a3-0-0\" style=\"font-family: inherit;\">I hope and pray that we can relocate them together - this is a must and that they will be safe and happy.</span> </div>  <div class=\"_1mf _1mj\" data-offset-key=\"2d0a3-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\">&nbsp;</div>  <div class=\"_1mf _1mj\" data-offset-key=\"2d0a3-0-0\" style=\"position: relative; direction: ltr; font-family: inherit;\"> <span data-offset-key=\"2d0a3-0-0\" style=\"font-family: inherit;\">If you have any questions or are interested in this sweet pair, please contact lisabetta@gmail.com.</span> </div> </div><br><br><p><a href=\"http://romprescue.com/adoption-application/\" target=\"_blank\">Adoption Application</a><br> <a href=\"http://romprescue.com/foster-application/\" target=\"_blank\">Volunteer Application</a><br> <a href=\"http://www.romprescue.com/foster-application/\">Foster Application</a><br> Join&nbsp;the<a href=\"http://www.meetup.com/ROMPRescue\">&nbsp;free Chicagoland Dog Play Dates</a>&nbsp;to exercise and socialize your pup!<br> We&#39;re on&nbsp;<a href=\"http://www.facebook.com/ROMPItalianGreyhoundRescue\">Facebook</a>&nbsp; &lt;--- Like us!<br> For all other inquiries, please email info@ROMPRescue.com</p>  <p><a href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_donations&amp;business=ROMPRescue%40yahoo.com&amp;lc=US&amp;item_name=ROMP+Italian+Greyhound+Rescue&amp;no_note=0&amp;currency_code=USD&amp;bn=PP-DonationsBF%3Abtn_donateCC_LG.gif%3ANonHostedGuest\" target=\"_blank\"><img align=\"left\" alt=\"\" height=\"47\" src=\"https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif\" width=\"147\"></a></p>  <p>&nbsp;</p>  <p>&nbsp;</p> </img></span>','','','','','','','','','','','','','','','','Eddie & Flo','2018-10-03 00:11:32']
	];
	}

	this.init = function() {

		this.buildPets();

		if (!this.sortbyField) {
			this.sortbyField = 'lastUpdated';
			this.sortbyOrder = 'desc';
		}

		if (cgiVar('toolkitAnimalID')) {
			showDetails(this.name, null, cgiVar('toolkitAnimalID'));
		}

		this.fieldsArray = this.fields.split(',');

		var orderby = readCookie('rgOrderby');
		if (orderby && (this.mode == 'list')) {
			if (this.sortbyField && this.sortbyOrder && orderby == this.petFields[this.sortbyField]['index']){
				this.order = this.sortbyOrder;
			}
			this.sortPetArrayOnLoad(orderby);
		} else {
			if (this.sortbyField && this.sortbyOrder) {
				this.order = this.sortbyOrder;
				this.sortPetArrayOnLoad(this.petFields[this.sortbyField]['index']);
			}
		}

    this.page = 1;

	}


	this.list = function(container) {
		this.listId = container;
		this.mode = 'list';
		this.init();
		this.writeList();

	}

	this.list2 = function(container) {
		this.listId = container;
		this.mode = 'list2';
		this.init();
		this.writeList2();

	}

	this.grid = function(container) {
		this.listId = container;
		this.mode = 'grid';
		this.init();
		this.writeGrid();

	}

	this.random = function(div, url) {
		this.buildPets();
		divObj = document.getElementById(div);
		this.petsWithPic = new Array();
		for (x = 0; x < this.pet.length; x++) {
			if (this.pet[x][this.petFields['pictmn1']['index']]) {
				this.petsWithPic.push(x);
			}
		}
		if (this.petsWithPic.length == 0) return false;
		var r=Math.floor(Math.random()*this.petsWithPic.length);
		divObj.className = 'rgPetRandom';
		divObj.innerHTML = '<div class="randomTitle">Featured Adoptable Pet</div>'+this.pet[this.petsWithPic[r]][this.petFields['pictmn1']['index']] +
				'<div class="randomPetName">'+this.pet[this.petsWithPic[r]][this.petFields['name']['index']]+'</div>'+
				'<div class="randomPetBreed">'+this.pet[this.petsWithPic[r]][this.petFields['breed']['index']]+'</div>';
    divObj.animalID = this.pet[this.petsWithPic[r]][this.petFields['animalID']['index']];
    divObj.onclick = function(e) {
    	if (url.indexOf('?') == -1) url += '?';
			location.href = url+'&toolkitAnimalID='+this.animalID;
    }
	}

	this.featured = function(div, url, animalID) {
		this.buildPets();
		divObj = document.getElementById(div);
		for (x = 0; x < this.pet.length; x++) {
			if (this.pet[x][this.petFields['animalID']['index']] == animalID && this.pet[x][this.petFields['pictmn1']['index']]) {
				var rowNumber = x;
				break;
			}
		}
		if (rowNumber === false) { alert('failed'); return false; }
		divObj.className = 'rgPetRandom';
		divObj.innerHTML = '<div class="randomTitle">Featured Adoptable Pet</div>'+this.pet[rowNumber][this.petFields['pictmn1']['index']] +
				'<div class="randomPetName">'+this.pet[rowNumber][this.petFields['name']['index']]+'</div>'+
				'<div class="randomPetBreed">'+this.pet[rowNumber][this.petFields['breed']['index']]+'</div>';
    divObj.animalID = animalID;
    divObj.onclick = function(e) {
    	if (url.indexOf('?') == -1) url += '?';
			location.href = url+'&toolkitAnimalID='+animalID;
    }
	}

	this.detail = function() {

		this.init();
		this.animalID = cgiVar('toolkitAnimalID');

		for (x=0; x<this.pet.length; x++) {
			if (this.pet[x][this.petFields['animalID']['index']] == this.animalID) {
				this.currentAnimalIndex = x;
				for (y=0; y<this.fieldsArray.length; y++) {
					obj = document.getElementById('pet'+this.fieldsArray[y]);
					if (obj) {
						var val = this.pet[x][this.petFields[this.fieldsArray[y]]['index']]
						if (val != '') {
							obj.innerHTML = val;
						} else if (this.hideEmptyFields) {
							field = document.getElementById('pet'+this.fieldsArray[y]+'Field');
							if (field) field.style.display = 'none';
						}
					}
				}
			}
		}

	}

	this.writeList = function() {

		var petContainer = document.getElementById(this.listId);
		//alert(this.listId);


		var table = document.createElement('table');
		table.cellSpacing = 0;
		table.id = 'rgPetTable'+this.name;
		table.className = 'rgPetTable list';

		var thead = document.createElement('thead');

		if (this.enableSearch) {
			var search = '';
				search += '<table class="nostyles" cellpadding="0" cellspacing="0" border="0"><tbody><tr>';
			if (this.paging) search += '<td><span id="prevButtons" style="float:left;"></span></td>';
			search += '<td><form method="POST" name="rgPetsSearchForm'+this.name+'" id="rgPetsSearchForm'+this.name+'" onSubmit="return '+this.name+'.setupSearch(this);" style="display:inline;">' +
				'<input type="text" name="rgPetsSearchText" id="rgPetsSearchText'+this.name+'">&nbsp;' +
				'<input type="submit" value="Search!" id="rgSearchButton'+this.name+'">&nbsp;' +
				'<input type="button" value="View all Animals" id="rgSearchClearButton'+this.name+'" onClick="'+this.name+'.clearSearch(document.rgPetsSearchForm'+this.name+');">' +
				'</form></td>';
			if (this.paging) search += '<td><span id="nextButtons" style="float:right;"></span></td>';
			if (this.paging) search += '</tr><tr><td colspan="3"><span id="pageCount" style="white-space:nowrap;"></span></td>';
			search += '</tr></tbody></table>';
			var tr = document.createElement('tr');
			tr.className = 'rgPetTableHeadSearch';
			var td = document.createElement('td');
			td.colSpan = this.fieldsArray.length;
			td.align = 'center';
			td.id = 'rgPetTableHeadSearch'+this.name;
			td.innerHTML = search;
			tr.appendChild(td);
			thead.appendChild(tr);
		} else if (this.paging) {
			search += '<table cellpadding="0" cellspacing="0" border="0"><tbody><tr>';
			if (this.paging) search += '<td><span id="prevButtons" style="float:left;"></span></td>'+
					'<td><span id="pageCount" style="white-space:nowrap;"></span></td>'+
					'<td><span id="nextButtons" style="float:right;"></span></td>';
			search += '</tr></tbody></table>';
			var tr = document.createElement('tr');
			tr.className = 'rgPetTableHeadSearch';
			var td = document.createElement('td');
			td.colSpan = this.fieldsArray.length;
			td.align = 'center';
			td.id = 'rgPetTableHeadSearch'+this.name;
			td.innerHTML = search;
			tr.appendChild(td);
			thead.appendChild(tr);
		}

		var tr = document.createElement('tr');
		tr.id = 'rgPetTableHeadFields'+this.name;
		tr.className = 'rgPetTableHeadFields';

		for (x=0; x<this.fieldsArray.length; x++) {
			var td = document.createElement('td');
			//td.id = this.name+"TableHeader" + this.fieldsArray[x];
			td.innerHTML = '<a href="" onClick="'+this.name+'.sortby(\'' + this.petFields[this.fieldsArray[x]]['index'] + '\'); return false;">' + this.petFields[this.fieldsArray[x]]['name'] + '</a>';
			tr.appendChild(td);
		}

		thead.appendChild(tr);

		table.appendChild(thead);

		var tbody = document.createElement('tbody');

		var rowCounter=0;
		this.displayablePets = 0;
		var petsWrittenOut = 0;

		if (this.page) {
			start = (this.page-1)*this.perPage;
		} else {
			this.page = 1;
			start = 0;
		}

		for (var y=0; y<this.pet.length; y++) {

			if (this.searchText) {
				var skipThisPet = true;
				for (var x=0; x<this.pet[y].length; x++) {
					val = String(this.pet[y][x]);
					if (val != '') {
						val = val.toUpperCase();
						if (val.indexOf(this.searchText.toUpperCase()) != -1) {
							skipThisPet = false;
						}
					}
				}
				if (skipThisPet) continue;
			}

			skipThisPet = false;

			for (i in this.petFields) {
				if (typeof(this.petFields[i]['filterby']) != 'undefined') {
					val = String(this.pet[y][this.petFields[i]['index']]);
					val = val.toUpperCase();
					var filterStr = String(this.petFields[i]['filterby']);
					filterStr = filterStr.toUpperCase();
					if (filterStr != val) {
						skipThisPet = true;
					}
				}
			}
			if (skipThisPet) continue;

			this.displayablePets += 1;

			if (this.displayablePets > this.page * this.perPage) continue;
			if (this.displayablePets <= start) continue;

			petsWrittenOut += 1;

			var tr = document.createElement('tr');
			tr.rowNumber = y;
			tr.id = this.name+y;
			tr.rgPetsClassName = this.name;
			tr.animalID = this.pet[y][this.petFields['animalID']['index']];
			if (isEven(rowCounter)) {
				tr.rowNumber = y;
				tr.origClassName = 'rgPetTableRowEven';
				tr.className = 'rgPetTableRowEven';
			} else {
				tr.origClassName = 'rgPetTableRowOdd';
				tr.className = 'rgPetTableRowOdd';
			}
			rowCounter+=1;

			if ('Yes' == 'Yes') {
				tr.onclick = function(evt) { showDetails(this.rgPetsClassName, this.rowNumber); };
				tr.onmouseover = function(evt) { this.className = 'rgPetTableRowOver'; };
				tr.onmouseout = function(evt) { this.className = this.origClassName; };
			} else {
				tr.onmouseover = function(evt) { this.className = 'rgPetTableRowOverInactive'; };
				tr.onmouseout = function(evt) { this.className = this.origClassName; };
			}
			//rgPets.pet[this.rowNumber][rgPets.petFields['animalID']['index']], rgPets.detailId); };

			for (x=0; x<this.fieldsArray.length; x++) {

				td = document.createElement('td');
				td.className = "rgPetTableCell" + this.fieldsArray[x] + this.name;
				var fieldValue = this.pet[y][this.petFields[this.fieldsArray[x]]['index']];
				if (typeof(this.petFields[this.fieldsArray[x]]['listLength']) != "undefined") {
					if (fieldValue.length > this.petFields[this.fieldsArray[x]]['listLength']) {
						fieldValue = fieldValue.substring(0, this.petFields[this.fieldsArray[x]]['listLength']);
					}
				}
				var val = '<div class=\"pet' + this.fieldsArray[x] + '\">';
				val += fieldValue + '</div>';
				if (val) {
					td.innerHTML = val;
				}
				tr.appendChild(td);
			}
			tbody.appendChild(tr);

		}

		if (rowCounter == 0) {
			var tr = document.createElement('tr');
			var td = document.createElement('td');
			td.colSpan = this.fieldsArray.length;
			td.className = 'rgPetTableRowZeroPets';
			td.innerHTML = 'No pets found.';
			tr.appendChild(td);
			tbody.appendChild(tr);
		}

		table.appendChild(tbody);
		petContainer.innerHTML = '';
		petContainer.appendChild(table);

		if (this.searchText) {
			searchForm = eval('document.rgPetsSearchForm'+this.name);
			searchForm.rgPetsSearchText.value = this.searchText;
		}

		this.pages = Math.ceil(this.displayablePets/this.perPage);
		if (this.paging && this.displayablePets > rowCounter) {
			obj = document.getElementById('nextButtons');
			obj2 = document.getElementById('pageCount');
			obj2.innerHTML = '(page '+this.page+' of '+this.pages+' )';
			if (this.pages > this.page) {
				obj.innerHTML = '<a href="#" onClick="'+this.name+'.page+=1;'+this.name+'.writeList();return false;">Next&nbsp;&raquo;</a>';
			} else {
				obj.innerHTML = 'Next&nbsp;&raquo;';
			}
			obj = document.getElementById('prevButtons');
			if (this.page > 1) {
				obj.innerHTML = '<a href="#" onClick="'+this.name+'.page-=1;'+this.name+'.writeList();return false;">&laquo;&nbsp;Previous</a>';
			} else {
				obj.innerHTML = '&laquo;&nbsp;Previous';
			}
		}

	}

	this.writeList2 = function() {

		var petContainer = document.getElementById(this.listId);
		//alert(this.listId);

		var table = document.createElement('table');
		table.cellSpacing = 0;
		table.id = 'rgPetTable'+this.name;
		table.className = 'rgPetTable list2';

		var thead = document.createElement('thead');

		if (this.enableSearch) {
			var search = '';
			search += '<table class="nostyles" cellpadding="0" cellspacing="0" border="0"><tbody><tr>';
			if (this.paging) search += '<td><span id="prevButtons" style="float:left;"></span></td>';
			search += '<td><form method="POST" name="rgPetsSearchForm'+this.name+'" id="rgPetsSearchForm'+this.name+'" onSubmit="return '+this.name+'.setupSearch(this);" style="display:inline;">' +
				'<input type="text" name="rgPetsSearchText" id="rgPetsSearchText'+this.name+'">&nbsp;' +
				'<input type="submit" value="Search!" id="rgSearchButton'+this.name+'">&nbsp;' +
				'<input type="button" value="View all Animals" id="rgSearchClearButton'+this.name+'" onClick="'+this.name+'.clearSearch(document.rgPetsSearchForm'+this.name+');">' +
				'</form></td>';
			if (this.paging) search += '<td><span id="nextButtons" style="float:right;"></span></td>';
			if (this.paging) search += '</tr><tr><td colspan="3"><span id="pageCount" style="white-space:nowrap;"></span></td>';
			search += '</tr></tbody></table>';
			var tr = document.createElement('tr');
			tr.className = 'rgPetTableHeadSearch';
			var td = document.createElement('td');
			td.colSpan = this.fieldsArray.length;
			td.align = 'center';
			td.id = 'rgPetTableHeadSearch'+this.name;
			td.innerHTML = search;
			tr.appendChild(td);
			thead.appendChild(tr);
		} else if (this.paging) {
			var search = '';
			search += '<table cellpadding="0" cellspacing="0" border="0"><tbody><tr>';
			if (this.paging) search += '<td><span id="prevButtons" style="float:left;"></span></td>'+
					'<td><span id="pageCount" style="white-space:nowrap;"></span></td>'+
					'<td><span id="nextButtons" style="float:right;"></span></td>';
			search += '</tr></tbody></table>';
			var tr = document.createElement('tr');
			tr.className = 'rgPetTableHeadSearch';
			var td = document.createElement('td');
			td.colSpan = this.fieldsArray.length;
			td.align = 'center';
			td.id = 'rgPetTableHeadSearch'+this.name;
			td.innerHTML = search;
			tr.appendChild(td);
			thead.appendChild(tr);
		}

		table.appendChild(thead);

		var tbody = document.createElement('tbody');

		var rowCounter=0;
		this.displayablePets = 0;
		var petsWrittenOut = 0;

		if (this.page) {
			start = (this.page-1)*this.perPage;
		} else {
			this.page = 1;
			start = 0;
		}

		for (var y=0; y<this.pet.length; y++) {

			if (this.searchText) {
				var skipThisPet = true;
				for (var x=0; x<this.pet[y].length; x++) {
					val = String(this.pet[y][x]);
					if (val != '') {
						val = val.toUpperCase();
						if (val.indexOf(this.searchText.toUpperCase()) != -1) {
							skipThisPet = false;
						}
					}
				}
				if (skipThisPet) continue;
			}

			skipThisPet = false;

			for (i in this.petFields) {
				if (typeof(this.petFields[i]['filterby']) != 'undefined') {
					val = String(this.pet[y][this.petFields[i]['index']]);
					val = val.toUpperCase();
					var filterStr = String(this.petFields[i]['filterby']);
					filterStr = filterStr.toUpperCase();
					if (filterStr != val) {
						skipThisPet = true;
					}
				}
			}
			if (skipThisPet) continue;

			this.displayablePets += 1;

			if (this.displayablePets > this.page * this.perPage) continue;
			if (this.displayablePets <= start) continue;

			petsWrittenOut += 1;

			var tr = document.createElement('tr');
			tr.rowNumber = y;
			tr.id = this.name+y;
			tr.rgPetsClassName = this.name;
			tr.animalID = this.pet[y][this.petFields['animalID']['index']];
			if (isEven(rowCounter)) {
				tr.rowNumber = y;
				tr.origClassName = 'rgPetTableRowEven';
				tr.className = 'rgPetTableRowEven';
			} else {
				tr.origClassName = 'rgPetTableRowOdd';
				tr.className = 'rgPetTableRowOdd';
			}
			rowCounter+=1;

			tr.onclick = function(evt) { showDetails(this.rgPetsClassName, this.rowNumber); };
				//rgPets.pet[this.rowNumber][rgPets.petFields['animalID']['index']], rgPets.detailId); };
			tr.onmouseover = function(evt) { this.className = 'rgPetTableRowOver'; };
			tr.onmouseout = function(evt) { this.className = this.origClassName; };

			td = document.createElement('td');

			var str = '';
			if (this.picSize == 'thumbnail') {
				if (this.pet[y][this.petFields['pictmn1']['index']] != '') {
					str += '<div class="rgPetTableCellpictmn1" id="rgPetTableCellpictmn1' + this.name +'">'+this.pet[y][this.petFields['pictmn1']['index']]+'</div>';
				}
			} else if (this.picSize == 'fullsize') {
				if (this.pet[y][this.petFields['pic1']['index']] != '') {
					//alert(this.pet[y][this.petFields['pic1']['index']]);
					str += '<div class="rgPetTableCellpic1" id="rgPetTableCellpic1' + this.name +'">'+this.pet[y][this.petFields['pic1']['index']]+'</div>';
				}
			}

			for (x=0; x<this.fieldsArray.length; x++) {
				if (this.pet[y][this.petFields[this.fieldsArray[x]]['index']] == '') continue;
				if (this.petFields[this.fieldsArray[x]]['name']) {
					str += '<div class=\"pet' + this.fieldsArray[x] + '\">' +
							'<span class="rgPetTableCellLabel rgPetTableCellLabel' + this.fieldsArray[x] + ' rgPetTableCellLabel' + this.fieldsArray[x] + this.name + '">' + this.petFields[this.fieldsArray[x]]['name'] + ': </span>' +
							'<span class="rgPetTableCellValue rgPetTableCellValue' + this.fieldsArray[x] + ' rgPetTableCellValue' + this.fieldsArray[x] + this.name + '">' + this.pet[y][this.petFields[this.fieldsArray[x]]['index']] + '</span>' +
							'</div>';
				} else {
					str += '<div class=\"pet' + this.fieldsArray[x] + '\">' +
							'<span class="rgPetTableCellValue' + this.fieldsArray[x] + '">' + this.pet[y][this.petFields[this.fieldsArray[x]]['index']] + '</span>' +
							'</div>';
				}
			}

			if (str) {
				td.innerHTML = str;
			}
			tr.appendChild(td);

			tbody.appendChild(tr);
		}
		table.appendChild(tbody);
		petContainer.innerHTML = '';
		petContainer.appendChild(table);

		if (this.searchText) {
			searchForm = eval('document.rgPetsSearchForm'+this.name);
			searchForm.rgPetsSearchText.value = this.searchText;
		}

		this.pages = Math.ceil(this.displayablePets/this.perPage);
		if (this.paging && this.displayablePets > rowCounter) {
			obj = document.getElementById('nextButtons');
			obj2 = document.getElementById('pageCount');
			obj2.innerHTML = '(page '+this.page+' of '+this.pages+' )';
			if (this.pages > this.page) {
				obj.innerHTML = '<a href="#" onClick="'+this.name+'.page+=1;'+this.name+'.writeList2();return false;">Next&nbsp;&raquo;</a>';
			} else {
				obj.innerHTML = 'Next&nbsp;&raquo;';
			}
			obj = document.getElementById('prevButtons');
			if (this.page > 1) {
				obj.innerHTML = '<a href="#" onClick="'+this.name+'.page-=1;'+this.name+'.writeList2();return false;">&laquo;&nbsp;Previous</a>';
			} else {
				obj.innerHTML = '&laquo;&nbsp;Previous';
			}
		}

	}

	this.writeGrid = function() {

		if (!this.perRow) this.perRow = 4;
		if (!this.rows) this.rows = 3;

		this.perPage = (this.perRow * this.rows);

		var petContainer = document.getElementById(this.listId);
		//alert(this.listId);

		var table = document.createElement('table');
		table.cellSpacing = 0;
		table.id = 'rgPetTable'+this.name;
		table.className = 'rgPetTable grid';

		var thead = document.createElement('thead');

		if (this.enableSearch) {
			var search = '';
			search += '<table class="nostyles" cellpadding="0" cellspacing="0" border="0"><tbody><tr>';
			if (this.paging) search += '<td><span id="prevButtons'+this.name+'" style="float:left;"></span></td>';
			search += '<td><form method="POST" name="rgPetsSearchForm'+this.name+'" id="rgPetsSearchForm'+this.name+'" onSubmit="return '+this.name+'.setupSearch(this);" style="display:inline;">' +
				'<input type="text" name="rgPetsSearchText" id="rgPetsSearchText'+this.name+'">&nbsp;' +
				'<input type="submit" value="Search!" id="rgSearchButton'+this.name+'">&nbsp;' +
				'<input type="button" value="View all Animals" id="rgSearchClearButton'+this.name+'" onClick="'+this.name+'.clearSearch(document.rgPetsSearchForm'+this.name+');">' +
				'</form></td>';
			if (this.paging) search += '<td><span id="nextButtons'+this.name+'" style="float:right;"></span></td>';
			if (this.paging) search += '</tr><tr><td colspan="3"><span id="pageCount'+this.name+'" style="white-space:nowrap;"></span></td>';
			search += '</tr></tbody></table>';
			var tr = document.createElement('tr');
			tr.className = 'rgPetTableHeadSearch';
			var td = document.createElement('td');
			td.colSpan = this.perRow;
			td.align = 'center';
			td.id = 'rgPetTableHeadSearch'+this.name;
			td.innerHTML = search;
			tr.appendChild(td);
			thead.appendChild(tr);
		} else if (this.paging) {
			var search = '<table cellpadding="0" cellspacing="0" border="0"><tbody><tr>';
			if (this.paging) search += '<td><span id="prevButtons'+this.name+'" style="float:left;"></span></td>'+
					'<td><span id="pageCount'+this.name+'" style="white-space:nowrap;"></span></td>'+
					'<td><span id="nextButtons'+this.name+'" style="float:right;"></span></td>';
			search += '</tr></tbody></table>';
			var tr = document.createElement('tr');
			tr.className = 'rgPetTableHeadSearch';
			var td = document.createElement('td');
			td.colSpan = this.perRow;
			td.align = 'center';
			td.id = 'rgPetTableHeadSearch'+this.name;
			td.innerHTML = search;
			tr.appendChild(td);
			thead.appendChild(tr);
		}

		table.appendChild(thead);

		var tbody = document.createElement('tbody');

		var rowCounter=0;
		this.displayablePets = 0;
		var petsWrittenOut = 0;

		if (this.page) {
			start = (this.page-1)*this.perPage;
		} else {
			this.page = 1;
			start = 0;
		}

		for (var y=0; y<this.pet.length; y++) {

			if (this.searchText) {
				var skipThisPet = true;
				for (var x=0; x<this.pet[y].length; x++) {
					val = String(this.pet[y][x]);
					if (val != '') {
						val = val.toUpperCase();
						if (val.indexOf(this.searchText.toUpperCase()) != -1) {
							skipThisPet = false;
						}
					}
				}
				if (skipThisPet) continue;
			}

			skipThisPet = false;

			for (i in this.petFields) {
				if (typeof(this.petFields[i]['filterby']) != 'undefined') {
					val = String(this.pet[y][this.petFields[i]['index']]);
					val = val.toUpperCase();
					var filterStr = String(this.petFields[i]['filterby']);
					filterStr = filterStr.toUpperCase();
					if (filterStr != val) {
						skipThisPet = true;
					}
				}
			}
			if (skipThisPet) continue;

			this.displayablePets += 1;

			if (this.displayablePets > this.page * this.perPage) continue;
			if (this.displayablePets <= start) continue;

			petsWrittenOut += 1;

			if ((petsWrittenOut-1) % this.perRow === 0) {

				// We need to create a new row
				var tr = document.createElement('tr');
				tbody.appendChild(tr);
				rowCounter+=1;

			}

			td = document.createElement('td');
			td.className = "rgPetTableCell" + this.fieldsArray[x] + this.name;
			td.style.verticalAlign = 'top';
			td.animalID = this.pet[y][this.petFields['animalID']['index']];
			td.animalNumber = y;

			var val = '<div class="gridCell">' +
					'<table class="nostyles"><tr>';

			if (this.picSize == 'thumbnail') {
				val += '<td style="vertical-align:middle;height:120px;width:' + this.pictmnMaxWidth + 'px;">' +
				  this.pet[y][this.petFields['pictmn1']['index']] + '</td>';
			} else if (this.picSize == 'fullsize') {
				val += '<td style="vertical-align:middle;height:120px;width:' + this.picMaxWidth + 'px;">' +
				  this.pet[y][this.petFields['pic1']['index']] + '</td>';
			}
			val += '</tr></table></div>';

			val += '<div class="petname">'+this.pet[y][this.petFields['name']['index']] + '</div>' +
					'<div class="petbreed">'+this.pet[y][this.petFields['breed']['index']] + '</div>';
			td.innerHTML = val;

			if ('Yes' == 'Yes') {
				td.rgPetsClassName = this.name;
				td.onclick = function(evt) { showDetails(this.rgPetsClassName, this.animalNumber, this.animalID); };
				td.onmouseover = function(evt) { this.className = 'rgPetTableCellOver'; };
				td.onmouseout = function(evt) { this.className = this.origClassName; };
			} else {
				td.onmouseover = function(evt) { this.className = 'rgPetTableCellOver'; };
				td.onmouseout = function(evt) { this.className = this.origClassName; };
			}

			tr.appendChild(td);

			if (y == this.pet.length-1 && (petsWrittenOut-1) % this.perRow !== 0) {
				c = this.displayablePets;
				while (c % this.perRow !== 0) {
					td = document.createElement('td');
					td.className = "rgPetTableCell" + this.fieldsArray[x] + this.name;
					td.innerHTML = '&nbsp;';
					tr.appendChild(td);
					c+=1;
				}
			}

		}

		if (rowCounter == 0) {
			var tr = document.createElement('tr');
			var td = document.createElement('td');
			td.colSpan = this.perRow;
			td.className = 'rgPetTableRowZeroPets';
			td.innerHTML = 'No pets found.';
			tr.appendChild(td);
			tbody.appendChild(tr);
		}

		table.appendChild(tbody);
		petContainer.innerHTML = '';
		petContainer.appendChild(table);

		if (this.searchText) {
			searchForm = eval('document.rgPetsSearchForm'+this.name);
			searchForm.rgPetsSearchText.value = this.searchText;
		}

		this.pages = Math.ceil(this.displayablePets/this.perPage);
		if (this.paging && this.displayablePets > rowCounter) {
			obj = document.getElementById('nextButtons'+this.name);
			obj2 = document.getElementById('pageCount'+this.name);
			obj2.innerHTML = '(page '+this.page+' of '+this.pages+' )';
			if (this.pages > this.page) {
				obj.innerHTML = '<a href="#" onClick="'+this.name+'.page+=1;'+this.name+'.writeGrid();return false;">Next&nbsp;&raquo;</a>';
			} else {
				obj.innerHTML = 'Next&nbsp;&raquo;';
			}
			obj = document.getElementById('prevButtons'+this.name);
			if (this.page > 1) {
				obj.innerHTML = '<a href="#" onClick="'+this.name+'.page-=1;'+this.name+'.writeGrid();return false;">&laquo;&nbsp;Previous</a>';
			} else {
				obj.innerHTML = '&laquo;&nbsp;Previous';
			}
		}

	}

	this.clearList = function() {
		var petContainer = document.getElementById(this.listId);
		petContainer.innerHTML = '';
	}

	this.clearSearch = function(form) {
		form.rgPetsSearchText.value = '';
		this.searchText = '';
		this.clearList();
		if (this.mode == 'list') {
			this.writeList();
		} else if (this.mode == 'list2') {
			this.writeList2();
		} else if (this.mode == 'grid') {
			this.writeGrid();
		}
		return false;
	}

	this.setupSearch = function(form) {
		this.searchText = form.rgPetsSearchText.value;
		this.clearList();
		if (this.mode == 'list') {
			this.writeList();
		} else if (this.mode == 'list2') {
			this.writeList2();
		} else if (this.mode == 'grid') {
			this.writeGrid();
		}
		return false;
	}

	this.sortPetArray = function(fieldIndex) {
		if (this.mode == 'list') {
			if (this.orderby == fieldIndex) {
				if (this.order == 'asc') {
					this.order = 'desc';
				} else {
					this.order = 'asc';
				}
			} else this.order = 'asc';
		}
		this.pet.multiSort(fieldIndex);
		this.orderby = fieldIndex;
		if (this.order == 'desc') this.pet.reverse();
		if (this.mode == 'list') {
			createCookie('rgOrderby',fieldIndex,3);
		}
	}

	this.sortPetArrayOnLoad = function(fieldIndex) {
		this.pet.multiSort(fieldIndex);
		this.orderby = fieldIndex;
		if (this.order == 'desc') this.pet.reverse();
		if (this.mode == 'list') {
			createCookie('rgOrderby',fieldIndex,3);
		}
	}

	this.sortby = function(fieldIndex) {
		this.doSort(fieldIndex);
		this.clearList();
		this.writeList();
	}

	this.doSort = function(fieldIndex) {
		this.sortPetArray(fieldIndex);
	}

	this.nextPet = function() {
		if (this.currentDetailRow < this.pet.length-1) {
			nextDetailRow = this.currentDetailRow+1;
			nextDetailPet = this.pet[nextDetailRow][this.petFields['animalID']['index']];
		} else {
			nextDetailRow = 0;
			nextDetailPet = this.pet[nextDetailRow][this.petFields['animalID']['index']];
		}
		document.getElementById('detailFrame').src = this.detailUrl(nextDetailPet);
		this.currentDetailPet = nextDetailPet;
		this.currentDetailRow = nextDetailRow;
	}

	this.prevPet = function() {
		if (this.currentDetailRow > 0) {
			nextDetailRow = this.currentDetailRow-1;
			nextDetailPet = this.pet[nextDetailRow][this.petFields['animalID']['index']];
		} else {
			nextDetailRow = this.pet.length-1;
			nextDetailPet = this.pet[nextDetailRow][this.petFields['animalID']['index']];
		}
		document.getElementById('detailFrame').src = this.detailUrl(nextDetailPet);
		this.currentDetailPet = nextDetailPet;
		this.currentDetailRow = nextDetailRow;
	}

	this.detailUrl = function(animalID) {
	  var tempURL = location.href.split('://');
		if (tempURL['0'] == 'https') {
			var url = 'https://toolkit.rescuegroups.org';
		} else {
			var url = 'https://toolkit.rescuegroups.org';
		}
		url += '/javascript/v2.0/'+this.detailTemplate+'?animalID='+animalID+'&key=qZ8WamCn&referer=';
		return url;
	}


}

Array.prototype.multiSort = function(index){
	// Written By: WillyDuitt@hotmail.com | 03-10-2005 \\;
	for(var i=0; i<this.length; i++){
		var temp = this[i].splice(index,1);
		this[i].unshift(temp);
	}

	this.sort();

	for(var i=0; i<this.length; i++){
		for(var x=(index-1); x>=0; x=(x-1)){
			var temp = this[i].splice(index,1);
			this[i].unshift(temp);
		}
	}

	return true;
}

function cgiVar(varName) {
	var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == varName) {
      return pair[1];
    }
  }
  return '';
}

function isEven(value){
	if (value%2 == 0)
		return true;
	else
		return false;
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}

function showDetails(cName, rNumber, animalID) {

	rgPetsObj = eval(cName);

	if (!animalID) {
		row = document.getElementById(rgPetsObj.name+rNumber);
		animalID = row.animalID;
	}

	if (rgPetsObj.detailPage == 'popover') {

		detailObj =
	    new YAHOO.widget.Panel(rgPetsObj.detailId, {
	    	constraintoviewport: true,
	      width:       (parseInt(rgPetsObj.detailWidth)+20)+'px',
	      fixedcenter: "contained",
	      close:       true,
	      draggable:   true,
	      modal:       true,
	      visible:     false
	    }
	  );
	  document.getElementsByTagName('body')[0].className+=' yui-skin-sam';
	  detailObj.render(document.body);
		str = '<div id="bdNavLinks" style="text-align:right;"><a href="" onClick="'+rgPetsObj.name+'.prevPet();return false;">Previous</a>&nbsp;&nbsp;<a href="" onClick="'+rgPetsObj.name+'.nextPet();return false;">Next</a></div><iframe id="detailFrame" width="'+rgPetsObj.detailWidth+'px" height="'+rgPetsObj.detailHeight+'px" scrolling="auto" frameborder="no" src="'+rgPetsObj.detailUrl(animalID)+'">';
		detailObj.setBody(str);
	  detailObj.setHeader('');
	  detailObj.setFooter('<div id="closeDetails"><a href="" onClick="detailObj.hide(); return false;">Close</a></div>');
	  detailObj.render();
	  detailObj.center();
	  detailObj.show();
	  document.getElementById(rgPetsObj.detailId).focus();

		rgPetsObj.currentDetailPet = animalID;
		rgPetsObj.currentDetailRow = rNumber;

	} else if (rgPetsObj.detailPage = 'popup') {

		window.open(rgPetsObj.detailUrl(animalID),'detailPage','scrollbars=1,width='+parseInt(rgPetsObj.detailWidth)+',height='+parseInt(rgPetsObj.detailHeight));

	}

}


  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-23218855-6']);
  _gaq.push(['_setDomainName', 'none']);
  _gaq.push(['_setAllowLinker', true]);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();