function changecss(cssClass,element,value) {
  var cssRules;
  if (document.all) {
    cssRules = 'rules';
  } else if (document.getElementById) {
    cssRules = 'cssRules';
  }
  for (var S = 0; S < document.styleSheets.length; S++) {
    for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
      if (document.styleSheets[S][cssRules][R].selectorText == cssClass) {
        document.styleSheets[S][cssRules][R].style[element] = value;
      }
    }
  }
}

function setVisible(element, cssClass, isVisible) {
    var isIE = ( typeof( element.dataSrc ) != "undefined" );
    var ua = navigator.userAgent.toLowerCase();
    var isSafari = (ua.indexOf('safari') != - 1);
    if ( isIE || isSafari) {
        if ( isVisible ) {
            changecss(cssClass, "visibility", "visible");
        } else {
            changecss(cssClass, "visibility", "hidden");
        }
    } else {
        if ( isVisible ) {
            changecss(cssClass, "display", "block");
        } else {
            changecss(cssClass, "display", "none");
        }
    }
}

function update_ig_oog(element) {
  if (element.value == "") {
    setVisible(element,".ig",true);
    setVisible(element,".oog",true);
  } else if (element.value == "ig") {
    setVisible(element,".ig",true);
    setVisible(element,".oog",false);
  } else {
    setVisible(element,".ig",false);
    setVisible(element,".oog",true);
  }
}

function update_logged_in(element) {
  if (element.value == "") {
    setVisible(element,".logged_in",true);
    setVisible(element,".anon",true);
  } else if (element.value == "logged_in") {
    setVisible(element,".logged_in",true);
    setVisible(element,".anon",false);
  } else {
    setVisible(element,".logged_in",false);
    setVisible(element,".anon",true);
  }
}