var selected_page = "";
var old_selected_page = "dieidee";
var old_selected_button = "";

var dragobjekt = null;
var dragx = 0;
var dragy = 0;

var posx = 0;
var posy = 0;

var maxx = 1600;
var maxy = 90;

function draginit() {
  document.onmousemove = drag;
  document.onmouseup = dragstop;
}

function dragstart(element) {
  dragobjekt = element;
  dragx = posx - dragobjekt.offsetLeft;
  dragy = posy - dragobjekt.offsetTop;
}

function dragstop() {
  dragobjekt=null;
}

function drag(ereignis) {
  posx = document.all ? window.event.clientX : ereignis.pageX;
  posy = document.all ? window.event.clientY : ereignis.pageY;
  if(dragobjekt != null) {
//    dragobjekt.style.left = (posx - dragx) + "px";
//    dragobjekt.style.top = (posy - dragy) + "px";
    if ((posx - dragx) < maxx) dragobjekt.style.left = (posx - dragx) + "px";
    if ((posy - dragy) < maxy) dragobjekt.style.top = (posy - dragy) + "px";
  }
}

function handy_in_ursprungposition() {
  dragx = 0; dragy = 0;
  posx = 0; posy = 0;
  document.getElementById('handybox').style.top="10px";
  document.getElementById('handybox').style.left="400px";
  document.getElementById("handybox").style.width = "440px";
  document.getElementById("handybox").style.height = "740px";
  document.getElementById("handybox").style.background = "transparent url('images/handy.png') 0 0 no-repeat";
  document.getElementById("mobiseite").style.top = "208px";
  document.getElementById("mobiseite").style.left = "62px";
  document.getElementById("mobiseite").style.width = "320px";
  document.getElementById("mobiseite").style.height = "359px";
  document.getElementById("rotate").style.top = "44px";
  document.getElementById("rotate").style.left = "318px";
  document.getElementById("close").style.top = "624px";
  document.getElementById("close").style.left = "188px";
//  document.getElementById("close").style.border = "1px white solid";
  maxx = 1600; maxy = 90;
}

function openhandy() {
  handy_in_ursprungposition()
  document.getElementById('zoomframe').style.visibility="visible";
}

function closehandy() {
  document.getElementById('zoomframe').style.visibility="hidden";
}

function buttondefault(selected_button) {
  if (selected_button!=old_selected_page) {
  switch(selected_button)
  {
    case 'dieidee': document.btn_idee.src='images/btn_die-idee.jpg'; break;
    case 'browsersuchfunktion': document.btn_browser.src='images/btn_im-browser.jpg'; break;
    case 'handymobiseite': document.btn_handy.src='images/btn_auf-dem-handy.jpg'; break;
    case 'anwendungtesten': document.btn_testen.src='images/btn_anwendung-testen.jpg'; break;
    case 'desktopwidget': document.btn_widget.src='images/btn_desktop-widget.jpg'; break;
    case 'facebook': document.btn_facebook.src='images/btn_facebook.jpg'; break;
    default: break;
  };
  };
}

