// CSS helper functions
var list_counter;
CSS = {
    // Adds a class to an element.
    AddClass: function (e, c) 
    {
        if (!e.className.match(new RegExp("\\b" + c + "\\b", "i")))
            e.className += (e.className ? " " : "") + c;
	    
    },

    // Removes a class from an element.
    RemoveClass: function (e, c) 
   {
        e.className = e.className.replace(new RegExp(" \\b" + c + "\\b|\\b" + c + "\\b ?", "gi"), "");
    }
};

// Functions for handling tabs.
Tabs = {
    // Changes to the tab with the specified ID.
    GoTo: function (contentId, skipReplace, elementId) 
    {
	//   alert("mlllmlmmm");
        // This variable will be true if a tab for the specified
        // content ID was found.
        var foundTab = false;
        // Get the TOC element.
        var toc = document.getElementById("toc");
        if (toc) 
        {

            var lis = toc.getElementsByTagName("li");
            for (var j = 0; j < lis.length; j++) 
            {
                var li = lis[j];

                // Give the current tab link the class "current" and
                // remove the class from any other TOC links.
                var anchors = li.getElementsByTagName("a");
                for (var k = 0; k < anchors.length; k++) 
                {
                    if (anchors[k].hash == "#id_"+i) 
                    {
                        CSS.AddClass(li, "current");
                        foundTab = true;
                        break;
                    } else 
                    {
                        CSS.RemoveClass(li, "current");
                    }
                }
            }
        }

        // Show the content with the specified ID.
        var divsToHide = [];
        var divs = document.getElementsByTagName("div");
	var counter = 1;
        for (var i = 0; i < divs.length; i++) 
        {
            var div = divs[i];
            if (div.className.match(/\bcontent\b/i)) 
            {
                if (div.id == "_" + elementId)
		{
                    div.style.display = "block";
		}
                else
                    divsToHide.push(div);
            }
        }

        // Hide the other content boxes.
        for (var i = 0; i < divsToHide.length; i++)
            divsToHide[i].style.display = "none";

        // Change the address bar.
        if (!skipReplace) window.location.replace("#" + contentId);

    },

    OnClickHandler: function (e) 
    {
	//alert("onclick handler called");
        // Stop the event (to stop it from scrolling or
        // making an entry in the history).
	
	
        if (!e) e = window.event;
        if (e.preventDefault) e.preventDefault(); else e.returnValue = false;

        // Get the name of the anchor of the link that was clicked.
	
	if(navigator.appName=="Microsoft Internet Explorer")
	{
	   Tabs.GoTo(this.hash.substring(1),true,e.srcElement.id);		
	   Tabs.Selected(e.srcElement.id);
	}
	else 
	{
	   Tabs.GoTo(this.hash.substring(1),true,e.target.id);
	   Tabs.Selected(e.target.id);
	}
        
	//Tabs.Selected(e.target.id);
	//alert("onclick handler end");
	
    },
    Selected: function (id) 
    {
	var toc = document.getElementById("toc");
        var lis = toc.getElementsByTagName("li");

	if(id == 'id_1') 
        {
           for (var n = 1; n <= lis.length; n++)  
	   {
		if(id ==  "id_"+ n) 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunavSelected");
		}
		else 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunav");
		}	
	   } 
	  
 /* 	  document.getElementById('id_1').setAttribute("class","menunavSelected");
	  document.getElementById('id_2').setAttribute("class","menunav");
          document.getElementById('id_3').setAttribute("class","menunav");
	  document.getElementById('id_4').setAttribute("class","menunav");
	  document.getElementById('id_5').setAttribute("class","menunav");
	  document.getElementById('id_6').setAttribute("class","menunav");
	  document.getElementById('id_7').setAttribute("class","menunav");
          document.getElementById('id_8').setAttribute("class","menunav");
          document.getElementById('id_9').setAttribute("class","menunav");
          document.getElementById('id_10').setAttribute("class","menunav");  */
     


	}
	else if(id == 'id_2') {
	 
	   for (var n = 1; n <= lis.length; n++)  
	   {
		if(id ==  "id_"+ n) 
		{
		
		    document.getElementById('id_'+ n).setAttribute("class","menunavSelected");
		}
		else 
		{
		
		   document.getElementById('id_'+ n).setAttribute("class","menunav");
		}
	}

	 // alert(document.getElementById(id).setAttribute("class","menunavSelected"));			
	/*  document.getElementById(id).setAttribute("class","menunavSelected");
	  document.getElementById('id_1').setAttribute("class","menunav");
	  document.getElementById('id_3').setAttribute("class","menunav");
	  document.getElementById('id_4').setAttribute("class","menunav");
	  document.getElementById('id_5').setAttribute("class","menunav");
	  document.getElementById('id_6').setAttribute("class","menunav");
	  document.getElementById('id_7').setAttribute("class","menunav");
	  document.getElementById('id_8').setAttribute("class","menunav");
	  document.getElementById('id_9').setAttribute("class","menunav");
  	  document.getElementById('id_10').setAttribute("class","menunav"); */

	}
	else if(id == 'id_3') {
		
	   for (var n = 1; n <= lis.length; n++)  
	   {
		if(id ==  "id_"+ n) 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunavSelected");
		}
		else 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunav");
		}	
	   } 
	 /* document.getElementById(id).setAttribute("class","menunavSelected"); 	
	  document.getElementById('id_1').setAttribute("class","menunav");
	  document.getElementById('id_2').setAttribute("class","menunav");
	  document.getElementById('id_4').setAttribute("class","menunav");
	  document.getElementById('id_5').setAttribute("class","menunav");
	  document.getElementById('id_6').setAttribute("class","menunav");
	  document.getElementById('id_7').setAttribute("class","menunav");
	  document.getElementById('id_8').setAttribute("class","menunav");
	  document.getElementById('id_9').setAttribute("class","menunav");
  	  document.getElementById('id_10').setAttribute("class","menunav"); */
	
	}
	else if(id == 'id_4') {

	   for (var n = 1; n <= lis.length; n++)  
	   {
		if(id ==  "id_"+ n) 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunavSelected");
		}
		else 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunav");
		}	
	   } 
