var protectedImages = new Array();

//document.domain = "safetyangel.com";

function hoverImage(img) {
  if (img.src.indexOf("hover") == -1)
    img.src = img.src.substring(0, img.src.lastIndexOf(".")) + "_hover" + img.src.substring(img.src.lastIndexOf("."));
  else
    img.src = img.src.replace("_hover", "");
}

function formWizard(obj, field, message) {
  var WIZ = document.getElementById('formWizard');

  if (field != null) {
    WIZ.style.top = obj.parentElement.offsetTop + 25;
    WIZ.innerHTML = '<center><table cellpadding=0 cellspacing=0 class="insightBox"><tr><td><table cellpadding=0 cellspacing=0><tr><td class="lightTealBkg"><h4><img src="images/icon_computer.jpg" alt="">&nbsp; Safety Angel Form Wizard</h4></td><td class="tealBkg" width=8></td></tr></table></td></tr><tr><td class="padded"><h3>'+field+'</h3>'+message+'</td></tr></table></center>';
  }
  else
    WIZ.innerHTML = '';
}

function evasive() {
  for(i = 0; i < protectedImages.length; i++) {
    protectedImages[i].style.visibility = (protectedImages[i].style.visibility == "hidden") ? "visible" : "hidden";
  }
}

var products = new Array();
products[72] = "Ride Ryte ™ Full-Back Booster";
products[48] = "Ride Ryte ™ No-Back Booster";

function updateBoosterSelection(o) {
  document.getElementById('addToCart').disabled = (o.value != '') ? false : true;

  if (!o.value) {
    return;
  }

  document.getElementById('amt').value = (48 + o.value * 1);
  document.getElementById('item_name').value = 'Kid Y Harness and ' + products[o.value];

  if (document.getElementById('price'))
    document.getElementById('price').innerHTML = '<font class=\'smaller\'>Booster: ' + products[o.value] + '</font><br>$' + (48 + ++o.value - 1) + '.00';
}

function showPhoto(type, id) {
  var src = 'products/photos/';

  switch (type) {
    case 'g':
      src += 'l/g_' + id + '.jpg';
      break;
    case 'p':
      src += 'l/p_' + id + '.jpg';
      break;
  }

  document.getElementById('fullPhoto').src = src;
}

function writeThis(txt) {
  document.write(txt);
}

function processForm() {
  var inputs = document.getElementsByTagName('input');
  var textareas = document.getElementsByTagName('textarea');

  for (i = 0; i < inputs.length; i++) {
    if (inputs[i].type != 'submit' && inputs[i].type != 'hidden')
      inputs[i].value = '+' + inputs[i].value;
  }

  for (i = 0; i < textareas.length; i++)
    textareas[i].value = '+' + textareas[i].value;
}


var currentphoto = 0;

function photoshow() {
  if (document.getElementById('fullPhoto')) {
    if (++currentphoto >= productPhotos.length)
      currentphoto = 0;

    document.getElementById('fullPhoto').src = 'products/photos/l/' + productPhotos[currentphoto] + '.jpg';
  }
}

function pausephotoshow() {
  clearInterval(photoshowtimer);
}


var text;
var textContent;
var photos;
var fid;
var textWidth = 0;
var opacity = .01;
var targetWidth;
var expandTimer;
var revealTimer;


//setTimeout('newFeaturedProduct(1)', 4750);

//setInterval('newFeaturedProduct()', 5750);
  

function newFeaturedProduct(x) {
  if (!x && document.getElementById('featureFrame')) {
    refreshFeature();
  }
  else {
    opacity = 99;
    revealTimer = setInterval('hideFeature()', 1);  
  }
}

function refreshFeature() {
  retrieve('featuredProduct.pl?ajax=1');
  setTimeout('newFeaturedProduct(1)', 4750);
}

function restartFeatureAnimation() {
  if (xReq.readyState < 4) return;

  document.getElementById('featureDiv').innerHTML = xReq.responseText;

  feature = document.getElementById('featuredProduct');  
  text = document.getElementById('featureText');
  textContent = document.getElementById('featureTextContent');
  photos = document.getElementById('featurePhotoTable');
  
  targetWidth = text.offsetWidth - 10;
  text.style.width = '1px';
  textContent.style.display = 'none';
  setOpacity(photos, 0);
	feature.style.visibility = 'visible';
  expandTimer = setInterval('expandFeaturedText()', 1);
  opacity = .01;
  textWidth = 0;
}
  
function expandFeaturedText() {
  if (textWidth < targetWidth) {
    textWidth += Math.ceil((targetWidth - textWidth) / 15);
    text.style.width = textWidth + 'px'
    setOpacity(text, textWidth / targetWidth);
    text.style.visibility = 'visible';
  }
  else {
    textContent.style.display = 'block';
    setOpacity(textContent, .01);
    setOpacity(photos, .01);    
    clearInterval(expandTimer);
    revealTimer = setInterval('showFeature()', 1);
    text.style.width = 'auto';
  }
}

function showFeature() {
  if (opacity < 100) {
    opacity += Math.ceil((100 - opacity) / 15);
    setOpacity(textContent, opacity / 100);
    setOpacity(photos, opacity / 100);
  }  
  else {
    clearInterval(revealTimer);
  }
}

function hideFeature() {
  if (opacity > 0) {
    opacity -= Math.ceil(opacity / 10);
    setOpacity(text, opacity / 100);
    setOpacity(photos, opacity / 100);
  }  
  else {
    clearInterval(revealTimer);
    refreshFeature();
  }
}

function setOpacity(o, level) {
  if (!o || !o.style) return;

  o.style.opacity = level;
  
  o.style.filter = 'alpha(opacity=' + Math.round(100*level) + ')';
}

var xReq;
if (window.XMLHttpRequest) {
  xReq = new XMLHttpRequest();
} else if (window.ActiveXObject) {
  xReq = new ActiveXObject('Microsoft.XMLHTTP')
}

function retrieve (url) {
 xReq.open("GET", url + Math.random(), true);
 xReq.onreadystatechange = restartFeatureAnimation;
 xReq.send(null);
}