function getBrowser(){
    var browser = ''
    if ( navigator.appName.indexOf('Netscape') != -1 )  {
        browser = 'NS';
    } else {
        //IE 
        var version = navigator.appVersion;
        version = new Number( version.substring( version.indexOf('MSIE')+5 , version.indexOf('MSIE')+6 ) );
        if ( version < 7 ) {
            browser = 'IE<=6';//kleiner 7
        } else {
            browser = 'IE7';
        }
    }
    return browser;      
}
/********************************************/

/*** Fenster aus der Metanavigation oeffnen ***/
function openWindow(mypage, myname, w, h, scroll, resize) {
  var rez = 'no';
	var winl = (screen.width - w) / 2;
	var wint = (screen.height - h) / 2;
  if (resize) {
   rez = 'yes';
  }
	winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizable='+rez;
	win = window.open(mypage, myname, winprops)
    win.focus();
}

//Links in Metanav in RTL-Adption
function openPopup(url,name,w,h,scroll,center,l,t,res) {
  if(!l) {l = 5;}
  if(!t) {t = 15;}
  if(!res) {res = 'yes';}
  if(!scroll){scroll = 1;}
  if(!center){center = false;}
   pLeft = (window.screen.width/2)  - (w/2 + l);
   pTop  = (window.screen.height/2) - (h/2 + t);
  if (center) {
    xPos = 'left=' + pLeft;
	yPos = 'top=' + pTop;
  } else {
    xPos = 'screenX=' + pLeft;
    yPos = 'screenY=' + pTop;
  }

  pWin = window.open(url, name, "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=" + scroll + ",resizable=" + res + ",width=" + w + ",height=" + h + ",copyhistory=no," + xPos + "," + yPos +"");
  pWin.focus();

  if (pWin) return false;
  else return true;

}

/********************************************/

/*** Layer mit Info-Button anzeigen ***/
var openLayerId = '';
function showInfoLayer(id , diffLeft, diffTop, orientationHori, orientationVert, width) {
    $("iconLayer").style.display = 'none';
    _width = 470;
    if ( width != undefined ) {
        _width = width;
    }
    $("iconLayer").style.width = _width.toString() + 'px'; 
    
    leftPos      = getAbsLeft($(id));
    
    if ( diffLeft != undefined ) {
        leftPos += diffLeft;
    } 
    topPos       =  getAbsTop($(id));
    if ( diffTop != undefined ) {
        topPos += diffTop;
    }


    layerContent = $(id + 'Content').innerHTML;
	
    if ( openLayerId == id ) {
    	closeInfoLayer();
	} else {
        iconLayerContent = '<table id="iconLayerTop"><tr><td id="iconLayerTopLeft"></td><td id="iconLayerTopMiddle"><div class="space5">&nbsp;</div></td><td id="iconLayerTopRight"></td></tr></table>';
        iconLayerContent += '<div id="iconLayerContent">' + layerContent + '</div>';
        iconLayerContent += '<table id="iconLayerBot"><tr><td id="iconLayerBotLeft"></td><td id="iconLayerBotMiddle"><div class="space5">&nbsp;</div></td><td id="iconLayerBotRight"></td></tr></table>';
        
        $('iconLayer').update(iconLayerContent); 
        $("iconLayerTop").style.width = _width.toString() + 'px';
        $("iconLayerContent").style.width = _width.toString() + 'px';
        $("iconLayerBot").style.width = _width.toString() + 'px';
        
        if ( getBrowser() == 'NS' )  {
            leftPos += 2;
            topPos -= 11;
        }
        
        if ( typeof showExtraLayerText != 'undefined' ) {
            showExtraLayerText(); 
        }
        
        leftPos += getHoriDiffFromOrientation(orientationHori);
        topPos += getVertDiffFromOrientation(orientationVert);
        
        setCorner(leftPos, topPos, orientationHori, orientationVert, width);
        
        $('iconLayer').style.left = leftPos.toString() + 'px';
		$('iconLayer').style.top = topPos.toString() + 'px';
        
        $('closeLayerContent').style.left = (leftPos + _width - 76).toString() + 'px';
        $('closeLayerContent').style.top = (topPos + 12).toString() + 'px';
        $('closeLayerContent').style.display = 'block';
        
        $("iconLayer").style.display = 'block';
        iconLayerDisplay = true;
        openLayerId = id;
	}
}

