//<![CDATA[

    var tabLinks = new Array();
    var contentDivs = new Array();
	  var tabLinks1 = new Array();
    var contentDivs1 = new Array();
	  var tabLinks2 = new Array();
    var contentDivs2 = new Array();

    function init() {

      // Grab the tab links and content divs from the page
	 
      var tabListItems = document.getElementById('tabs').childNodes;
//	  var tabListItems = document.getElementById('tabs2').childNodes;
      for ( var i = 0; i < tabListItems.length; i++ ) {
        if ( tabListItems[i].nodeName == "LI" ) {
          var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' );
          var id = getHash( tabLink.getAttribute('href') );
          tabLinks[id] = tabLink;
          contentDivs[id] = document.getElementById( id );
        }
      }

      // Assign onclick events to the tab links, and
      // highlight the first tab
      var i = 0;

      for ( var id in tabLinks ) {
        tabLinks[id].onclick = showTab;
        tabLinks[id].onfocus = function() { this.blur() };
        if ( i == 0 ) tabLinks[id].className = 'active';
        i++;
      }

      // Hide all content divs except the first
      var i = 0;
      for ( var id in contentDivs ) {
        if ( i != 0 && contentDivs[id] !=null) contentDivs[id].className = 'tabContent hide';
        i++;
      }
	   
	   
	   //////////////////2nd//////////////////////////
	  
	    var tabListItems1 = document.getElementById('tabs1').childNodes;
//	  var tabListItems = document.getElementById('tabs2').childNodes;
      for ( var i = 0; i < tabListItems1.length; i++ ) {
        if ( tabListItems1[i].nodeName == "LI" ) {
          var tabLink1 = getFirstChildWithTagName( tabListItems1[i], 'A' );
          var id = getHash( tabLink1.getAttribute('href') );
          tabLinks1[id] = tabLink1;
          contentDivs1[id] = document.getElementById( id );
        }
      }

      // Assign onclick events to the tab links, and
      // highlight the first tab
      var i = 0;

      for ( var id in tabLinks1 ) {
        tabLinks1[id].onclick = showTab1;
        tabLinks1[id].onfocus = function() { this.blur() };
        if ( i == 2 ) tabLinks1[id].className = 'active';
        i++;
      }

      // Hide all content divs except the first
      var i = 0;
      for ( var id in contentDivs1 ) {
        if ( i != 2 ) contentDivs1[id].className = 'tabContent hide';
        i++;
      }
	  
	  
	  //////////////////////3rd/////////////
	    var tabListItems2 = document.getElementById('tabs2').childNodes;
	/*	alert(tabListItems2[0]);
		alert(tabListItems2[1]);
		alert(tabListItems2[2]);
		alert(tabListItems2[3]);*/
//	  var tabListItems = document.getElementById('tabs2').childNodes;
      for ( var i = 0; i < tabListItems2.length; i++ ) {
        if ( tabListItems2[i].nodeName == "LI" ) {
          var tabLink2 = getFirstChildWithTagName( tabListItems2[i], 'A' );
		  var id = getHash( tabLink2.getAttribute('href') );
          tabLinks2[id] = tabLink2;
          contentDivs2[id] = document.getElementById( id );
        }
      }
      
      // Assign onclick events to the tab links, and
      // highlight the first tab
      var i = 0;

      for ( var id in tabLinks2 ) {
		 
        tabLinks2[id].onclick = showTab2;
        tabLinks2[id].onfocus = function() { this.blur() };
        if ( i == 3 ) tabLinks2[id].className = 'active';
        i++;
      }

      // Hide all content divs except the first
      var i = 0;
      for ( var id in contentDivs2 ) {
        if ( i != 3 ) contentDivs2[id].className = 'tabContent hide';
        i++;
      }
	  
	  
    }

    function showTab() {
      var activeId = getHash( this.getAttribute('href') );
      // Highlight the selected tab, and dim all others.
      // Also show the selected content div, and hide all others.
      for ( var id in contentDivs ) {
        if ( id == activeId ) {
          tabLinks[id].className = 'active';
          contentDivs[id].className = 'tabContent';
        } else {
          tabLinks[id].className = '';
          contentDivs[id].className = 'tabContent hide';
        }
      }

      // Stop the browser following the link
      return false;
    }

 function showTab1() {
      var activeId = getHash( this.getAttribute('href') );
      // Highlight the selected tab, and dim all others.
      // Also show the selected content div, and hide all others.
      for ( var id in contentDivs1 ) {
        if ( id == activeId ) {
          tabLinks1[id].className = 'active';
          contentDivs1[id].className = 'tabContent';
        } else {
          tabLinks1[id].className = '';
          contentDivs1[id].className = 'tabContent hide';
        }
      }

      // Stop the browser following the link
      return false;
    }
	 function showTab2() {
      var activeId = getHash( this.getAttribute('href') );
      // Highlight the selected tab, and dim all others.
      // Also show the selected content div, and hide all others.
      for ( var id in contentDivs2 ) {
        if ( id == activeId ) {
          tabLinks2[id].className = 'active';
          contentDivs2[id].className = 'tabContent';
        } else {
          tabLinks2[id].className = '';
          contentDivs2[id].className = 'tabContent hide';
        }
      }

      // Stop the browser following the link
      return false;
    }

    function getFirstChildWithTagName( element, tagName ) {
      for ( var i = 0; i < element.childNodes.length; i++ ) {
        if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i];
      }
    }

    function getHash( url ) {
      var hashPos = url.lastIndexOf ( '#' );
      return url.substring( hashPos + 1 );
    }

    //]]>