// JavaScript Document

function TabControl(TheTab)
{
    if (TheTab == 1)
    {
        document.getElementById("TabCtr_OneContentBlock_index_engg1").style.display = "";
        document.getElementById("TabCtr_OneContentBlock_index_engg2").style.display = "none";
        document.getElementById("TabCtr_OneContentBlock_index_engg3").style.display = "none";
        document.getElementById("TabButton1").className = "TabControlTabOptionActive-engg";
        document.getElementById("TabButton2").className = "TabControlTabOption-engg";
        document.getElementById("TabButton3").className = "TabControlTabOption-engg";
    }
    else if (TheTab == 2)
    {
        document.getElementById("TabCtr_OneContentBlock_index_engg1").style.display = "none";
        document.getElementById("TabCtr_OneContentBlock_index_engg2").style.display = "";
        document.getElementById("TabCtr_OneContentBlock_index_engg3").style.display = "none";
        document.getElementById("TabButton1").className = "TabControlTabOption-engg";
        document.getElementById("TabButton2").className = "TabControlTabOptionActive-engg";
        document.getElementById("TabButton3").className = "TabControlTabOption-engg";
    }
    else if (TheTab == 3)
    {
        document.getElementById("TabCtr_OneContentBlock_index_engg1").style.display = "none";
        document.getElementById("TabCtr_OneContentBlock_index_engg2").style.display = "none";
        document.getElementById("TabCtr_OneContentBlock_index_engg3").style.display = "";
        document.getElementById("TabButton1").className = "TabControlTabOption-engg";
        document.getElementById("TabButton2").className = "TabControlTabOption-engg";
        document.getElementById("TabButton3").className = "TabControlTabOptionActive-engg";
    }
}



var the_timeout;
window.onload = function() {
 document.getElementById('pretab').value="tab1";
 disableAll();
}
function move()
{
    var curtabClicked = document.getElementById("curtab").value;
    var tabClicked = document.getElementById("pretab").value; 
    var the_style = getStyleObject(tabClicked);
	if (the_style) {
	
		var start = parseInt(the_style.marginLeft);
		if(start<10){return false;}
		if(start >= 70){
		 var end = start - 33;
		 
		  moveBack(end, 0)
		}
		else{
		
		the_style.fontSize=20 + 'px';
		var end = start + 33; 
		 moveDiv(end, 0);
		}
	}
}

function moveBack(end, x)
{
   var tabClicked = document.getElementById("pretab").value;
    var the_style = getStyleObject(tabClicked);
  if (the_style)
  {
    var current_left = parseInt(the_style.marginLeft);
    var new_left = current_left - 1;
   if (document.layers) 
    {
      the_style.marginLeft = new_left;
    }
    else 
    {  
      the_style.marginLeft = new_left + "px";
    }
    //
    if (new_left > end)
    {
    clearTimeout(the_timeout);
     the_timeout = setTimeout('moveBack(' + end + ',' + x + ');',1);
    }
    if (new_left == end)
    {
      var curtabClicked = document.getElementById("curtab");
      var tabClicked = document.getElementById("pretab");fontsize(tabClicked.value);
      tabClicked.value = curtabClicked.value; curtabClicked.value='';
      fontsize(tabClicked.value);
      move();
    }
  }
}
function moveDiv(end, x)
{
   var tabClicked = document.getElementById("pretab").value;
    var the_style = getStyleObject(tabClicked);
  if (the_style)
  {
    var current_left = parseInt(the_style.marginLeft);
    var new_left = current_left + 1;
   if (document.layers) 
    {
      the_style.marginLeft = new_left;
    }
    else 
    {  
      the_style.marginLeft = new_left + "px";
    }
    if (new_left < end)
    {
     clearTimeout(the_timeout);
     the_timeout = setTimeout('moveDiv(' + end + ',' + x + ');',1);
    }
     if (new_left == end)
    {
    // var pretabClicked = document.getElementById("pretab");  fontsize(pretabClicked.value)
     disableAll();
    }
  }
}


function getStyleObject(objectId) {
    // cross-browser function to get an object's style object given its
    if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
	return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
	return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note: this won't find nested layers
	return document.layers[objectId];
    } else {
	return false;
    }
} 
  function fontsize(tab)
  { 
   var val = tab; val= val.split('b');
   var cls = document.getElementById(tab + val[1]);
   var contentTab = document.getElementById(tab + val[1] + val[1]);
   if(cls){ 
    if(cls.className == 'style1'){cls.className='styleActive'; contentTab.style.display = "block";}
    else{cls.className='style1'; contentTab.style.display = "none";}
   }
  }
     function tabbtnclick(tab)
    {    
     var preTab;
     var pre = document.getElementById('pretab'); 
     if(pre.value == tab){return false;}
     var cur = document.getElementById('curtab');
     if(pre.value == tab){return false;}
     disableAll();
      if(pre.value == ''|| !pre.value){ 
       pre.value = tab.toString();
       the_timeout=setTimeout('move();',0); return false;
      }
      else{ 
      preTab = pre.value;
      cur.value=tab;
      the_timeout=setTimeout('move();',0);return false;
     
      }
   }
function disableAll()
{
 var obj = document.getElementById('layer2');
 if(obj.style.zIndex <100){obj.style.zIndex = 200;}
 else {obj.style.zIndex = 98;}
}






function TabControl1(TheTab)
{
    if (TheTab == 1)
    {
        document.getElementById("TabCtrnotify").style.display = "";
        document.getElementById("TabCtrannounce").style.display = "none";
        document.getElementById("TabCtralert").style.display = "none";
        document.getElementById("TabButton1-1").className = "TabControlTabOptionActive1";
        document.getElementById("TabButton2-2").className = "TabControlTabOption1";
        document.getElementById("TabButton3-3").className = "TabControlTabOption1";
    }
    else if (TheTab == 2)
    {
        document.getElementById("TabCtrnotify").style.display = "none";
        document.getElementById("TabCtrannounce").style.display = "";
        document.getElementById("TabCtralert").style.display = "none";
        document.getElementById("TabButton1-1").className = "TabControlTabOption1";
        document.getElementById("TabButton2-2").className = "TabControlTabOptionActive1";
        document.getElementById("TabButton3-3").className = "TabControlTabOption1";
    }
    else if (TheTab == 3)
    {
        document.getElementById("TabCtrnotify").style.display = "none";
        document.getElementById("TabCtrannounce").style.display = "none";
        document.getElementById("TabCtralert").style.display = "";
        document.getElementById("TabButton1-1").className = "TabControlTabOption1";
        document.getElementById("TabButton2-2").className = "TabControlTabOption1";
        document.getElementById("TabButton3-3").className = "TabControlTabOptionActive1";
    }
}