/** cdnPath set in JSP */
var cdn=(typeof(cdnPath)!="undefined")?cdnPath:"";

function loadLearnAndShop() {
	$('cntr_0').setStyle('visibility', 'visible');
	$('nav_cntr_0').addClass('active');
	$$('#allergy-nav ul li a').each(function(item){
		item.addEvent('click', function(){
			var clickedId = item.getParent().get('id');
			resetAllergySection();
			resetNavActive();
			switch (clickedId) {
  					case "nav_cntr_0":
  						resetAllergySection();
  						$('cntr_0').setStyle('visibility', 'visible');
  						$('cntr_0_divider').addClass('noshow');
  						return false;
						break;
					case "nav_cntr_1":
						resetAllergySection();
  						$('cntr_1').setStyle('visibility', 'visible');
  						$('cntr_0').setStyle('visibilty', 'hidden');
  						$('nav_cntr_0').removeClass('active');
  						$('nav_cntr_1').addClass('active');
  						$('cntr_0_divider').addClass('noshow'); 
  						$('cntr_1_divider').addClass('noshow'); 						
 						return false;  						
  						break;
					case "nav_cntr_2":
						resetAllergySection();
  						$('cntr_2').setStyle('visibility', 'visible');
						$('cntr_0').setStyle('visibilty', 'hidden');
						$('nav_cntr_0').removeClass('active');
  						$('nav_cntr_2').addClass('active');  						
  						$('cntr_1_divider').addClass('noshow');
  						$('cntr_2_divider').addClass('noshow');   						   						
  						return false;  						
						break;
					case "nav_cntr_3":
						resetAllergySection();
  						$('cntr_3').setStyle('visibility', 'visible');
						$('cntr_0').setStyle('visibilty', 'hidden');
						$('nav_cntr_0').removeClass('active');
  						$('nav_cntr_3').addClass('active');
  						$('cntr_2_divider').addClass('noshow');
  						$('cntr_3_divider').addClass('noshow');   						
  						return false;  						
						break;
					case "nav_viewall":
						resetAllergySection();
  						$('view_all_cntr').setStyle('visibility', 'visible');
  						$('cntr_0').setStyle('visibilty', 'hidden');
  						$('nav_cntr_0').removeClass('active');
  						$('nav_viewall').addClass('active');
  						$('nav_cntr_3').addClass('noshow');
  						$('nav_viewall_divider').addClass('noshow');   						
  						return false; 						
						break;						
			}

		});
	});
		
		

	/* thumbnails example , div containers */
	if ($('slide_items_0')) {
		new SlideItMoo({
			overallContainer: 'slide_outer_0',
			elementScrolled: 'slide_inner_0',
			thumbsContainer: 'slide_items_0',
			itemsVisible:1,
			itemsSelector: '.slide_element',
			itemWidth: 150,
			showControls:1
		});
	}
	if ($('slide_items_1')) {
		new SlideItMoo({
			overallContainer: 'slide_outer_1',
			elementScrolled: 'slide_inner_1',
			thumbsContainer: 'slide_items_1',
			itemsVisible:1,
			itemsSelector: '.slide_element',
			itemWidth: 150,
			showControls:1
		});
	}
	if ($('slide_items_2')) {
		new SlideItMoo({
			overallContainer: 'slide_outer_2',
			elementScrolled: 'slide_inner_2',
			thumbsContainer: 'slide_items_2',
			itemsVisible:1,
			itemsSelector: '.slide_element',
			itemWidth: 150,
			showControls:1
		});
	}
	if ($('slide_items_3')) {
		new SlideItMoo({
			overallContainer: 'slide_outer_3',
			elementScrolled: 'slide_inner_3',
			thumbsContainer: 'slide_items_3',
			itemsVisible:1,
			itemsSelector: '.slide_element',
			itemWidth: 150,
			showControls:1
		});	
	}
		
	if((document.all) && (navigator.userAgent.toUpperCase().indexOf('OPERA') < 0) && (navigator.userAgent.indexOf('MSIE 7') < 0)) {
		$$('#allergy-guide img[src$=.png]', '#allergy-guide input[src$=.png]').each(function(img){
                    // get the dimensions
                    var width = img.getProperty('width');
                    var height = img.getProperty('height');
                    var src = img.getProperty('src');

                    // force the spacer for transparent backgrounds
                    img.setProperty('src', _SPACER_IMAGE);

                    // setup the new properties (replace mouseovers)
                    img.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\')';
		});
	}
}
function loadLearnAndShop2() {
	$$('#allergy-nav ul li a').each(function(item){
		item.addEvent('click', function(){
			var clickedId = item.getParent().get('id');
			resetAllergySection();
			resetNavActive();
			switch (clickedId) {
  					case "nav_cntr_0":
  						$('cntr_0_divider').addClass('noshow');
  						return false;
						break;
					case "nav_cntr_1":
						$('nav_cntr_0').removeClass('active');
  						$('nav_cntr_1').addClass('active');
  						$('cntr_0_divider').addClass('noshow'); 
  						$('cntr_1_divider').addClass('noshow'); 						
 						return false;  						
  						break;
					case "nav_cntr_2":
						$('nav_cntr_0').removeClass('active');
  						$('nav_cntr_2').addClass('active');  						
  						$('cntr_1_divider').addClass('noshow');
  						$('cntr_2_divider').addClass('noshow');   						   						
  						return false;  						
						break;
					case "nav_cntr_3":
						$('nav_cntr_0').removeClass('active');
  						$('nav_cntr_3').addClass('active');
  						$('cntr_2_divider').addClass('noshow');
  						$('cntr_3_divider').addClass('noshow');   						
  						return false;  						
						break;
					case "nav_viewall":
						$('nav_cntr_0').removeClass('active');
  						$('nav_viewall').addClass('active');
  						$('nav_cntr_3').addClass('noshow');
  						$('nav_viewall_divider').addClass('noshow');   						
  						return false; 						
						break;						
			}

		});
	});
		
		

	/* thumbnails example , div containers */
	if ($('slide_items_0')) {
		new SlideItMoo({
			overallContainer: 'slide_outer_0',
			elementScrolled: 'slide_inner_0',
			thumbsContainer: 'slide_items_0',
			itemsVisible:1,
			itemsSelector: '.slide_element',
			itemWidth: 150,
			showControls:1
		});
	}
	if ($('slide_items_1')) {
		new SlideItMoo({
			overallContainer: 'slide_outer_1',
			elementScrolled: 'slide_inner_1',
			thumbsContainer: 'slide_items_1',
			itemsVisible:1,
			itemsSelector: '.slide_element',
			itemWidth: 150,
			showControls:1
		});
	}
	if ($('slide_items_2')) {
		new SlideItMoo({
			overallContainer: 'slide_outer_2',
			elementScrolled: 'slide_inner_2',
			thumbsContainer: 'slide_items_2',
			itemsVisible:1,
			itemsSelector: '.slide_element',
			itemWidth: 150,
			showControls:1
		});
	}
	if ($('slide_items_3')) {
		new SlideItMoo({
			overallContainer: 'slide_outer_3',
			elementScrolled: 'slide_inner_3',
			thumbsContainer: 'slide_items_3',
			itemsVisible:1,
			itemsSelector: '.slide_element',
			itemWidth: 150,
			showControls:1
		});	
	}
		
	if((document.all) && (navigator.userAgent.toUpperCase().indexOf('OPERA') < 0) && (navigator.userAgent.indexOf('MSIE 7') < 0)) {
		$$('#allergy-guide img[src$=.png]', '#allergy-guide input[src$=.png]').each(function(img){
                    // get the dimensions
                    var width = img.getProperty('width');
                    var height = img.getProperty('height');
                    var src = img.getProperty('src');

                    // force the spacer for transparent backgrounds
                    img.setProperty('src', _SPACER_IMAGE);

                    // setup the new properties (replace mouseovers)
                    img.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\')';
		});
	}
}

function resetAllergySection(){
	if ($('cntr_0')) {
		$('cntr_0').setStyle('visibility', 'hidden');
	}
	if ($('cntr_1')) {
		$('cntr_1').setStyle('visibility', 'hidden');
	}
	if ($('cntr_2')) {
		$('cntr_2').setStyle('visibility', 'hidden');
	}
	if ($('cntr_3')) {
		$('cntr_3').setStyle('visibility', 'hidden');
	}
	if ($('view_all_cntr')) {
		$('view_all_cntr').setStyle('visibility', 'hidden');
	}
}
function resetNavActive(){
	$('nav_cntr_0').addClass('active');
	$('nav_cntr_0').removeClass('show');
	$('cntr_0_divider').removeClass('noshow');
	$('cntr_1_divider').removeClass('noshow');
	$('cntr_2_divider').removeClass('noshow');
	$('cntr_3_divider').removeClass('noshow');
	$('nav_viewall_divider').removeClass('noshow');
	$('nav_cntr_1').removeClass('active');
	$('nav_cntr_2').removeClass('active');
	$('nav_cntr_3').removeClass('active');
	$('nav_viewall').removeClass('active');
}