var W3CDOM = (document.createElement && document.getElementsByTagName);

var xmlHttp;
var old_id;
var search_string;
window.onload = init;

function init() {
  if (!W3CDOM) return;

 
 

  /* Ajusting font-size */
  var font_size = document.getElementById("size_10");
  if(font_size) {
	  font_size.onclick = ajax;
	  font_size.module = "adjust_font";
	  //font_size.query = 10;
	  font_size.query = 11;
	  font_size = document.getElementById("size_12");
	  font_size.onclick = ajax;
	  font_size.module = "adjust_font";
	  font_size.query = 12;
	  font_size = document.getElementById("size_14");
	  font_size.onclick = ajax;
	  font_size.module = "adjust_font";
	  font_size.query = 14;
	}

  
  
}

function ajax() {
  xmlHttp = getXmlHttpObject();
  var menu = false;
  if (this.module == "menu") {
    document.getElementById('button_'+old_id).className ='passive';
    document.getElementById('button_'+this.query).className = 'active';
    document.getElementById('service_link').href ='index.asp?id='+this.query;

    old_id = this.query;
    menu = true;
  }

  if (this.module == "adjust_font") {
    var element = document.getElementById("ytre-midtre-kolonne");
    element.style.fontSize = this.query+"px";
    
    var elements = document.getElementsByTagName("p");
    for (var i=0; i<elements.length; i++) {
      if (elements[i].parentNode.className == "ingress") {
        elements[i].style.fontSize = this.query+"px";
      }
    }

		/*
    var elements = document.getElementsByTagName("h2");
    for (var i=0; i<elements.length; i++) {
      if (elements[i].className == "" && elements[i].parentNode.className != "tilbud") {
        elements[i].style.fontSize = this.query+"px";
      }
    }*/

    var elements = document.getElementsByTagName("h3");
    for (var i=0; i<elements.length; i++) {
      if (elements[i].className == "project_date" || elements[i].className == "date") {
        elements[i].style.fontSize = this.query+"px";
      }
    }
   

    element = document.getElementById("font-size");
    element.className = "size_"+this.query;

    /* Making sure service content does not exceed its boundaries */
    element = document.getElementById("service");
    if (element) {
      if (element.innerHTML.length > 330 && this.query == 11) {
        element.innerHTML = element.innerHTML.substr(0, 330)+"...";
      } else if (element.innerHTML.length > 250 && this.query == 14) {
        element.innerHTML = element.innerHTML.substr(0, 250)+"...";
      } else if (element.innerHTML.length > 210 && this.query == 16) {
        element.innerHTML = element.innerHTML.substr(0, 210)+"...";
      }
    }
  }

  var class_name = document.getElementById("font-size").className;
  var size= class_name.split("_");

  var url = "ajax.asp?module="+this.module+"&id="+this.query+"&font-size="+size[1];


  xmlHttp.onreadystatechange = 
    function() {
      if (xmlHttp.readyState == 4) {
        if (menu) {
          var result = eval('(' + xmlHttp.responseText + ')');
          document.getElementById("service").innerHTML = result.description;
        }
      }
    }
  xmlHttp.open("GET", url, true);
  xmlHttp.send(null);

  /* Since we are using AJAX there is no need to reload the page        */
  /* see http://www.quirksmode.org/js/events_early.html for explanation */
  return false;
}

function getXmlHttpObject() {
  var xhmlHttp;

  try {
    xmlHttp = new XMLHttpRequest();
  } catch (e) {
    try {
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e) {
        alert("Your browser does not support AJAX!");
        return false;
      }
    }
  }
  return xmlHttp;
}

function change_class() {
  var menu = document.getElementById("navigation");
  if (menu) {
    var list = menu.getElementsByTagName("li");
    for (var i=0; i<list.length; i++) {
      var submenu = list[i].getElementsByTagName("ul");
      if (submenu) {
        for (j=0; j<submenu.length; j++) {
          submenu[j].className = "";
        }
      }
    }
  }
}