// setup observers
Event.observe(window, 'load', function() {
  anchor.init();
});

var anchor = {    
  init: function() {
    this.toc();
  },
  
  icon_nodes: null,     
  comparison_icons: ["TICK", "CROSS", "WARNING", "NEUTRAL", "STAR", "ARROW"],
  renderComparisonIcons: function() {
    this.icon_nodes = $$('table.comparison td span.caps');
    
    for(var i = 0; i < this.icon_nodes.length; i++) {		
      var node = this.icon_nodes[i];      
      var content = node.innerHTML;
            
      this.comparison_icons.each(function(name, index) {
        
        if(content.strip()==name) {
          node.removeClassName("caps");
          node.addClassName("comparison-icon comparison-"+name.toLowerCase());
        }    
      });    
    }
  },
  
  submitViaPopUp: function(form) {
    inputs = form.getInputs();
    
    Lightview.show({
      href: '/iframe.html',
      rel: 'iframe',
      options: { 
        width: 800, 
        height: 500 
      }
    });   
    
    document.observe('lightview:opened', function(event) {
      popupname=$("lightviewContent").getAttribute('name');
      form.setAttribute("target", popupname);     
      form.submit();
    });
    
    return false;    
  },
  	
	setIframeHeight: function (value) {
		var _iframe = $("iframe-form");
		if(_iframe) $("iframe-form").height = parseInt(value);
	},
	
	toc: function() {
	  if($('toc')){
  		var show = false;
  		var toc_i = 0;
  		// Check the div contaning headings you want to have in your table of contents	
  		$$('#main h2, #main h3').each(function(element){
  			toc_i++;
  			show 			= true;
  			// Add an id to the headings for linking
  			toc_title_id		= 'content_section_' + toc_i;
  			$(element).id 		= toc_title_id;

  			if(element.tagName == 'H3'){					
  				$('toc').innerHTML 	+= '    - <li><a href="#' + $(element).id + '" onclick="$(element).scrollTo($(element));">' + element.innerHTML.stripTags() + '</a></li>';				
  			}
  			else{
  				$('toc').innerHTML 	+= '<li><a href="#' + $(element).id + '" onclick="$(element).scrollTo($(element));">' + element.innerHTML.stripTags() + '</a></li>';
  			}
  		}); 		
  		if(show){
  			$('toc').show();
  		}
  	}
	}
}