/* PANGEA ORGANICS */
/* Glossary Page Functions
----------------------------------------------------------------------------- */


	$(window).load(function() {


/* ADD GLOSSARY DROPDOWN
----------------------------------------------------------------------------- */
	
	
	$.get('/feeds/glossary.xml?items=100', function(data) {

		var dropdown = '<form method="post"><select name="new_state" onChange="window.location.href=this[selectedIndex].value"><option value="" selected="selected">Select an ingredient</option><option value="">------------------------------</option>';
		var $Glossary = [];
		
		// Load glossary
		$(data).find('topic').each(function() {
	
			var generalName = $(this).find('headline').text().replace(/\*/g, "");
			var url = $(this).find('url-name').text();
			var ingredient = [generalName, url];
			
			$Glossary.push(ingredient);
					
		});
		
		$Glossary.sort();
		
		for (var i = 0; i < $Glossary.length; i++) {
		
			dropdown += '<option value="'+ site_host + '/ingredient/ingredient_glossary/' + $Glossary[i][1] + '">' + $Glossary[i][0] + '</option>';
		
		}
		
		dropdown += "</select></form>";
		
		$('div#ingredients').append(dropdown);
		$('div#ingredients').show();
			
	});	


/* SORT INGREDIENTS + ADD TABS
----------------------------------------------------------------------------- */


	if (page == "glossary") {

		var $Glossary = [];
		var numberOfIngredients = $('#glossary ul.leads > li').size();
		var $Tabs = ['A-G', 'H-N', 'M-U', 'V-Z'];
		var tab1 = "", tab2 = "", tab3 = "", tab4 = "";
		var i, j;
	
		// Fill each array index with ingredients
		for (i = 0; i < numberOfIngredients; i++) {
		
			$Glossary[i] = $('#glossary ul.leads > li:eq(' + i + ')').html();
		
		}
		
		// Sort ingredients
		$Glossary.sort();
		
		$('#glossary ul.leads').empty();
	
		// Fill temporary list with sorted ingredients
		for (i = 0; i < numberOfIngredients; i++) {
		
			$('#glossary ul.leads').append('<li>' + $Glossary[i] + '</li>');
		
		}
		
		// Prepare container for tabs
		var sortedGlossary = '<div class="tabbed">';
	
		sortedGlossary += '<ul class="tabs">';
	
		for (i = 0; i < $Tabs.length; i++) {
		
			sortedGlossary += '<li><a href="#' + $Tabs[i] +'">' + $Tabs[i] + '</a></li>';
	
		}
	
		sortedGlossary += '</ul>';
	
		tab1 += '<div id="A-G" class="widget-editorial browse"><h3>A-G</h3><ul class="leads">';
		tab2 += '<div id="H-N" class="widget-editorial browse"><h3>H-N</h3><ul class="leads">';
		tab3 += '<div id="M-U" class="widget-editorial browse"><h3>M-U</h3><ul class="leads">';
		tab4 += '<div id="V-Z" class="widget-editorial browse"><h3>V-Z</h3><ul class="leads">';
	
		for (i = 0; i < numberOfIngredients; i++) {
	
	
			if ($('#glossary ul.leads > li:eq(' + i + ') > h4 a').text()[0].match(/[A-G]/) != null) {
			
				tab1 += '<li>' + $('#glossary ul.leads > li:eq(' + i + ')').html() + '</li>';
			
			}
	
			if ($('#glossary ul.leads > li:eq(' + i + ') > h4 a').text()[0].match(/[H-N]/) != null) {
			
				tab2 += '<li>' + $('#glossary ul.leads > li:eq(' + i + ')').html() + '</li>';
			
			}
		
			if ($('#glossary ul.leads > li:eq(' + i + ') > h4 a').text()[0].match(/[M-U]/) != null) {
			
				tab3 += '<li>' + $('#glossary ul.leads > li:eq(' + i + ')').html() + '</li>';
			
			}
		
			if ($('#glossary ul.leads > li:eq(' + i + ') > h4 a').text()[0].match(/[V-Z]/) != null) {
			
				tab4 += '<li>' + $('#glossary ul.leads > li:eq(' + i + ')').html() + '</li>';
			
			}
	
		}
		
		tab1 += '</ul></div>';
		tab2 += '</ul></div>';
		tab3 += '</ul></div>';
		tab4 += '</ul></div>';
		
		sortedGlossary += tab1;
		sortedGlossary += tab2;
		sortedGlossary += tab3;
		sortedGlossary += tab4;
	
		sortedGlossary += '</div>';
			
		$('#glossary').remove();
		$('#content').append(sortedGlossary);
	
		$('#content ul.leads > li:last-child').addClass('last');

	}


/* END LOAD FUNCTION
----------------------------------------------------------------------------- */	


	});
