//
// IE Fixes
//

var bo_noscript_id = 0;

function isIE() {
  var strBrowser = navigator.userAgent.toLowerCase();
  return (strBrowser.indexOf("msie") > -1 && strBrowser.indexOf("mac") < 0);
}

function startIeFix() {
  if (isIE()) {
   document.write('<div style="display: none;" id="bo_noscript_id_' + bo_noscript_id + '">');
  }
}

function endIeFix() {
  if (isIE()) {
   document.write('</div>');
   var theObject = document.getElementById("bo_noscript_id_" + bo_noscript_id++);
   theObject.outerHTML = theObject.innerHTML;
  }
}

//
// Sites pages functions. This first bit runs when the pages loads.
//

var panels = new Array('panel1', 'panel2', 'panel3');
var posx = 0;
var posy = 0;
document.onmousemove = getMousePos;
var mypanel;
var myurl = document.location.href;
var LastPreviewPanel = '';

if(myurl.indexOf("p=")>1)
{
  myurl = myurl.substring(myurl.indexOf("p="),myurl.length);
  myurl = myurl.split("=")
  mypanel = myurl[1];
}
else
{
  mypanel = "panel1"
}

var selectedTab = "";
var selectedLink = "";

if(mypanel != "panel1")
{
  selectedTab = "panel1btn"
  selectedLink = "panel1link";
}

var p1btn = mypanel + "btn";
var p1panel = mypanel;
var p1link = mypanel + "link";

function showPanel(tab, name, tablink)
{
  if(LastPreviewPanel != '')
  {
    var LastPreview = document.getElementById(LastPreviewPanel);
    if(LastPreview.style.visibility == "visible")
    {
      LastPreview.style.visibility = "hidden"
    }
  }
  if(selectedTab!=tab)
  {
    var panelbtn = document.getElementById(tab);
    panelbtn.style.background="url('images/tab-dark.gif')";
    var panellink = document.getElementById(tablink);
    panellink.style.color="white";
    if(selectedTab!="")
    {
      var lasttab = document.getElementById(selectedTab);
      lasttab.style.background="url('images/tab-light.gif')";
      var lastlink = document.getElementById(selectedLink);
      lastlink.style.color="#333333";
    }
    selectedTab = tab;
    selectedLink = tablink;
    for(i = 0; i < panels.length; i++)
    {
      document.getElementById(panels[i]).style.display = (name == panels[i]) ? 'block':'none';
    }
    
    var thistab = eval(name+"_images")
    for(i = 0; i < thistab.length; i++)
    {
      document.getElementById(thistab[i].replace(".gif", "_" + name)).src = "products/sites/purchase/images/" + thistab[i];
    }        
  }
  return false;
}
  
function getMousePos(e)
{
// get mouse cursor XY
  if (!e) var e = window.event;
  if (e.pageX || e.pageY)
  {
    posx = e.pageX;
    posy = e.pageY;		
  }
  else if (e.clientX || e.clientY)
  {
          posx = e.clientX;
  posy = e.clientY;
  }
}
  
function unhidePreviewImage(thisId) 
{
  var thisImage = document.getElementById(thisId);
  thisImage.style.display = "block";
  // thisImage.style.visibility = "visible";
}
  
var PreviewImageLibrary = new Array();

function ShowPreview(PreviewName, PreviewNumber)
{
  var PreviewImgName = PreviewName + "_Img"
  var PreviewImgSrc = "images/" +PreviewName + ".gif"
  var PreviewPanel = document.getElementById(PreviewName);
  var PreviewImg = document.getElementById(PreviewImgName);
  
  
  if(PreviewPanel.innerHTML=='' && PreviewNumber != 0)
  
  {
    PreviewPanel.innerHTML = "<div style='height:300px;width:300px;'><img style=\"display:none;\" onload=\"unhidePreviewImage('pvi_" +  PreviewNumber + "' )\" id    =\"pvi_" + PreviewNumber + "\" src=\"products/sites/images/site" + PreviewNumber + ".jpg\"></div> <div style='width:300px;'><p>You can customize this template with ease!<br />Change all IMAGES, TEXT and COLORS to make your site unique!</p></div>";
  }
  if(LastPreviewPanel != '' && LastPreviewPanel != PreviewName)
  {
    var LastPreview = document.getElementById(LastPreviewPanel);
    if(LastPreview.style.visibility == "visible")
    {
      LastPreview.style.visibility = "hidden"
    }
  }
  if(PreviewPanel.style.visibility=="visible")
  {
    PreviewPanel.style.visibility = "hidden";
  }
  else
  {
  if(null!=PreviewImg)
  {
    PreviewImg.src = PreviewImgSrc;
  }
  PreviewPanel.style.visibility = "visible";
  PreviewPanel.style.left = posx+20;
  PreviewPanel.style.top = posy;
  }
  LastPreviewPanel = PreviewName;
}
  
function MovePreview(PreviewName)
{
  var PreviewPanel = document.getElementById(PreviewName);
  PreviewPanel.style.left = posx+20;
  PreviewPanel.style.top = posy;
}

//
// For displaying callouts summarizing the qualities of a site, dynamic site, or gallery
// onmouseover="showcallout('navtitle-callout-site')" onmouseout="hidecallout('navtitle-callout-site')"
//
function showcallout(id)
{
  var element = document.getElementById(id);
  element.style.display = "block";
}

function hidecallout(id)
{
  var element = document.getElementById(id);
  element.style.display = "none";
}