var arVersion = navigator.appVersion.split("MSIE")
var arMac = (navigator.appVersion.indexOf("Mac") != -1);
var version = parseFloat(arVersion[1])

var Agt = navigator.userAgent.toLowerCase();
var MacFireFox= (Agt.indexOf("mozilla/5.0") != -1) ;
var MacSafari= (Agt.indexOf("safari") != -1) ;
    

 function Initialize()
 {
  document.getElementById("hdnTab1State").value="Normal";
  document.getElementById("hdnTab2State").value="Normal";
  document.getElementById("hdnTab3State").value="Normal";
  document.getElementById("hdnFadeState").value="False";
 
 }
  function containsDOM (container, containee) {
  var isParent = false;
  do {
    if ((isParent = container == containee))
      break;
    containee = containee.parentNode;
  }
  while (containee != null);
  return isParent;
}

function checkMouseEnter (element, evt) {
  if (element.contains && evt.fromElement) {
    return !element.contains(evt.fromElement);
  }
  else if (evt.relatedTarget) {
    return !containsDOM(element, evt.relatedTarget);
  }
}

function checkMouseLeave (element, evt) {
  if (element.contains && evt.toElement) {
    return !element.contains(evt.toElement);
  }
  else if (evt.relatedTarget) {
    return !containsDOM(element, evt.relatedTarget);
  }
}
  
  function showdefaulttab(id)
{ 

    if(id == 'tab1')
    {
       
     showFirstTabContent();
                     
    }
    if(id == 'tab2')
    {
     showSecondTabContent();
    }
    if(id == 'tab3')
    {
    showThirdTabContent();
    }
}

  function showFirstTabContent()
   {
    pageTracker._trackPageview(document.getElementById("BaseTemplateContainer_hdnFirstChannelGTrack").value);
       if (arMac)
       {
                 if (MacSafari)
	             {
	              $("#BaseTemplateContainer_firstchannel").animate( { marginTop:"11px" },1000);
	             }
	             else // (MacFireFox)
	             {
	              $("#BaseTemplateContainer_firstchannel").animate( { marginTop:"7px" },1000);
	             }
	             

       }
       else if (version == 8 )
       {
       $("#BaseTemplateContainer_firstchannel").css("margin-top", "7px");
       
       }
       else
       {
        $("#BaseTemplateContainer_firstchannel").css("margin-top", "8px");
       }
    
     if (version == 7)
      {
       document.getElementById('BaseTemplateContainer_secondchannel').className="bluetab yletbbg";
       document.getElementById('BaseTemplateContainer_thirdchannel').className="bluetab greenbg";
       document.getElementById('BaseTemplateContainer_firstchannel').className="bluetab_On bluetabbg";
       }    
     else
      {
      document.getElementById('BaseTemplateContainer_secondchannel').className="Secondtab_FirstView yletbbg";
      document.getElementById('BaseTemplateContainer_thirdchannel').className="Thirdtab_FirstView greenbg";
      document.getElementById('BaseTemplateContainer_firstchannel').className="Firsttab_On bluetabbg";
      }
 
    FadeImage(0.52);
    document.getElementById("hdnTab1State").value="View";
    document.getElementById('MainTab').style.display= 'none';    
    document.getElementById('tab2').style.display= 'none';    
    document.getElementById('tab3').style.display= 'none';
    document.getElementById('tab1').style.display= 'block';
      }
   
    function showSecondTabContent()
    {
     pageTracker._trackPageview(document.getElementById("BaseTemplateContainer_hdnSecondChannelGTrack").value);
     if (arMac)
       {
                 if (MacSafari)
	             {
	              $("#BaseTemplateContainer_secondchannel").animate( { marginTop:"11px" },1000);
	             }
	             else // (MacFireFox)
	             {
	              $("#BaseTemplateContainer_secondchannel").animate( { marginTop:"7px" },1000);
	             }
	             

       }
       else if (version == 8)
       {
       $("#BaseTemplateContainer_secondchannel").css("margin-top", "7px");
       
       }
       else
       {
        $("#BaseTemplateContainer_secondchannel").css("margin-top", "8px");
       }
    if (version == 7)
      {
      
       document.getElementById('BaseTemplateContainer_thirdchannel').className="bluetab greenbg";
       document.getElementById('BaseTemplateContainer_firstchannel').className="bluetab bluetabbg";
       document.getElementById('BaseTemplateContainer_secondchannel').className="bluetab_On yletbbg";
       }    
     else
      {
       document.getElementById('BaseTemplateContainer_firstchannel').className="Firsttab bluetabbg";
       document.getElementById('BaseTemplateContainer_thirdchannel').className="Thirdtab greenbg";
       document.getElementById('BaseTemplateContainer_secondchannel').className="Secondtab_On yletbbg";

      }
      FadeImage(0.52);
      document.getElementById("hdnTab2State").value="View";
      document.getElementById('MainTab').style.display= 'none';    
      document.getElementById('tab2').style.display= 'block';    
      document.getElementById('tab3').style.display= 'none';
      document.getElementById('tab1').style.display= 'none';
      }
       function showThirdTabContent()
   {
   pageTracker._trackPageview(document.getElementById("BaseTemplateContainer_hdnThirdChannelGTrack").value);
   if (arMac)
       {
                 if (MacSafari)
	             {
	              $("#BaseTemplateContainer_thirdchannel").animate( { marginTop:"11px" },1000);
	             }
	             else // (MacFireFox)
	             {
	              $("#BaseTemplateContainer_thirdchannel").animate( { marginTop:"7px" },1000);
	             }
	             

       }
       else if (version == 8)
       {
       $("#BaseTemplateContainer_thirdchannel").css("margin-top", "7px");
       
       }
       else
       {
        $("#BaseTemplateContainer_thirdchannel").css("margin-top", "8px");
       }
   if (version == 7)
      {
             
       document.getElementById('BaseTemplateContainer_firstchannel').className="bluetab bluetabbg";
       document.getElementById('BaseTemplateContainer_secondchannel').className="bluetab yletbbg";
       document.getElementById('BaseTemplateContainer_thirdchannel').className="bluetab_On greenbg";
       }    
     else
      {
      document.getElementById('BaseTemplateContainer_firstchannel').className="Firsttab bluetabbg";
      document.getElementById('BaseTemplateContainer_secondchannel').className="Secondtab yletbbg";
      document.getElementById('BaseTemplateContainer_thirdchannel').className="Thirdtab_On greenbg";
      

      }
            FadeImage(0.52);
            document.getElementById("hdnTab3State").value="View";
      document.getElementById('MainTab').style.display= 'none';    
    document.getElementById('tab2').style.display= 'none';    
    document.getElementById('tab3').style.display= 'block';
    document.getElementById('tab1').style.display= 'none';
      }

    function showFirstTab()
    {
    
     pageTracker._trackPageview(document.getElementById("BaseTemplateContainer_hdnFirstChannelLinkGTrack").value);
     
    document.getElementById('Box1_SecondContent').style.display= 'block';
    document.getElementById('Box1_FirstContent').style.display= 'none';
    
    document.getElementById('Box2_SecondContent').style.display= 'none';
    document.getElementById('Box2_FirstContent').style.display= 'block';
    document.getElementById('Box3_SecondContent').style.display= 'none';
    document.getElementById('Box3_FirstContent').style.display= 'block';
    
    

    document.getElementById("hdnTab2State").value="Normal";
    $("#BaseTemplateContainer_secondchannel").animate( { marginTop:"98px" },500);
     
    document.getElementById("hdnTab3State").value="Normal";
    $("#BaseTemplateContainer_thirdchannel").animate( {marginTop:"98px" },500);
    
   
     if (version == 7)
      {
       document.getElementById('BaseTemplateContainer_secondchannel').className="bluetab yletbbg";
       document.getElementById('BaseTemplateContainer_thirdchannel').className="bluetab greenbg";
       document.getElementById('BaseTemplateContainer_firstchannel').className="bluetab_On bluetabbg";
       }    
     else
      {
      document.getElementById('BaseTemplateContainer_secondchannel').className="Secondtab_FirstView yletbbg";
      document.getElementById('BaseTemplateContainer_thirdchannel').className="Thirdtab_FirstView greenbg";
      document.getElementById('BaseTemplateContainer_firstchannel').className="Firsttab_On bluetabbg";
      }
    
   
    document.getElementById("hdnTab1State").value="View";
    document.getElementById('MainTab').style.display= 'none';    
    document.getElementById('tab2').style.display= 'none';    
    document.getElementById('tab3').style.display= 'none';
    document.getElementById('tab1').style.display= 'block';
    
   
     
   }
    function showSecondTab()
    {
    
    pageTracker._trackPageview(document.getElementById("BaseTemplateContainer_hdnSecondChannelLinkGTrack").value);
    
    document.getElementById('Box2_SecondContent').style.display= 'block';
    document.getElementById('Box2_FirstContent').style.display= 'none';
    
    document.getElementById('Box1_SecondContent').style.display= 'none';
    document.getElementById('Box1_FirstContent').style.display= 'block';
    document.getElementById('Box3_SecondContent').style.display= 'none';
    document.getElementById('Box3_FirstContent').style.display= 'block';
    

    document.getElementById("hdnTab1State").value="Normal";
    $("#BaseTemplateContainer_firstchannel").animate( { marginTop:"98px" },500);
   
    document.getElementById("hdnTab3State").value="Normal";
    $("#BaseTemplateContainer_thirdchannel").animate( {marginTop:"98px" },500);
   
     if (version == 7)
      {
      
       document.getElementById('BaseTemplateContainer_thirdchannel').className="bluetab greenbg";
       document.getElementById('BaseTemplateContainer_firstchannel').className="bluetab bluetabbg";
       document.getElementById('BaseTemplateContainer_secondchannel').className="bluetab_On yletbbg";
       }    
     else
      {
       document.getElementById('BaseTemplateContainer_firstchannel').className="Firsttab bluetabbg";
       document.getElementById('BaseTemplateContainer_thirdchannel').className="Thirdtab greenbg";
       document.getElementById('BaseTemplateContainer_secondchannel').className="Secondtab_On yletbbg";

      }
    
    document.getElementById("hdnTab2State").value="View";
    document.getElementById('MainTab').style.display= 'none';    
    document.getElementById('tab1').style.display= 'none';    
    document.getElementById('tab3').style.display= 'none';
    document.getElementById('tab2').style.display= 'block';

    
    
    
    }
    function showThirdTab()
    {
    pageTracker._trackPageview(document.getElementById("BaseTemplateContainer_hdnThirdChannelLinkGTrack").value);
    document.getElementById('Box3_SecondContent').style.display= 'block';
    document.getElementById('Box3_FirstContent').style.display= 'none';
    
    
    document.getElementById('Box2_SecondContent').style.display= 'none';
    document.getElementById('Box2_FirstContent').style.display= 'block';
    document.getElementById('Box1_SecondContent').style.display= 'none';
    document.getElementById('Box1_FirstContent').style.display= 'block';
    
    document.getElementById("hdnTab1State").value="Normal";
    $("#BaseTemplateContainer_firstchannel").animate( { marginTop:"98px" },500);
     
     document.getElementById("hdnTab2State").value="Normal";
    $("#BaseTemplateContainer_secondchannel").animate( { marginTop:"98px" },500);
     
       if (version == 7)
      {
             
       document.getElementById('BaseTemplateContainer_firstchannel').className="bluetab bluetabbg";
       document.getElementById('BaseTemplateContainer_secondchannel').className="bluetab yletbbg";
       document.getElementById('BaseTemplateContainer_thirdchannel').className="bluetab_On greenbg";
       }    
     else
      {
      document.getElementById('BaseTemplateContainer_firstchannel').className="Firsttab bluetabbg";
      document.getElementById('BaseTemplateContainer_secondchannel').className="Secondtab yletbbg";
      document.getElementById('BaseTemplateContainer_thirdchannel').className="Thirdtab_On greenbg";
      

      }
   
    document.getElementById("hdnTab3State").value="View";
    document.getElementById('MainTab').style.display= 'none';    
    document.getElementById('tab2').style.display= 'none';    
    document.getElementById('tab1').style.display= 'none';
    document.getElementById('tab3').style.display= 'block';
    
    
    }
  function ShrinkFirstTab()
  {
  
    
           var valTab1=document.getElementById("hdnTab1State");
           if (valTab1.value != 'View')
           {
                $("#BaseTemplateContainer_firstchannel").stop(true,true);     
                document.getElementById("hdnTab1State").value="Normal";
                $("#BaseTemplateContainer_firstchannel").animate( { marginTop:"98px" },500);
                
           }
    
      
  }  
  function ShrinkSecondTab()
  { 
   
  var valTab2=document.getElementById("hdnTab2State");
   if (valTab2.value != 'View')
   {
    $("#BaseTemplateContainer_secondchannel").stop(true,true); 
    document.getElementById("hdnTab2State").value="Normal";
    $("#BaseTemplateContainer_secondchannel").animate( { marginTop:"98px" },500);
   
   }
   
  }  
  function ShrinkThirdTab()
  {
   
  var valTab3=document.getElementById("hdnTab3State");
  if (valTab3.value != 'View')
   {
     $("#BaseTemplateContainer_thirdchannel").stop(true,true); 
    document.getElementById("hdnTab3State").value="Normal";
    
    $("#BaseTemplateContainer_thirdchannel").animate( {marginTop:"98px" },500);
   
   }
    
  }  