/*	  document.getElementById(id).setAttribute("class","menunavSelected");
	  document.getElementById('id_1').setAttribute("class","menunav");
	  document.getElementById('id_2').setAttribute("class","menunav");
	  document.getElementById('id_3').setAttribute("class","menunav");
	  document.getElementById('id_5').setAttribute("class","menunav");
	  document.getElementById('id_6').setAttribute("class","menunav");
	  document.getElementById('id_7').setAttribute("class","menunav");
	  document.getElementById('id_8').setAttribute("class","menunav");
	  document.getElementById('id_9').setAttribute("class","menunav");
  	  document.getElementById('id_10').setAttribute("class","menunav"); */
	 
	}
	
	else if(id == 'id_5') {

	   for (var n = 1; n <= lis.length; n++)  
	   {
		if(id ==  "id_"+ n) 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunavSelected");
		}
		else 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunav");
		}	
	   } 
/*	  document.getElementById(id).setAttribute("class","menunavSelected");
	  document.getElementById('id_1').setAttribute("class","menunav");
	  document.getElementById('id_2').setAttribute("class","menunav");
	  document.getElementById('id_4').setAttribute("class","menunav");
	  document.getElementById('id_5').setAttribute("class","menunav");
	  document.getElementById('id_6').setAttribute("class","menunav");
	  document.getElementById('id_7').setAttribute("class","menunav");
	  document.getElementById('id_8').setAttribute("class","menunav");
	  document.getElementById('id_9').setAttribute("class","menunav");
  	  document.getElementById('id_10').setAttribute("class","menunav"); */
	 
	}
	else if(id == 'id_6') {

/*
	  document.getElementById(id).setAttribute("class","menunavSelected");
	  document.getElementById('id_1').setAttribute("class","menunav");
	  document.getElementById('id_2').setAttribute("class","menunav");
	  document.getElementById('id_3').setAttribute("class","menunav");
	  document.getElementById('id_4').setAttribute("class","menunav");
	  document.getElementById('id_5').setAttribute("class","menunav");
	  document.getElementById('id_7').setAttribute("class","menunav");
	  document.getElementById('id_8').setAttribute("class","menunav");
	  document.getElementById('id_9').setAttribute("class","menunav");
  	  document.getElementById('id_10').setAttribute("class","menunav"); */
	 
	}
	else if(id == 'id_7') {

	   for (var n = 1; n <= lis.length; n++)  
	   {
		if(id ==  "id_"+ n) 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunavSelected");
		}
		else 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunav");
		}	
	   } 
/*
	  document.getElementById(id).setAttribute("class","menunavSelected");
	  document.getElementById('id_1').setAttribute("class","menunav");
	  document.getElementById('id_2').setAttribute("class","menunav");
	  document.getElementById('id_3').setAttribute("class","menunav");
	  document.getElementById('id_4').setAttribute("class","menunav");
	  document.getElementById('id_5').setAttribute("class","menunav");
	  document.getElementById('id_6').setAttribute("class","menunav");
	  document.getElementById('id_8').setAttribute("class","menunav");
	  document.getElementById('id_9').setAttribute("class","menunav");
  	  document.getElementById('id_10').setAttribute("class","menunav");
*/
	}else if(id == 'id_8') {

	   for (var n = 1; n <= lis.length; n++)  
	   {
		if(id ==  "id_"+ n) 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunavSelected");
		}
		else 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunav");
		}	
	   } 

