
$(document).ready(function() {

	//enableTabbedNavigation();
		
});


function enableTabbedNavigation(){
	$countryLinks = $('.country-selector').find('a');
	$countryLinks.each(function(index, element){$(element).attr('id', 'country-link' + index);});
	
	$tabbedLinks = $('ul.tabbed-navigation').find('li');
	$tabbedLinks.each(function(index, element){$(element).attr('id', 'tabbed-link' + index);});
	$tabbedLinksText = $('ul.tabbed-navigation').find('span');
	$tabbedLinksText.each(function(index, element){$(element).attr('id', 'tabbed-text' + index);});
	
	$countryContent = $('#ingredients-locator-container').find('div.ingredients-locator-content');
	$countryContent.each(function(index, element){$(element).attr('id', 'ingredients-locator-content' + index);});
	
	$tabContent = $('#ingredients-locator-container').find('div.ingredients-tab-content');
	//$tabContent.each(function(index, element){$(element).attr("id", "ingredients-tab-content" + index);});
	
	for(i=0; i<$countryLinks.length; i++){
		$('#country-link' + i).click(function(){
			$countryLinksActive = $('.country-selector').find('a.active').html();
			$selectedID = this.id.substring(12);
			if($countryLinksActive != null){
				/*$countryLinks.attr('class', '');
				$('#country-link' + $selectedID).attr('class', 'active');
				
				$tabContent = $('div.ingredients-locator-content').find('div.ingredients-tab-content');
				$tabContent.each(function(index, element){$(element).attr('id', '');});
				$tabContent.css('display', 'none');
				for(i=0; i<$tabbedLinks.length; i++){
					$('#tab' + i).unbind("click");
					$('#tab' + i).click(function(){
						var tabid = this.id.substring(3);
						$('#ingredients-locator-content' + $selectedID).css('display', 'block');
						$tabContent = $('#ingredients-locator-content' + $selectedID).find('div.ingredients-tab-content');
						$tabContent.each(function(index, element){$(element).attr('id', 'ingredients-tab-content' + index);});
						$('#ingredients-tab-content' + tabid).find('ul.ingredient-locator').css('display', 'block');					 
					});
				}*/
				//$('#tabbed-link' + i).css('margin', '0');
				$('div.ingredients-tab-content').find('ul.ingredient-locator').css('display', 'none');
				$tabContent.each(function(index, element){$(element).attr('id', '');});
				$selectedID = this.id.substring(12);
				$countryLinks.attr('class', '');
				$('#country-link' + $selectedID).attr('class', 'active');

				$toplevelLink = $('div.ingredients-tab-content').find('ul.ingredient-locator li.sub-category').find('a');

			}
			else{
				$countryLinks.attr('class', '')
				$('#country-link' + $selectedID).attr('class', 'active');
				for(i=0; i<$tabbedLinks.length; i++){
					$tabbedLinksText = $('#tabbed-text' + i).html();
					$('#tabbed-link' + i).html('<a id=\'tab' + i + '\' href=\'#\' title=\'' + $tabbedLinksText + '\'><span>' + $tabbedLinksText + '</span></a>');
					$('#tab' + i).click(function(){
						$tabid = this.id.substring(3);
						$('#ingredients-locator-content' + $selectedID).css('display', 'block');
						$tabContent = $('#ingredients-locator-content' + $selectedID).find('div.ingredients-tab-content');
						$tabContent.each(function(index, element){$(element).attr('id', 'ingredients-tab-content' + index);});
						$('div.ingredients-tab-content').find('ul.ingredient-locator').css('display', 'none');
						$('#ingredients-tab-content' + $tabid).find('ul.ingredient-locator').css('display', 'block');
					});
				}

				$toplevelLink = $('#ingredients-tab-content' + $tabid).find('ul.ingredient-locator li.sub-category').find('a');
				$toplevelLink.each(function(index, element){$(element).attr('id', 'top-level' + index);});
				
				for(i=0; i<$toplevelLink.length; i++){
					$('#top-level' + i).click(function(){
						var toplevelid = this.id.substring(9);
						alert(toplevelid);
					});
				}
			}
		});
	}

}

