
//Added to change key strategies text
function changeText(text){
	document.getElementById('services_text').innerHTML = text;
}


//Added to change key strategies text
function changeText(text){
	document.getElementById('services_text').innerHTML = text;
}


function changeServices(text)
{
/*
var strText = "<div class='main1_text' style='margin: 0px 0px 0px 0px;'>" +
			  "<span class='h_text' id='outsourcing'>IT Outsourcing</span><br>" +
			  "<img alt='' src='images/spacer.gif' width='1' height='15'><br />" + 
               "<STRONG>Part-time staff with full-time accountability.</STRONG>" +
               "Hiring a full-time IT staff can be costly and unnecessary for small businesses. 24HourTek matches a trained technician with your specific technology needs. Enjoy all the benefits of a full-time employee at a fraction of the cost."+
               "<br /><a href='#' onclick='javascript:contactMessage('IT outsourcing.')'>" + 
               "<img alt='' src='images/request-button.gif' style='margin: 10px 0px 0px 120px;'></a><br></div>";
 */              
 strText =  "<STRONG>Part-time staff with full-time accountability.</STRONG> Hiring a full-time IT staff can be costly and unnecessary for small businesses. 24HourTek matches a trained technician with your specific technology needs. Enjoy all the benefits of a full-time employee at a fraction of the cost.";
 document.getElementById('services_text').innerHTML = strText;
}



/* Read Query String */
var qsParm = new Array();
function qs() {
    var query = window.location.search.substring(1);
    var parms = query.split('&');
    for (var i=0; i<parms.length; i++) {
        var pos = parms[i].indexOf('=');
        if (pos > 0) {
            var key = parms[i].substring(0,pos);
            var val = parms[i].substring(pos+1);
            qsParm[key] = val;
          }
    }
}




/* Hide/Show Sections 


 <div id="div1" style="display: visible">Div 1</div>
 <div id="div2" style="visibility: visible">Div 2</div>

 <button onclick="changeDisplay('div1','block')">
 Make Div1 Visible</button>
 <button onclick="changeDisplay('div1','none')">
 Make Div1 Hidden</button>

 <button onclick="changeVisibility('div2','hidden')">
 Make Div2 Hidden</button>
 <button onclick="changeVisibility('div2','visible')">
 Make Div2 Visible</button>

*/


function displayService(elem){

highlightLink(elem);

var source = document.getElementById(elem).innerHTML;
document.getElementById('services_text').style.display = 'none';
document.getElementById('services_image').innerHTML = source;

opacityLevelFadeIn = 0;
FadeInImage();

}

function highlightLink(elem){


//Unhighlight links
document.getElementById('scheduledlink').style.color = "0077BC";
document.getElementById('pricinglink').style.color = "0077BC";
document.getElementById('checkuplink').style.color = "0077BC";
document.getElementById('ondemandlink').style.color = "0077BC";
document.getElementById('outsourcinglink').style.color = "0077BC";
document.getElementById('techplanninglink').style.color = "0077BC";
document.getElementById('installationlink').style.color = "0077BC";
document.getElementById('emaillink').style.color = "0077BC";
document.getElementById('backuplink').style.color = "0077BC";
document.getElementById('securitylink').style.color = "0077BC";
document.getElementById('documentationlink').style.color = "0077BC";
document.getElementById('spamlink').style.color = "0077BC";
document.getElementById('online-backuplink').style.color = "0077BC";
document.getElementById('monitoringlink').style.color = "0077BC";
document.getElementById('exchangelink').style.color = "0077BC";

//Highlight link
document.getElementById(elem+'link').style.color="white";

}

function displayServiceText(elem){

highlightLink(elem);


//opacityLevelFadeOut = 100;
//FadeOut();


var source = document.getElementById(elem).innerHTML;

document.getElementById('services_text').style.display = 'block';
document.getElementById('services_image').innerHTML = "<img alt='' src='images/services-quote.jpg'  style='margin: 0px 0px 0px 0px;'><br/><br />";
document.getElementById('services_text').innerHTML = source;

opacityLevelFadeIn = 0;
FadeInText();


}

function FadeOut()
{
    if (opacityLevelFadeOut >= 0)
    {
    SetOpacityCss(opacityLevelFadeOut)
    opacityLevelFadeOut -= 20;
    setTimeout('FadeOut()',50);
    }
    else
    {

    //document.getElementById('services_text').style.display = 'none';
   
    }
}


/*
  var duration = 1000; 
      var steps = 20;      
      var delay = 5000;     


      function FadeIn(){
        
        for (i = 0; i <= 1; i += (1 / steps)) {
            setTimeout("setOpacity(" + i + ")", i * duration);
        }
       
      }
      
    
      function setOpacity(level) {
        document.getElementById('services_text').style.opacity = level;
        document.getElementById('services_text').style.MozOpacity = level;
        document.getElementById('services_text').style.KhtmlOpacity = level;
        document.getElementById('services_text').style.filter = "alpha(opacity=" + (level * 100) + ");";
      }
      
      */
     
function FadeInText()
{
    if (opacityLevelFadeIn <= 100)
    {
    SetOpacityCss(opacityLevelFadeIn, 'text')
    opacityLevelFadeIn += 10;
    setTimeout('FadeInText()',50);
    }
    else
    {
     // fixes IE bug with opacity when ClearType enabled
     document.getElementById('services_text').style.filter = '';
     document.getElementById('services_image').style.filter = '';


    
    }
}
function FadeInImage()
{
    if (opacityLevelFadeIn <= 100)
    {
    SetOpacityCss(opacityLevelFadeIn, 'image')
    opacityLevelFadeIn += 10;
    setTimeout('FadeInImage()',50);
    }
    else
    {
     // fixes IE bug with opacity when ClearType enabled
        document.getElementById('services_text').style.filter = '';
        document.getElementById('services_image').style.filter = '';


    
    }
}



function SetOpacityCss(opacityLevel, type)
{
    var opacityAsDecimal = (opacityLevel > 0) ? (opacityLevel/100) : opacityLevel;

    if(type=='text')
    {
    document.getElementById('services_text').style.opacity = opacityAsDecimal;
    document.getElementById('services_text').style.zoom =  1; //IE Fix
    document.getElementById('services_text').style.MozOpacity = opacityAsDecimal; //legacy firefoxz
    document.getElementById('services_text').style.KhtmlOpacity = opacityAsDecimal; //legacy
    document.getElementById('services_text').style.filter = 'alpha(opacity=' + opacityLevel + ')';
    }
    else
    if(type=='image')
    {
    document.getElementById('services_image').style.opacity = opacityAsDecimal;
    document.getElementById('services_image').style.zoom =  1; //IE Fix
    document.getElementById('services_image').style.MozOpacity = opacityAsDecimal; //legacy firefoxz
    document.getElementById('services_image').style.KhtmlOpacity = opacityAsDecimal; //legacy
    document.getElementById('services_image').style.filter = 'alpha(opacity=' + opacityLevel + ')';
    }
}


function changeDisplay(elem,displayMode){
document.getElementById(elem).style.display = displayMode;
}

 function changeVisibility(elem,visibilityMode){
 document.getElementById(elem).style.visibility = visibilityMode;
 }