function hideDiv(id) {
	document.getElementById(id).style.display='none';
}

function showDiv(id) {
	document.getElementById(id).style.display='block';
}

function menuOver(obj) {
	obj.style.backgroundPosition = '-2px -38px';
	var menu_items = obj.parentNode.childNodes;
	for (var i=0; i<menu_items.length; i++) {
		if (menu_items[i] == obj && prevNode.id != 'menu_home') {
			prevNode.style.backgroundPosition = '0px 0px';
		}
		if (menu_items[i].nodeName == 'LI') {
			var prevNode = menu_items[i];
		}
	}
}

function menuOut(obj) {
	obj.style.backgroundPosition ='-2px 0px';
	var menu_items = obj.parentNode.childNodes;
	for (var i=0; i<menu_items.length; i++) {
		if (menu_items[i] == obj && prevNode.id != 'menu_home') {
			prevNode.style.backgroundPosition = '-2px 0px';
		}
		if (menu_items[i].nodeName == 'LI')
			var prevNode = menu_items[i];
	}
}

function changeBoxTitle(i) {
  if (document.getElementById('work'+i).className == 'example')
    cls = 'name';
  if (document.getElementById('work'+i).className == 'example sel')
    cls = 'name_sel';
  id = 'title'+i;
  obj = document.getElementById(id);
  if (obj.className == cls+' typeface-js') return false;
  changeTypefaceClass(obj, cls+' typeface-js');
}

function changeColor(element, color) {
  var inside = element.childNodes;
  for (var j=0; j< inside.length; j++) {
	  if (inside[j].nodeName == 'SPAN') {
	    changeTypefaceClass(inside[j], 'hl_title_'+color+' typeface-js');
	    break;
	  }
	}
}

function highlightChangeBlue(i) {
  if (i == 1) {
    var element = document.getElementById('box_hl_under');
    element.className = 'box_hl_under_inactive';
    var element = document.getElementById('box_hl_corner_up');
    element.className = 'box_hl_corner_up_inactive';
    var element = document.getElementById('box_hl_first_right');
    element.className = 'box_hl_main_inactive';
    changeColor(element, 'white');
  }
	else if (i == 2) {
    var element = document.getElementById('box_hl_middle');
    element.className = 'box_hl_inactive';
    changeColor(element, 'white');
  }
  else if (i == 3) {
    var element = document.getElementById('box_hl_over');
    element.className = 'box_hl_over_inactive';
    var element = document.getElementById('box_hl_corner_down');
    element.className = 'box_hl_corner_down_inactive';
    var element = document.getElementById('box_hl_last_right');
    element.className = 'box_hl_main_inactive';
    changeColor(element, 'white');
  }
}

function highlightChangeWhite(i) {
  if (i == 1) {
    var element = document.getElementById('box_hl_under');
    element.className = 'box_hl_under_active';
    var element = document.getElementById('box_hl_corner_up');
    element.className = 'box_hl_corner_up_active';
    var element = document.getElementById('box_hl_first_right');
    element.className = 'box_hl_main_active';
    changeColor(element, 'grey');
  }
	else if (i == 2) {
    var element = document.getElementById('box_hl_middle');
    element.className = 'box_hl_active';
    changeColor(element, 'grey');
  }
  else if (i == 3) {
    var element = document.getElementById('box_hl_over');
    element.className = 'box_hl_over_active';
    var element = document.getElementById('box_hl_corner_down');
    element.className = 'box_hl_corner_down_active';
    var element = document.getElementById('box_hl_last_right');
    element.className = 'box_hl_main_active';
    changeColor(element, 'grey');
  }
}

function highlight(i) {
  clearTimeout(rTimeout);
  rTimeout = setTimeout("rotateHeadline()", 5000);
  current_headline = i;
  var sel = document.getElementById('hl_selector');
  for (var j = 1; j <=3; j++) {
    var k = (j-1)*2+1;
    if (j == i) { highlightChangeWhite(j); sel.childNodes[k].className = 'hl-selector-item hl-selector-selected'; }
    else { highlightChangeBlue(j); sel.childNodes[k].className = 'hl-selector-item'; }
  }
  document.getElementById('hl_image').src = 'img/'+thumbs[i-1];
}

function rotateHeadline() {
  var j = current_headline+1;
  if (j>3) j = 1;
  highlight(j);
}

function avatarOver(obj) {
	var other_items = obj.parentNode.parentNode.childNodes;
	for (var i=0; i<other_items.length; i++) {
		if (other_items[i].nodeName == 'DIV') {
			other_items[i].style.display = 'none';
		}
		else if (other_items[i].nodeName == 'A') {
			other_items[i].childNodes[0].style.backgroundPosition = '0px -350px';
		}
	}
	var id = obj.id;
	document.getElementById('np_'+id.substring(7)).style.display = 'block';
	obj.style.backgroundPosition = '0px 0px';
}

function serviceClick(obj, sel) {
	var serv = document.getElementById('services_list').childNodes;
	for (var i=0; i<serv.length; i++) {
		if (serv[i].nodeName == 'DIV') {
			if (serv[i] != obj) {
				serv[i].className = 'service';
  			var inside = serv[i].childNodes;
				for (var j=0; j< inside.length; j++) {
				  if (inside[j].nodeName == 'SPAN') {
				    changeTypefaceClass(inside[j], 'service_name typeface-js');
				    break;
				  }
				}
			}
			else {
				serv[i].className = 'service selected';
  			var inside = serv[i].childNodes;
				for (var j=0; j< inside.length; j++) {
				  if (inside[j].nodeName == 'SPAN') {
				    changeTypefaceClass(inside[j], 'service_name_selected typeface-js');
				    break;
				  }
				}
			}
		}
	}
	var hl = document.getElementById('services').childNodes;
	for (var i=0; i<hl.length; i++) {
		if (hl[i].nodeName == 'DIV' && hl[i].id != 'services_list') {
			if (hl[i].id == sel)
				hl[i].className = 'service_type';
			else
				hl[i].className = 'service_type hidden';
		}
	}
}

function getText(node, str) {
  for (var i = 0; i < node.childNodes.length; i++) {
    var currentNode = node.childNodes[i];
    if (currentNode.nodeValue == null) {
      str = getText(currentNode, str);
    }
    else {
      str += currentNode.nodeValue;
    }
  }
  return str;
}
function changeTypefaceClass(element, newClass) {
  if (_typeface_js) {
    var val = getText(element, '')
    var clone = element.cloneNode(false);
    var parent = element.parentNode;
    parent.appendChild(clone);
    var text = document.createTextNode(val);
    clone.appendChild(text);
    clone.className = newClass;
    _typeface_js.replaceText(clone);
    clone.style.visibility = 'visible';
    parent.replaceChild(clone, element);
  }
}

function preloadImages(imgs) {
	for (var i=0; i<imgs.length; i++) {
		var pic= new Image(); 
		pic.src='img/'+imgs[i];
	}
}