// taken from it leaders js ap_utility.js file

// function to display content according to tab clicked
var objTab = null;
function showTab(tabName) {
     if (objTab) objTab.style.display = 'none';
     objTab=document.getElementById(tabName);
     objTab.style.display = 'block';
	 
     }

     
     
// this function loads a one 1px gif w/ contentName-values appended
// it also changes the research tab bg color and displays the thisTab div content 
// there are two additional tabs (6&7) added for future use
     function changeTabStyle(thisTab, contentName) {     
          //var now = new Date;
          //var h = (now.getHours());
          //var m = (now.getMinutes());
          //var s = (now.getSeconds());
          //var t = h + "." + m + "." + s;
          //var  role = "<%= role %>";
          
          document.tabidimg.src ="http://wtssdc.gartner.com/dcs2kf7dq10000sddxi7bvt9i_6o7e/dcs.gif?dcssip=www.gartner.com&dcsuri=/themes"; 
		  //Roletabs&tab=" + tabName + "&role=" + r + "&t=" + t

          document.getElementById('first_tab').style.color='#bbbbbb';
          document.getElementById('second_tab').style.color='#bbbbbb';
          document.getElementById('third_tab').style.color='#bbbbbb'; 
		  document.getElementById('fourth_tab').style.color='#bbbbbb'; 
		  
		  document.getElementById('first_tab').style.textDecoration='none';
          document.getElementById('second_tab').style.textDecoration='none';
          document.getElementById('third_tab').style.textDecoration='none';
		  document.getElementById('fourth_tab').style.textDecoration='none'; //B9D0DC

          document.getElementById('tab1').style.display='none';
          document.getElementById('tab2').style.display='none';
          document.getElementById('tab3').style.display='none';
		  document.getElementById('tab4').style.display='none';
     
         //  var oCS=thisTab;        
           switch (thisTab) {
           case 'first_tab':
               document.getElementById('tab1').style.display='block';
               break;
          case 'second_tab':
               document.getElementById('tab2').style.display='block';
               break;
          case 'third_tab':
               document.getElementById('tab3').style.display='block';
               break;
		  case 'fourth_tab':
               document.getElementById('tab4').style.display='block';
               break;
               } 
          document.getElementById(thisTab).style.color='#fb6602'; //fb6602
		  document.getElementById(thisTab).style.texDecoration='none'; //fb6602
          }
           


// changes the tab style to current tab to keep bg the same color
// this function was replaced with above changeTabStyle() and can be removed seano 070206
     function change_style(id, newClass, tabName) {     
          //var now = new Date;
          //var h = (now.getHours());
          //var m = (now.getMinutes());
          //var s = (now.getSeconds());
          //var t = h + "." + m + "." + s;
          //var r= <% role %>;
          document.tabidimg.src ="http://wtssdc.gartner.com/dcs2kf7dq10000sddxi7bvt9i_6o7e/dcs.gif?dcssip=www.gartner.com&dcsuri=/themes"; 
		  //Roletabs&tab=" + tabName + "&role=" + r + "&t=" + t
          identity=document.getElementById(id);
          identity.className=newClass;
          // role variable is set above tabs
           } 
               
// new window functions                              


function setDisplay(objectID, state) {
    var object = document.getElementById(objectID);
    object.style.display = state; 
}

function themesOnload() {
    //loadDefaultData();
    showTab('tab1');
	
	document.getElementById('first_tab').style.color='#fb6602'
	
}