// DATACARD

var DATACARD = {

    // Add stylesheet
    addStylesheet: function (href, media) {
        var link = new Element('link', {
            'rel': 'stylesheet',
            'type': 'text/css',
            'media': media,
            'href': href
        });
        var head = $E('head');
        link.injectInside(head);
    },
    
     
     // Switch tabs
     tabs: function () {
         var links = $$('.tabs-nav li');
         var contents = $$('.tab');
         links.each(function (el, i) {
             links[i].addEvent('click', function(e) {
                 if (contents[i] !== undefined) {
                     DATACARD.closeTabs(links, contents);
                     this.toggleClass('current');
                     contents[i].addClass('tab-display');
                  }
                  new Event(e).stop();
             });
         });

     },
     
     // Close all content tabs and remove active state from all nav tabs
     closeTabs: function (links, elements) {
  
         for (var i = 0; i < elements.length; i++ ) {
             elements[i].removeClass('tab-display');
             links[i].removeClass('current');
         }
     },
     
    
    init: function () {
         DATACARD.tabs();
    }
}

DATACARD.addStylesheet("/css/js.css", "screen, projection");
window.addEvent('load', DATACARD.init);