//  $(function(){
//curr = 0;
//setTimeout((changeBg(),200); 

//});

function changeBg() {
 
document.getElementById("BaseTemplateContainer_FadeImage").style.backgroundImage="url(images/clouds.jpg)";
//document.body.style.backgroundPosition = curr + 20;

}
 
  function ExpandFirstTab()
  {
      
   var valTab1=document.getElementById("hdnTab1State");
 
   if (valTab1.value != 'View')
   {
   document.getElementById("hdnTab1State").value="Expand";
       
       if (arMac)
       {
                 if (MacSafari)
	             {
	              $("#BaseTemplateContainer_firstchannel").animate( { marginTop:"11px" },1000);
	             }
	             else // (MacFireFox)
	             {
	              $("#BaseTemplateContainer_firstchannel").animate( { marginTop:"7px" },1000);
	             }
	             

       }
       else if (version == 8 )
       {
       $("#BaseTemplateContainer_firstchannel").animate( { marginTop:"7px" },1000);
       }
       else
       {
       $("#BaseTemplateContainer_firstchannel").animate( { marginTop:"8px" },1000);
       }
   }
    FadeImage(0.52);
 
   
  // setTimeout("changeBg()",1000); 
  //$("#FadeImage").animate( {'background-image':'url(images/clouds.jpg)'},1000);
  // $("#FadeImage").animate({backgroundPosition: '(150px 250px)'});
  //animate({'background-image':'url(hello.jpg)'},5000);
  //$("#lnkFirstdiv").fadeIn(2000);
  //$("#lnkFirstdiv").animate( { visible:"true" },60);
  //document.getElementById("lnkFirstdiv").style.visibility='visible'; 
     
    
   }  
  function ExpandSecondTab()
  {
  var valTab2=document.getElementById("hdnTab2State");
   if (valTab2.value != 'View')
   {
    document.getElementById("hdnTab2State").value="Expand";
    
     if (arMac)
       {
                 if (MacSafari)
	             {
	              $("#BaseTemplateContainer_secondchannel").animate( { marginTop:"11px" },1000);
	             }
	             else // (MacFireFox)
	             {
	              $("#BaseTemplateContainer_secondchannel").animate( { marginTop:"7px" },1000);
	             }
	             

       }
       else if (version == 8)
       {
    $("#BaseTemplateContainer_secondchannel").animate( { marginTop:"7px" },1000);
        }
        
    else
    {
     $("#BaseTemplateContainer_secondchannel").animate( { marginTop:"8px" },1000);
    }
    }
      FadeImage(0.52);
      
  }  
  function ExpandThirdTab()
  {
    var valTab3=document.getElementById("hdnTab3State");
    if (valTab3.value != 'View')
    {
    document.getElementById("hdnTab3State").value="Expand";
    
    if (arMac)
       {
                 if (MacSafari)
	             {
	              $("#BaseTemplateContainer_thirdchannel").animate( { marginTop:"11px" },1000);
	             }
	             else // (MacFireFox)
	             {
	              $("#BaseTemplateContainer_thirdchannel").animate( { marginTop:"7px" },1000);
	             }
	             

       }
       else if (version == 8)
       {
        $("#BaseTemplateContainer_thirdchannel").animate( { marginTop:"7px" },1000);
        }
     else
     {   
        $("#BaseTemplateContainer_thirdchannel").animate( { marginTop:"8px" },1000);
        }
    }
      FadeImage(0.52);
   
  }  
  
  function FadeImage(opacityVal)
 {
  var isFade=document.getElementById("hdnFadeState");
   if (isFade.value=='False')
   {
   $("#BaseTemplateContainer_FadeImage").fadeTo("slow", opacityVal);
   //$("#FadeImage").fadeTo(1000, 0.52, function () { $("#FadeImage").css("background-color", "blue") });
   document.getElementById("hdnFadeState").value='True';
 }
 }
 
 
  function HideTabs(TabOrder)
  {
  var valTab1=document.getElementById("hdnTab1State");
  var valTab2=document.getElementById("hdnTab2State");
  var valTab3=document.getElementById("hdnTab3State");
  switch(TabOrder)
      {
      case '1':
           if (valTab1.value != 'View')
           {
            ShrinkFirstTab();
           }
           
      break;
      case '2':
       
           if (valTab2.value != 'View')
           {
            ShrinkSecondTab();
           }
      break;
      case '3':
     
           if (valTab3.value != 'View')
           {
            ShrinkThirdTab();
           }
          
      break;
      
      }
 }

 function HideFirstTab(element,e)
  {
   


   
    if (e.type != 'mouseout' && e.type != 'mouseleave') return false;
      
      
      if (checkMouseLeave(element, e))
      {
       
        
      var valTab1=document.getElementById("hdnTab1State");
      if (valTab1.value != 'View')
               {
               document.getElementById('Box1_SecondContent').style.display= 'none';
               document.getElementById('Box1_FirstContent').style.display= 'block';
                ShrinkFirstTab();
               }
      }
      
     
  }
  function HideSecondTab(element,e)
  {
  if (e.type != 'mouseout' && e.type != 'mouseleave') return false;
      
      if (checkMouseLeave(element, e))
      {
          var valTab2=document.getElementById("hdnTab2State");
         if (valTab2.value != 'View')
                   {
                    document.getElementById('Box2_SecondContent').style.display= 'none';
                  document.getElementById('Box2_FirstContent').style.display= 'block';
                    ShrinkSecondTab();
                  }
     }
  }
  function HideThirdTab(element,e)
  {
   if (e.type != 'mouseout' && e.type != 'mouseleave') return false;
      
    if (checkMouseLeave(element, e))
      {
       var valTab3=document.getElementById("hdnTab3State");
       if (valTab3.value != 'View')
        {       
               document.getElementById('Box3_SecondContent').style.display= 'none';
               document.getElementById('Box3_FirstContent').style.display= 'block';
                ShrinkThirdTab();
        }
    }
  }
  function CheckOtherTabs(TabOrder)
  {
  var valTab1=document.getElementById("hdnTab1State");
  var valTab2=document.getElementById("hdnTab2State");
  var valTab3=document.getElementById("hdnTab3State");
  switch(TabOrder)
      {
      case '1':
           if (valTab2.value == 'Expand')
           {
            ShrinkSecondTab();
           }
           if (valTab3.value == 'Expand')
           {
            ShrinkThirdTab();
           }
      break;
      case '2':
       
           if (valTab1.value == 'Expand')
           {
            ShrinkFirstTab();
           }
           if (valTab3.value == 'Expand')
           {
            ShrinkThirdTab();
           }
      break;
      case '3':
     
           if (valTab1.value == 'Expand')
           {
            ShrinkFirstTab();
           }
           if (valTab2.value == 'Expand')
           {
            ShrinkSecondTab();
           }
      break;
      
      }
 }