function getHoriDiffFromOrientation(orientationHori){
    var diffLeft = 14;// == 'left'
    if ( orientationHori == 'right' ) {
        diffLeft = -470;
        if ( getBrowser() == 'NS' )  {
            diffLeft += 1;
        }
    }
    return diffLeft
}
function getVertDiffFromOrientation(orientationVert) {
    var diffTop = 0;// == 'top'
    if ( orientationVert == 'bot' ) {
        diffTop = -$("iconLayer").getHeight() + 14;
        if ( getBrowser() == 'NS' )  {
            diffTop -= 2;
        }
    } else {
        if ( getBrowser() == 'IE<=6' ) {
            diffTop += 1;
        }
    }
    return diffTop
}

var cornerclass = 'cornerlefttop';
function setCorner(leftPos, topPos, orientationHori, orientationVert, width){
//Ecke absolut positionieren relativ zum iconLayer
    var leftPosCorner = leftPos;//Left
    if ( orientationHori == 'right' ) {
        if ( width != undefined ) {
            leftPosCorner += (width - $("corner").getWidth());
        } else {
            leftPosCorner += 440;
        }
    } else {
        orientationHori = 'left';
    }
    
    var topPosCorner = topPos;
    if ( orientationVert == 'bot' ) {
        if ( getBrowser() == 'IE<=6' )  {
            topPosCorner -= (38 - $("iconLayer").getHeight() );
        } else {
            topPosCorner -= (35 - $("iconLayer").getHeight() );
        }
    } else {
        orientationVert = 'top';
    }
    $("corner").style.left = leftPosCorner.toString() + 'px';
    $("corner").style.top = topPosCorner.toString() + 'px';

    $("corner").removeClassName(cornerclass);
    cornerclass = 'corner' + orientationHori + orientationVert;
    $("corner").addClassName(cornerclass);
    
    $("corner").style.display = "block";
}

function closeInfoLayer() {
    $('iconLayer').style.display = "none";
    $('closeLayerContent').style.display = 'none';
    $('corner').style.display = "none";
    openLayerId = '';
}

/********************************************/

function getAbsLeft(obj) {
    return (obj.offsetParent)? obj.offsetLeft + getAbsLeft(obj.offsetParent) : obj.offsetLeft;
}

function getAbsTop(obj) {
   return (obj.offsetParent)? obj.offsetTop + getAbsTop(obj.offsetParent) : obj.offsetTop;
}

/********************************************/

//Für Anzeige welche Art der Rechnung gewählt werden kann bei Basic-Paketen
function changeRechnung(paket){
    $("papierHead").style.display = 'block';
    $("extraForSurfer").style.display = 'inline';
    $("extraForTelefonierer").style.display = 'inline';
        
    if ( paket == 'internet' ) {
        $("teaserFilmPaket").style.display = 'block';
        
        $("defaultRechnung").style.display = 'none';
        $("extraForBasicRechnung").style.display = 'block';
        
        $("papierRechnDiv").style.display = 'none';
        $("keinePapierRechnDiv").style.display = 'block';
        $("extraForFilmpaket").style.display = 'block';
        $("papierRechnung").checked = false;
        if ( getKeinPapier() ) {
            $("keinePapierRechnung").checked = getKeinPapier(); 
        }
    } else {
        $("teaserFilmPaket").style.display = 'none';
        
        $("defaultRechnung").style.display = 'block';
        $("extraForBasicRechnung").style.display = 'none';

        $("papierRechnDiv").style.display = 'block';
        $("keinePapierRechnDiv").style.display = 'none';
        $("extraForFilmpaket").style.display = 'none';
        $("keinePapierRechnung").checked = false;
        if ( getPapier() ) {
            $("papierRechnung").checked = getPapier(); 
        }
    }
}

var _papier = false;
function setPapier(){
    _papier = $("papierRechnung").checked;
}
function getPapier(){
    return _papier;
}

var _keinpapier = false;
function setKeinPapier(){
    _keinpapier = $("keinePapierRechnung").checked;
}
function getKeinPapier(){
    return _keinpapier;
}

/********************************************/