function buttonhighlighten(selected_button) {
  if (selected_button!=old_selected_page) {

  switch(old_selected_page)
  {
    case 'dieidee': document.btn_browser.src='images/btn_im-browser.jpg'; document.btn_handy.src='images/btn_auf-dem-handy.jpg'; document.btn_testen.src='images/btn_anwendung-testen.jpg'; document.btn_widget.src='images/btn_desktop-widget.jpg'; document.btn_facebook.src='images/btn_facebook.jpg'; break;
    case 'browsersuchfunktion': document.btn_idee.src='images/btn_die-idee.jpg'; document.btn_handy.src='images/btn_auf-dem-handy.jpg'; document.btn_testen.src='images/btn_anwendung-testen.jpg'; document.btn_widget.src='images/btn_desktop-widget.jpg'; document.btn_facebook.src='images/btn_facebook.jpg'; break;
    case 'handymobiseite': document.btn_idee.src='images/btn_die-idee.jpg'; document.btn_browser.src='images/btn_im-browser.jpg';  document.btn_testen.src='images/btn_anwendung-testen.jpg'; document.btn_widget.src='images/btn_desktop-widget.jpg'; document.btn_facebook.src='images/btn_facebook.jpg'; break;
    case 'anwendungtesten': document.btn_idee.src='images/btn_die-idee.jpg'; document.btn_browser.src='images/btn_im-browser.jpg'; document.btn_handy.src='images/btn_auf-dem-handy.jpg';  document.btn_widget.src='images/btn_desktop-widget.jpg'; document.btn_facebook.src='images/btn_facebook.jpg'; break;
    case 'desktopwidget': document.btn_idee.src='images/btn_die-idee.jpg'; document.btn_browser.src='images/btn_im-browser.jpg'; document.btn_handy.src='images/btn_auf-dem-handy.jpg'; document.btn_testen.src='images/btn_anwendung-testen.jpg'; document.btn_facebook.src='images/btn_facebook.jpg'; break;
    case 'facebook': document.btn_idee.src='images/btn_die-idee.jpg'; document.btn_browser.src='images/btn_im-browser.jpg'; document.btn_handy.src='images/btn_auf-dem-handy.jpg'; document.btn_testen.src='images/btn_anwendung-testen.jpg'; document.btn_widget.src='images/btn_desktop-widget.jpg'; break;
    default: break;
  };
  
  switch(selected_button)
  {
    case 'dieidee': document.btn_idee.src='images/btn_die-idee_h.jpg'; break;
    case 'browsersuchfunktion': document.btn_browser.src='images/btn_im-browser_h.jpg'; break;
    case 'handymobiseite': document.btn_handy.src='images/btn_auf-dem-handy_h.jpg'; break;
    case 'anwendungtesten': document.btn_testen.src='images/btn_anwendung-testen_h.jpg'; break;
    case 'desktopwidget': document.btn_widget.src='images/btn_desktop-widget_h.jpg'; break;
    case 'facebook': document.btn_facebook.src='images/btn_facebook_h.jpg'; break;
    default: break;
  };
  old_selected_button = selected_button;
  };
}

function show(selected_page) {

  switch(old_selected_page)
  {
    case 'dieidee': document.btn_idee.src='images/btn_die-idee.jpg'; document.getElementById('navbtn1').style.cursor = 'pointer'; break;
    case 'browsersuchfunktion': document.btn_browser.src='images/btn_im-browser.jpg'; document.getElementById('navbtn2').style.cursor = 'pointer'; break;
    case 'handymobiseite': document.btn_handy.src='images/btn_auf-dem-handy.jpg'; document.getElementById('navbtn3').style.cursor = 'pointer'; break;
    case 'anwendungtesten': document.btn_testen.src='images/btn_anwendung-testen.jpg'; document.getElementById('navbtn4').style.cursor = 'pointer'; break;
    case 'desktopwidget': document.btn_widget.src='images/btn_desktop-widget.jpg'; document.getElementById('navbtn5').style.cursor = 'pointer'; break;
    case 'facebook': document.btn_facebook.src='images/btn_facebook.jpg'; document.getElementById('navbtn6').style.cursor = 'pointer'; break;
    default: break;
  };

  switch(selected_page)
  {
    case 'dieidee': document.btn_idee.src='images/btn_die-idee_h.jpg'; document.getElementById('navbtn1').style.cursor = 'default'; break;
    case 'browsersuchfunktion': document.btn_browser.src='images/btn_im-browser_h.jpg'; document.getElementById('navbtn2').style.cursor = 'default'; break;
    case 'handymobiseite': document.btn_handy.src='images/btn_auf-dem-handy_h.jpg'; document.getElementById('navbtn3').style.cursor = 'default'; break;
    case 'anwendungtesten': document.btn_testen.src='images/btn_anwendung-testen_h.jpg'; document.getElementById('navbtn4').style.cursor = 'default'; break;
    case 'desktopwidget': document.btn_widget.src='images/btn_desktop-widget_h.jpg'; document.getElementById('navbtn5').style.cursor = 'default'; break;
    case 'facebook': document.btn_facebook.src='images/btn_facebook_h.jpg'; document.getElementById('navbtn6').style.cursor = 'default'; break;
    default: break;
  };

 if (old_selected_page!='') document.getElementById(old_selected_page).style.display='none';
 if (document.getElementById(selected_page).style.display=='none') {
  document.getElementById(selected_page).style.display='block';
  document.getElementById(selected_page).style.visibility='visible';
 }
 else {
  document.getElementById(selected_page).style.display='none';
 };
 old_selected_page = selected_page;
}

