function getPos(elem) {
  var xPos = 0;
  var yPos = 0;
  if(elem) {
    if(document.layers) {
      xPos = elem.x;
      yPos = elem.y;
    } else {
      if(typeof elem != 'object') {
        return {x: xPos, y: yPos};
      }
      xPos = elem.offsetLeft;
      yPos = elem.offsetTop;
      tempEl = elem.offsetParent;
       while (tempEl != null) {
         xPos += tempEl.offsetLeft;
         yPos += tempEl.offsetTop;
         tempEl = tempEl.offsetParent;
       }
    }
  }
  return {x: xPos, y: yPos};
}

function showSupported() {
  var imgElem = getElement('phones');
  var phoneLayer = getElement('supportedPhones');
  var phoneList = getElement('supportedPhonesList');
  var pos = getPos(imgElem);
  var yPos = 231;
  var defaultHeight = 290;
  if((yPos + defaultHeight) - pos.y < 0) {
    phoneLayer.style.height = pos.y - yPos + 21; 
    phoneList.style.height = pos.y - yPos + 21 - 38;
  }
  var xPos = pos.x + imgElem.offsetWidth + 5;
  if(phoneLayer && phoneLayer.style) {
    phoneLayer.style.top = yPos + 'px';
    phoneLayer.style.left = xPos + 'px';
    phoneLayer.style.display = 'block';
    if(phoneLayer.focus) {
      phoneLayer.focus();
    }
    phoneLayer.onclick = function() {
      this.style.display = 'none';
      window.onresize = function() {}; 
    }
    window.onresize = function() {
      showSupported(); 
    }
  }
}

function showPhones() {
  var imgElem = getElement('cat');
  var phoneLayer = getElement('allPhones');
  var flashLayer = getElement('spotMovie');
  if(flashLayer) {
    flashLayer.style.display = 'none'
  }
  var pos = getPos(imgElem);
  var yPos = pos.y;
  var xPos = pos.x;
  if(phoneLayer && phoneLayer.style) {
    var links = document.getElementsByTagName('a'); 
    phoneLayer.style.top = yPos + 'px';
    phoneLayer.style.left = xPos + 'px';
    phoneLayer.style.display = 'block';
    if(phoneLayer.focus) {
      phoneLayer.focus();
    }
    phoneLayer.onclick = function() {
      window.onresize = function() {}; 
    }
    window.onresize = function() {
      showPhones(); 
    }
  }
}

function hidePhones() {
  window.location.href = window.location.href; 
}

function getFlash(movie) {
  if(window.document[movie]) {
    return window.document[movie];
  } else {
    return getElement(movie);
  }
}

/*
var selectedVendor = '';

function changeVendorAptual(vendor) {
    getElement('vendor' + selectedVendor).className = 'vendorPhones phone_hidden';
    getElement('vendorTitle' + selectedVendor).className = 'vendorTitle';
  }
  getElement('vendor' + vendor).className = 'vendorPhones phone_visible';
  getElement('vendorTitle' + vendor).className = 'vendorTitleSelected'
  selectedVendor = vendor;
}

function highlitePhone(phoneID) {
  getElement('phone'+phoneID).className = 'phoneContainer phone_selected';    
}
function hide_phone_selector(){
  getElement('phoneselectorbox').className = 'phone_hidden';
}
*/