/*--------------------------------------------------
send 2 friend pop-up
--------------------------------------------------*/

function sendPageToFriend(URL){
    var browser = navigator.appName;
    var width = 400;
   	var height = 450;
    swidth = ((screen.width/2)-(width/2));
    sheight = ((screen.height/2)-(height/2));
	newWin = window.open('/send_to_friend.php?url='+escape(URL),'refer_friend','width='+ width +',height='+ height +',screenY='+ sheight +',screenX='+ swidth +',top=' + sheight + ',left=' + swidth + ',resizeable=no,scrollbars=no');
    newWin.focus();
	}

/*--------------------------------------------------
 large pop-up for careers page
--------------------------------------------------*/

function popup(URL) {
    var browser = navigator.appName;
    var width = 670;
   	var height = 450;
    swidth = ((screen.width/2)-(width/2));
    sheight = ((screen.height/2)-(height/2));
	newWin = window.open(URL,'popup_large','width='+ width +',height='+ height +',screenY='+ sheight +',screenX='+ swidth +',top=' + sheight + ',left=' + swidth + ',resizeable=no,scrollbars=yes');
    newWin.focus();
	}

/*--------------------------------------------------
 large pop-up for size charts page
--------------------------------------------------*/

function popupSizecharts(URL) {
    var browser = navigator.appName;
    var width = 740;
   	var height = 630;
    swidth = ((screen.width/2)-(width/2));
    sheight = ((screen.height/2)-(height/2));
	newWin = window.open(URL,'size_charts','width='+ width +',height='+ height +',screenY='+ sheight +',screenX='+ swidth +',top=' + sheight + ',left=' + swidth + ',resizeable=no,scrollbars=yes');
    newWin.focus();
	}

/*--------------------------------------------------
 pop-up for feedback page
--------------------------------------------------*/

function popupFeedback(URL) {
    var browser = navigator.appName;
    var width = 500;
   	var height = 500;
    swidth = ((screen.width/2)-(width/2));
    sheight = ((screen.height/2)-(height/2));
	newWin = window.open('http://vovici.com/wsb.dll/s/15dbdg30c47?url='+escape(URL),'feedback','width='+ width +',height='+ height +',screenY='+ sheight +',screenX='+ swidth +',top=' + sheight + ',center=' + swidth + ',resizeable=yes,scrollbars=no');
    newWin.focus();
	}

/*--------------------------------------------------
card verification number
--------------------------------------------------*/

function openWindowCcvHelp() {
    var browser = navigator.appName;
    var width = 410;
   	var height = 700;
    swidth = ((screen.width/2)-(width/2));
    sheight = ((screen.height/2)-(height/2));
	newWin = window.open('/help_card_auth.php','help_card_auth','width='+ width +',height='+ height +',screenY='+ sheight +',screenX='+ swidth +',top=' + sheight + ',left=' + swidth + ',resizeable=no,scrollbars=no');
    newWin.focus();
	}

/*--------------------------------------------------
sidebar rollover
--------------------------------------------------*/
function promoOptions(cat, state) {
  var promoNav = ''; // links to replace current promo text
  var startBlock = '';
  var endBlock = '';

  startBlock += '<div class="rollSub">';
    startBlock += '<div class="tab">';
      startBlock += '<div class="tabLeft"></div>';
      startBlock += '<div class="tabCentre"';

      endBlock += '</div>';
      endBlock += '<div class="tabRight"></div>';
    endBlock += '</div>';
  endBlock += '</div>';


  if (state == 'on') {

    switch (cat) {
      case "newborn" :
        promoNav += startBlock;
        promoNav += '>';
        promoNav += '<a href="category.php?category_id=32"><img class="titleSub" src="images/boy.gif" width="30" height="10"></a>';
        promoNav += '<a href="category.php?category_id=31"><img class="titleSub" src="images/girl.gif" width="35" height="10"></a>';
        promoNav += endBlock;

        document.getElementById("rollNewborn").innerHTML = promoNav;
        promoOptions('baby', 'off');
        promoOptions('kids', 'off');
        promoOptions('school', 'off');
        break;

      case "baby" :
        promoNav += startBlock;
        promoNav += '>';
        promoNav += '<a href="category.php?category_id=34"><img class="titleSub" src="images/boy.gif" width="30" height="10"></a>';
        promoNav += '<a href="category.php?category_id=33"><img class="titleSub" src="images/girl.gif" width="35" height="10"></a>';
        promoNav += endBlock;

        document.getElementById("rollBaby").innerHTML = promoNav;
        promoOptions('newborn', 'off');
        promoOptions('kids', 'off');
        promoOptions('school', 'off');
        break;

      case "kids" :
        promoNav += startBlock;
        promoNav += '>';
        promoNav += '<a href="category.php?category_id=36"><img class="titleSub" src="images/boy.gif" width="30" height="10"></a>';
        promoNav += '<a href="category.php?category_id=35"><img class="titleSub" src="images/girl.gif" width="35" height="10"></a>';
        promoNav += endBlock;

        document.getElementById("rollKids").innerHTML = promoNav;
        promoOptions('newborn', 'off');
        promoOptions('baby', 'off');
        promoOptions('school', 'off');
        break;

    }

  }
  else if (state == 'off') {

    switch (cat) {
      case "newborn" :
        promoNav += startBlock;
        promoNav += ' onmouseover="javascript:promoOptions(\'newborn\', \'on\');">';
        promoNav += '<img class="titleSub" src="images/newborn.gif" alt="Newborn" width="104" height="10" />';
        promoNav += endBlock;
        document.getElementById("rollNewborn").innerHTML = promoNav;
        break;

      case "baby" :
        promoNav += startBlock;
        promoNav += ' onmouseover="javascript:promoOptions(\'baby\', \'on\');">';
        promoNav += '<img class="titleSub" src="images/baby.gif" alt="Baby" width="73" height="10" />';
        promoNav += endBlock;
        document.getElementById("rollBaby").innerHTML = promoNav;
        break;

      case "kids" :
        promoNav += startBlock;
        promoNav += ' onmouseover="javascript:promoOptions(\'kids\', \'on\');">';
        promoNav += '<img class="titleSub" src="images/kids.gif" alt="Kids" width="70" height="10" />';
        promoNav += endBlock;
        document.getElementById("rollKids").innerHTML = promoNav;
        break;

    }
  }
}

/*--------------------------------------------------
IE Hover
--------------------------------------------------*/
startList = function() {
	if (document.all && document.getElementById && document.getElementById("nav")) {

        var navRoot = document.getElementById("nav");

        for (i=0; i< navRoot.childNodes.length; i++) {

            var node = navRoot.childNodes[i];


            if (node.nodeName == "LI") {
                node.onmouseover = function() { this.className+=" over"; }
                node.onmouseout  = function() { this.className=this.className.replace(" over", ""); }
            }
        }
    }
}


window.onload = startList;