function initnavi(page) {
  switch(page)
  {
    case 'dieidee': document.btn_idee.src='images/btn_die-idee_h.jpg'; document.getElementById('navbtn1').style.cursor = 'default'; show('dieidee'); break;
    case 'browsersuchfunktion': document.btn_browser.src='images/btn_im-browser_h.jpg'; document.getElementById('navbtn2').style.cursor = 'default'; show('browsersuchfunktion'); break;
    case 'handymobiseite': document.btn_handy.src='images/btn_auf-dem-handy_h.jpg'; document.getElementById('navbtn3').style.cursor = 'default'; show('handymobiseite'); break;
    case 'anwendungtesten': document.btn_testen.src='images/btn_anwendung-testen_h.jpg'; document.getElementById('navbtn4').style.cursor = 'default'; show('anwendungtesten'); break;
    case 'desktopwidget': document.btn_widget.src='images/btn_desktop-widget_h.jpg'; document.getElementById('navbtn5').style.cursor = 'default'; show('desktopwidget'); break;
    case 'facebook': document.btn_facebook.src='images/btn_facebook_h.jpg'; document.getElementById('navbtn6').style.cursor = 'default'; show('facebook'); break;
    default: document.btn_idee.src='images/btn_die-idee_h.jpg'; document.getElementById('navbtn1').style.cursor = 'default'; show('dieidee'); break;
  };
  draginit();
}

function rotate_and_show() {
  if (document.getElementById("handybox").style.width!="740px") {
  document.getElementById("handybox").style.top="150px";
  document.getElementById("handybox").style.left="300px";
  document.getElementById("handybox").style.width = "740px";
  document.getElementById("handybox").style.height = "440px";
  document.getElementById("handybox").style.background = "transparent url('images/handy_quer.png') 0 0 no-repeat";
  document.getElementById("mobiseite").style.top = "137px";
  document.getElementById("mobiseite").style.left = "131px";
  document.getElementById("mobiseite").style.width = "476px";
  document.getElementById("mobiseite").style.height = "209px";
  document.getElementById("rotate").style.top = "44px";
  document.getElementById("rotate").style.left = "44px";
  document.getElementById("close").style.top = "183px";
  document.getElementById("close").style.left = "624px";
//  document.getElementById("close").style.border = "1px white solid";
  maxx = 1200; maxy = 400;
  }
  else {
  document.getElementById("handybox").style.top="10px";
  document.getElementById("handybox").style.left="400px";
  document.getElementById("handybox").style.width = "440px";
  document.getElementById("handybox").style.height = "740px";
  document.getElementById("handybox").style.background = "transparent url('images/handy.png') 0 0 no-repeat";
  document.getElementById("mobiseite").style.top = "208px";
  document.getElementById("mobiseite").style.left = "62px";
  document.getElementById("mobiseite").style.width = "320px";
  document.getElementById("mobiseite").style.height = "359px";
  document.getElementById("rotate").style.top = "44px";
  document.getElementById("rotate").style.left = "318px";
  document.getElementById("close").style.top = "624px";
  document.getElementById("close").style.left = "188px";
//  document.getElementById("close").style.border = "1px white solid";
  maxx = 1600; maxy = 90;
  };
}

function add_search_addon() {
  if (window.external && ('AddSearchProvider' in window.external))
  {
    window.external.AddSearchProvider('http://www.vancado.de/fileadmin/glossar/search.xml');
  };
}