/*	  document.getElementById(id).setAttribute("class","menunavSelected");
	  document.getElementById('id_1').setAttribute("class","menunav");
	  document.getElementById('id_2').setAttribute("class","menunav");
	  document.getElementById('id_3').setAttribute("class","menunav");
	  document.getElementById('id_4').setAttribute("class","menunav");
	  document.getElementById('id_5').setAttribute("class","menunav");
	  document.getElementById('id_6').setAttribute("class","menunav");
	  document.getElementById('id_7').setAttribute("class","menunav");
	  document.getElementById('id_9').setAttribute("class","menunav");
  	  document.getElementById('id_10').setAttribute("class","menunav"); */

	}else if(id == 'id_9') {

	   for (var n = 1; n <= lis.length; n++)  
	   {
		if(id ==  "id_"+ n) 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunavSelected");
		}
		else 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunav");
		}	
	   } 

/*	  document.getElementById(id).setAttribute("class","menunavSelected");
	  document.getElementById('id_1').setAttribute("class","menunav");
	  document.getElementById('id_2').setAttribute("class","menunav");
	  document.getElementById('id_3').setAttribute("class","menunav");
	  document.getElementById('id_4').setAttribute("class","menunav");
	  document.getElementById('id_5').setAttribute("class","menunav");
	  document.getElementById('id_6').setAttribute("class","menunav");
	  document.getElementById('id_7').setAttribute("class","menunav");
	  document.getElementById('id_8').setAttribute("class","menunav");
  	  document.getElementById('id_10').setAttribute("class","menunav"); */
	}else if(id == 'id_10') {

	  for (var n = 1; n <= lis.length; n++)  
	   {
		if(id ==  "id_"+ n) 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunavSelected");
		}
		else 
		{
		    document.getElementById('id_'+ n).setAttribute("class","menunav");
		}	
	   } 

/*	  document.getElementById(id).setAttribute("class","menunavSelected");
	  document.getElementById('id_1').setAttribute("class","menunav");
	  document.getElementById('id_2').setAttribute("class","menunav");
	  document.getElementById('id_3').setAttribute("class","menunav");
	  document.getElementById('id_4').setAttribute("class","menunav");
	  document.getElementById('id_5').setAttribute("class","menunav");
	  document.getElementById('id_6').setAttribute("class","menunav");
	  document.getElementById('id_7').setAttribute("class","menunav");
	  document.getElementById('id_8').setAttribute("class","menunav");
  	  document.getElementById('id_9').setAttribute("class","menunav"); */
	}
		//alert("select method end");
   },

    Init: function () 
    {
	//alert('hihihihihihihihih');	
        if (!document.getElementsByTagName) return;
	
        // Attach an onclick event to all the anchor links on the page.
	var toc = document.getElementById("toc");
        if (toc) 
	{

            var lis = toc.getElementsByTagName("li");
	    list_counter = lis.length;	 
            for (var j = 0; j < lis.length; j++) 
            {
                var li = lis[j];
		
                // Give the current tab link the class "current" and
                // remove the class from any other TOC links.
                var anchors = li.getElementsByTagName("a");
		for (var i = 0; i < anchors.length; i++) 
		{
            		var a = anchors[i];
			if(i == 0 && j == 0)
	        	   elementId = a.id;
            		if (a.hash) a.onclick = Tabs.OnClickHandler;
		}
             }
	}
        var contentId;
        if (window.location.hash) contentId = window.location.hash.substring(1);

        var divs = document.getElementsByTagName("div");
        for (var i = 0; i < divs.length; i++) 
        {
            var div = divs[i];

            if (div.className.match(/\bcontent\b/i)) 
            {
                if (!contentId) 
			contentId = div.id;
                div.id = "_" + div.id;
            }
        }
        if (contentId) Tabs.GoTo(contentId, true,elementId);
	//alert("contentId==========>"+contentId);
	Tabs.Selected(contentId);
//		alert("Init end");
    }
};

// Hook up the OnLoad event to the tab initialization function.
//window.onload = alert('hihihiihihihihih');
window.onload = Tabs.Init;

// Hide the content while waiting for the onload event to trigger.
var contentId = window.location.hash || "#Introduction";

if (document.createStyleSheet) {
    var style = document.createStyleSheet();
    style.addRule("div.content", "display: none;");
    style.addRule("div" + contentId, "display: block;");
} else {
    var head = document.getElementsByTagName("head")[0];
    if (head) {
        var style = document.createElement("style");
        style.setAttribute("type", "text/css");
        style.appendChild(document.createTextNode("div.content { display: none; }"));
		style.appendChild(document.createTextNode("div" + contentId + " { display: block; }"));
        head.appendChild(style);
    }
}