// Hide instruction text for password field
function txt2pwd(obj, pwd){
  obj.style.visibility = "hidden";
  document.getElementById(pwd).focus();
}

// Display instruction text for password field
function pwd2txt(obj, txt){
  if(obj.value.length==0){
    document.getElementById(txt).style.visibility = "visible";
  }
}

// Display instruction text [str] if field is blank
// Clear instruction text if field is clicked
function resetField(obj,str){
  if(obj.value.length==0){
    obj.value=str;
    return;
  }
  if(obj.value==str){
    obj.value="";
  }
}

// Tab switcher - initialisation 
// tabContainerId = ID of tab container
function initTabs(tabContainerId){
  var tabContainer = document.getElementById(tabContainerId); 
  if (!tabContainer) return;

  var divSet = tabContainer.getElementsByTagName('div');
  var firstTabFlag=0;
  for (var i=0; i<divSet.length; i++) {
    if (divSet[i].className=='tabcontent') {
      if (!firstTabFlag) {
        divSet[i].className='';
        firstTabFlag=1;
      } else {
        divSet[i].className='hidden';
      }
    }
  }
}

// Tab switcher
// container = ID of tab container, must be used if more than one tab module is used on page (optional usage if only one tab module is displayed on a page )
// tab = ID of tab (mandatory)
function showTab(tab, container){
  if(typeof(container)=='undefined') {
    container='';
  }
  var i=1;
  do{
    document.getElementById(container+"tab"+i).className = "tab";
    document.getElementById(container+"tab"+i+"content").style.display="none";
    i++;
  }
  while(document.getElementById(container+"tab"+i));
  document.getElementById(container+tab+"content").style.display="block";
  document.getElementById(container+tab).className = "activeTab";
}


// replace the HTML Call-to-action box by a flash movie using the Vodafone corporate font
function replaceCTABox(){
  var cta = document.getElementById('ctaLayer');
  var ctaMod = cta.parentNode;
  if (ctaMod!=null && cta!=null) {
    var h1,s,a,l,u,t; h1=s=a=l=u=t='';
    if (cta.getElementsByTagName("h1")[0]!=null) h1= encodeURI(cta.getElementsByTagName("h1")[0].innerHTML);
    if (cta.getElementsByTagName("p")[0]!=null) s = encodeURI(cta.getElementsByTagName("p")[0].innerHTML);
    var w = cta.offsetWidth;
    var h = cta.offsetHeight;
    
    var so = new SWFObject("../swf/calltoactionbox.swf", "calltoactionbox", w, h, "8", "#FF0000");
    so.addVariable("head", h1);
    so.addVariable("sub", s);
    so.addVariable("boxw", w);
    so.addVariable("boxh", h);
    
    var a = cta.getElementsByTagName("a")[0];
    if (a!=null) {
    var l = encodeURI(a.innerHTML);
    var u = encodeURI(a["href"]);
    var t = a["target"];
      
      so.addVariable("link", l);
      so.addVariable("url", u);
      so.addVariable("target", t);
    }   
  }
  so.write("ctaLayer");
} // replaceCTABox


// replace the Submit-Button with a styled JS-Button
function replaceButton(formId, buttonId) {
  var form = document.getElementById(formId);
  var button = document.getElementById(buttonId);
  if (!form && !button) return;
  
  var text = button["value"];
  var color = button.className; // f.e. inputBtnRed
  color = color.slice(8); // f.e. Red
  switch (color) {
    case "Red":
    case "Purple":
    case "Grey":
    case "GreyOnRed":
    case "Purple":
      break;
    default:
      color = "Red";
  }
  button.className = "hide";
  var buttonObjStr = "<a href='#' onclick='"+ formId+"' class='textBtn"+color+" formBtn'><span>"+text+"</span></a>";
  document.write(buttonObjStr);   
} // replaceButton

// fold and unfold option sections on shopping cart page
function scFold(optId) {
  var optHeader = document.getElementById(optId);
  if (optHeader!=null) {
    var pattern = new RegExp("(^|\\s)"+optId+"(\\s|$)");
    var trList = document.getElementsByTagName('tr');
    if (optHeader.className=="scOptShow") {
      // hide options
      for (i=0; i<trList.length; i++) {
        if (pattern.test(trList[i].className)) {
          trList[i].className=optId+" hidden";
        }
      }
      optHeader.className="scOptHide";      
    } else {
      // show options
      for (i=0; i<trList.length; i++) {
        if (pattern.test(trList[i].className)) {
          trList[i].className=optId;
        }
      }     
      optHeader.className="scOptShow";      
    }
  }
} // scFold