var partners =

            [
        { link: 'http://sustainablog.blogspot.com/',
          name: 'Sustainablog',
          image: 'sustainablog.gif'
        },
        { link: 'http://www.tempclock.org/',
          name: 'The Temp Clock',
          image: 'tempclock.gif'
        },
        { link: 'http://www.earthcare.tv/',
          name: 'Earthcare.TV',
          image: 'earthcare.gif'
        },
        { link: 'http://www.planetsave.com/',
          name: 'PlanetSave',
          image: 'planetsave.gif'
        }
        ];


		var partnersImagePrefix = "images/partners/";

		var partnerAnimationCounter = 0;
		var partnerAnimationImage = null;

		function loadPartnerImages() {
    		prefetcher = new Array();
			for (var i = 0; i < partners.length; i++) {
				var patener = partners[i];
				prefetcher[i] = new Image();
				prefetcher[i].src = partnersImagePrefix + patener.image;
			}
		}

		function startPartnerAnimation() {
			var partner = partners[partnerAnimationCounter];
			partnerAnimationImage.src = partnersImagePrefix + partner.image;
			partnerAnimationImage.title = partner.name;
			partnerAnimationImage.alt = partner.name;			
			var timeout = partner.timeout ? partner.timeout : 1500;
			partnerAnimationCounter++;
			if (partnerAnimationCounter >= partners.length) {
				partnerAnimationCounter = 0;
			}
			setTimeout(startPartnerAnimation, timeout);
		}


		function addAnimatedPartners(divID) {
			loadPartnerImages();
			var link = document.createElement('A');
			link.href = "partners.html";
			var img = document.createElement('IMG');			
			img.style.border = 'none';
			link.appendChild(img);
			partnerAnimationImage = img;			
			var div = document.createElement('div');
			//div.style.width = '200px';
			//div.style.height = '110px';
			div.style.textAlign = 'center';			
			div.appendChild(link);
			document.getElementById(divID).appendChild(div);
			startPartnerAnimation();
		}
		
		function addPartnersTable(divID) {
			loadPartnerImages();
			var output = [];
			output[output.length] = "<table>";
			output[output.length] = "<tr>";
			for (var i = 0; i < partners.length; i++) {
				var partner = partners[i];
				if ((i % 3 == 0) && (i != 0)) {					
					output[output.length] = "</tr>";				
					output[output.length] = "<tr>";					
				}
				
				output[output.length] = '<td class="partner_cell"><a class="partner_link" href="' + partner.link + '"><img alt="' + partner.name + '" title="' + partner.name + '" class="partner_link_image" src="' + partnersImagePrefix + partner.image + '"><br>' + partner.name + '</a></td>';
			}
			output[output.length] = "</tr>";
			output[output.length] = "</table>";
			document.getElementById(divID).innerHTML = output.join("\n");
		}