var  SkutocneMeno, SkutocnaVerzia;

function Browser()
{
  var MenoBrowsera = navigator.appName,
      VerziaBrowsera = navigator.appVersion,
      Agent = navigator.userAgent,   
      StartStr, EndStr;

  if(MenoBrowsera == "Microsoft Internet Explorer")
  {
      SkutocneMeno = MenoBrowsera;
      StartStr = VerziaBrowsera.indexOf("MSIE") + 5;
      //hlada sa ; od indexu StartStr
      EndStr = VerziaBrowsera.indexOf(";", StartStr);
      //z retazca sa zoberie iba od zac. a konc. indexu
      SkutocnaVerzia = VerziaBrowsera.substring(StartStr, EndStr);


      //ak sa nahodou jedna o Operu, tvariacu sa ako IE
      if(Agent.indexOf("Opera") >= 0)
      {
         var pomStr = SkutocneMeno + " " + SkutocnaVerzia;
         StartStr = Agent.indexOf("Opera") + 6;
         EndStr = Agent.indexOf("[", StartStr)-2; //-2 je tam kvoli ciarke, aby za 5.0 nebola medzera, lebo v skutocnosti su medzi koncom verzie a [-kou dve medzery!
         SkutocnaVerzia = Agent.substring(StartStr, EndStr) + ", identifikujúca sa ako " + pomStr;
         SkutocneMeno = Agent.substring(StartStr-6, StartStr);
      }

  }


  //ak sa jedna o Operu tvariacu sa ako Opera :)
  else if(MenoBrowsera == "Opera")
  {
      SkutocneMeno = MenoBrowsera;
      StartStr = 0;
      EndStr = VerziaBrowsera.indexOf("(");
      //z retazca sa zoberie iba od zac. a konc. indexu
      SkutocnaVerzia = VerziaBrowsera.substring(StartStr, EndStr);
  }


  //ak sa jedna o NN, alebo Mozillu, alebo Operu tvariacu sa ako Mozilla
  else if(MenoBrowsera == "Netscape")
  {
   
     //jedna sa o NN6
     if(Agent.indexOf("Netscape") >= 0)
     {
        SkutocneMeno = MenoBrowsera;
        //mozem pouzit lastindexOf lebo NN6 ho pozna!
        StartStr = Agent.lastIndexOf("/")+1;
        EndStr = Agent.length;
        SkutocnaVerzia = Agent.substring(StartStr, EndStr);
     }

     //ak sa jedna o Operu, tvariacu sa ako Mozilla 3, 4, 5
     else if(Agent.indexOf("Opera") >= 0)
     {
        StartStr = Agent.indexOf("Opera") + 6;
        EndStr = Agent.indexOf("[", StartStr)-2; //-2 je tam kvoli ciarke, aby za 5.0 nebola medzera, lebo v skutocnosti su medzi koncom verzie a [-kou dve medzery!
        SkutocnaVerzia = Agent.substring(StartStr, EndStr);
        SkutocneMeno = Agent.substring(StartStr-6, StartStr);

        //zistenie ako sa opera tvari
        StartStr = Agent.indexOf("/");
        EndStr = Agent.indexOf("(", StartStr);
        var pomStr = ", indetifikujúca sa ako " + Agent.substring(0, StartStr) + " " + Agent.substring(StartStr+1, EndStr);
       
        SkutocnaVerzia = SkutocnaVerzia + pomStr;
     }

     // ak sa jedna o mozillu, t.j. v agentovi nie je retazec Opera ani Netscape
     else if(Agent.indexOf("rv:") >= 0)
     {
        SkutocneMeno = "Mozilla";
        StartStr = Agent.indexOf("rv:") + 3;
        EndStr = Agent.indexOf(")");
        SkutocnaVerzia = Agent.substring(StartStr, EndStr);
     }

     //ak sa jedna o netscape Navigator / resp. verziu 4.x
     else if((Agent.indexOf("Nav") >= 0) || (VerziaBrowsera.substring(0, 1) == "4"))
     {
        if(Agent.indexOf("Nav") >=0)
           SkutocneMeno = MenoBrowsera + " Navigator";
        else
           SkutocneMeno = MenoBrowsera + " Communicator";
        StartStr = 0;
        EndStr =  VerziaBrowsera.indexOf("[");
        SkutocnaVerzia = VerziaBrowsera.substring(StartStr, EndStr);
     }
   
    //ak sa jedna o NN 3
    else if(VerziaBrowsera.substring(0, 1) == "3")
    {
       SkutocneMeno = MenoBrowsera + " Navigator";
       StartStr = 0;
       EndStr = VerziaBrowsera.indexOf("(");
       SkutocnaVerzia = VerziaBrowsera.substring(StartStr, EndStr);
    }
 

    //ina verzia prehliadaca NN
    else
    {
       SkutocneMeno = MenoBrowsera;     
       StartStr = 0;
       EndStr = VerziaBrowsera.indexOf("(");
       SkutocnaVerzia = VerziaBrowsera.substring(StartStr, EndStr);
    }
 
  }


  else
  { 
      SkutocneMeno = MenoBrowsera;
      SkutocnaVerzia = VerziaBrowsera;
  }

}
Browser();

if (SkutocneMeno == "Microsoft Internet Explorer") {var IE = true; var VERZIA = SkutocnaVerzia;}

////////////////////////////////////////////////////////////////////


var oImageUtil = new Object;  

oImageUtil.makeTransparent = function (obj) 
  {
  if(IE && VERZIA<7)
    {
    //return;
    obj.style.filter=
         "progid:DXImageTransform.Microsoft." +
         "AlphaImageLoader(src='" + obj.src + "',sizingMethod='scale')";
    //alert(obj.style.filter)
    obj.src="http://www.adthink.de/files/layout/leerdot.gif";  
    }
  }

oImageUtil.classicShadeImages = 
  [
     ["",   "",   "",   "",   ""  ],
     ["a1", "",   "",   "",   "e1"],
     ["a2", "",   "",   "",   "e2"],
     ["a3", "",   "",   "",   "e3"],
     ["a4", "b4", "c4", "d4", "e4"]
  ];

oImageUtil.classicShadeSizes = 
  [
     [[0,0],  [0,0],   [0,0],   [0,0],   [0,0] ],
     [[7,16], 0,       0,       0,       [7,16]],
     [[7,-1], 0,       0,       0,       [7,-1]],
     [[7,3],  0,       0,       0,       [7,3] ],
     [[7,12], [7,12],  [-1,12], [7,12],  [7,12]]
  ];  
  
oImageUtil.newShadeImages = 
  [
     ["01", "02", "03", "04", "05"],
     ["06", "",   "",   "",   "07"],
     ["08", "",   "",   "",   "09"],
     ["10", "",   "",   "",   "11"],
     ["12", "13", "14", "15", "16"],
  ];  
  
oImageUtil.newShadeSizes = 
  [
     [[6,6],  [6,6],   [-1,6],  [6,6],   [6,6] ],
     [[6,6],  0,       0,       0,       [6,6] ],
     [[6,-1], 0,       0,       0,       [6,-1]],
     [[6,6],  0,       0,       0,       [6,6] ],
     [[6,6],  [6,6],   [-1,6],  [6,6],   [6,6] ]
  ];   
  
oImageUtil.noneShadeImages = 
  [
     ["leerdot", "leerdot", "leerdot", "leerdot", "leerdot"],
     ["leerdot", "",   "",   "",   "leerdot"],
     ["leerdot", "",   "",   "",   "leerdot"],
     ["leerdot", "",   "",   "",   "leerdot"],
     ["leerdot", "leerdot", "leerdot", "leerdot", "leerdot"],
  ];    
       
  
oImageUtil.buildShade = function (element,type)
  {
  if(type=='classic')
    {
    var sizes=oImageUtil.classicShadeSizes;
    var images=oImageUtil.classicShadeImages;
    }
  else if(type=='new')
    {
    var sizes=oImageUtil.newShadeSizes;
    var images=oImageUtil.newShadeImages;    
    }
  else if(type=='none')  
    {
    //musi byt ekvivaletni obrazkum bez stinu, je asi zbytecne tam davat obrazky
    //staci nastavit margin/padding/border bohuzel obalujici tag A dela potize, nedokaze
    //spravne obalit obrazek
    
    /*
    element.style.margin='7px';
    var height = parseInt(arguments[3]);  
    if(height!='')element.style.height=height+'px';
    //element.style.border='solid 7px';
    
    return element;
    */
    var sizes=oImageUtil.newShadeSizes;
    var images=oImageUtil.noneShadeImages;    
    }
    
  //oLogger.log('shadeType:'+type);
  
  if(arguments.length==4)
    {
    var width = parseInt(arguments[2]);
    var height = parseInt(arguments[3]);
    }
  else
    {
    //if(element.currentStyle)
    //  {
    //  oLogger.log('1:'+element.offsetWidth);
    //  document.body.appendChild(element);
    //  oLogger.log('2:'+element.offsetWidth);
    //  var width = element.currentStyle.width;
    //  var height = element.currentStyle.height;
    //  document.body.removeChild(element);
    //  }
    //else
      {
      //element.style.display='none';
      //element se musi zobrazit aby mohl mit vypocitanou velikost
      var oldVisibility = element.style.visibility;
      element.style.visibility = 'hidden';
      document.body.appendChild(element);
      //oCompS = window.getComputedStyle(element,null);
      //oLogger.log('getComputedStyle:'+window.getComputedStyle(element,null).height);
      //oLogger.log(element.offsetWidth);
      var width = parseInt(element.offsetWidth);
      var height = parseInt(element.offsetHeight);
      //oLogger.log('font:'+window.getComputedStyle(element,null).fontSize);
      //oLogger.log('margin:'+window.getComputedStyle(element,null).marginBottom)
      //oLogger.log('padding:'+window.getComputedStyle(element,null).paddingBottom);

      document.body.removeChild(element);
      element.style.visibility = oldVisibility;
      //return;
      }
    }
  //oLogger.log('Rozmery vysvetlivky:'+width+'@'+height);    
    
  //oLogger.log('sirka:'+sizes[1][0][0])
  
  //nanastavuj mu nic, obstara caller
  var oDiv = document.createElement("div");
  //oDiv.style.fontSize='0px';
  oDiv.style.width=(width+sizes[1][0][0]+sizes[1][4][0])+'px';
  //oLogger.log(oDiv.style.width);
  oDiv.style.height=(height+sizes[0][0][1]+sizes[4][0][1])+'px';
  
  
  var obrDiv = document.createElement("div");
  obrDiv.style.styleFloat="left";
  obrDiv.style.cssFloat="left";    
  obrDiv.style.height=''+(height)+'px'; 
  //obrDiv.style.height=''+(width)+'px'; 
  //oLogger.log('obrdiv:'+obrDiv.style.height);
  
  
  var obra1 = this.createVertImg(images[1][0],sizes[1][0][0],sizes[1][0][1]);
  var obra2 = this.createVertImg(images[2][0],sizes[2][0][0],height-sizes[1][0][1]-sizes[3][0][1]);
  var obra3 = this.createVertImg(images[3][0],sizes[3][0][0],sizes[3][0][1]);

  
  var obre1 = this.createVertImg(images[1][4],sizes[1][4][0],sizes[1][4][1]);
  var obre2 = this.createVertImg(images[2][4],sizes[2][4][0],height-sizes[1][4][1]-sizes[3][4][1]);
  var obre3 = this.createVertImg(images[3][4],sizes[3][4][0],sizes[3][4][1]);


  
  oDivL = document.createElement("div");
  oDivL.style.width=sizes[1][0][0]+"px";
  oDivL.style.styleFloat="left";
  oDivL.style.cssFloat="left";
  oDivL.style.lineHeight="0px";
  oDivL.style.fontSize="0px";
  oDivL.style.lineBoxContain='font replaced';
     
  oDivL.appendChild(obra1);
  oDivL.appendChild(obra2);
  oDivL.appendChild(obra3);
  

  oDivR = document.createElement("div");
  oDivR.style.styleFloat="left";
  oDivR.style.cssFloat="left";    
  oDivR.style.fontSize="0px";
  oDivR.style.width=sizes[1][4][0]+'px';
  oDivR.style.lineHeight="0px";

  oDivR.appendChild(obre1);
  oDivR.appendChild(obre2);
  oDivR.appendChild(obre3);


  obrDiv.appendChild(element);

  var oDivT = document.createElement("div");
  oDivT.style.styleFloat="left";
  oDivT.style.cssFloat="left";
  oDivT.style.width=(width+sizes[1][0][0]+sizes[1][4][0])+'px';
  oDivT.appendChild(oDivL);
  oDivT.appendChild(obrDiv);
  oDivT.appendChild(oDivR);

  var oDivB = document.createElement("div");
  oDivB.style.styleFloat="left";
  oDivB.style.cssFloat="left";
  oDivB.style.lineHeight='0px';     
  oDivB.style.fontSize='0px';     
  
  oDivB.style.cssFloat='left';
  oDivB.style.styleFloat='left';
  oDivB.style.height=sizes[4][1][1]+'px';
 // if(IE)oDivB.style.wordSpacing='-1px';
  oDivB.style.lineBoxContain='font replaced';
  
  var obra4 = this.createHorImg(images[4][0],sizes[4][0][0],sizes[4][0][1]);
  var obrb4 = this.createHorImg(images[4][1],sizes[4][1][0],sizes[4][1][1]);
  var obrc4 = this.createHorImg(images[4][2],width-sizes[4][1][0]-sizes[4][3][0],sizes[4][2][1]);
  var obrd4 = this.createHorImg(images[4][3],sizes[4][3][0],sizes[4][4][1]);
  var obre4 = this.createHorImg(images[4][4],sizes[4][4][0],sizes[4][4][1]);    

  oDivB.appendChild(obra4);
  oDivB.appendChild(obrb4);
  oDivB.appendChild(obrc4);
  oDivB.appendChild(obrd4);
  oDivB.appendChild(obre4); 

  if(images[0][0]!='')
    {
    //ne vsechny stiny maji i horni obrazek
    var oDivU = document.createElement("div");
    oDivU.style.width="100%";
    //nebude skakal layout pokud se nastavi napevno?
    oDivU.style.height=sizes[0][0][1]+'px';
    
    var obr01 = this.createHorImg(images[0][0],sizes[0][0][0],sizes[0][0][1]);
    var obr02 = this.createHorImg(images[0][1],sizes[0][1][0],sizes[0][1][1]);
    var obr03 = this.createHorImg(images[0][2],width-sizes[0][1][0]-sizes[0][3][0],sizes[0][2][1]);
    var obr04 = this.createHorImg(images[0][3],sizes[0][3][0],sizes[0][4][1]);
    var obr05 = this.createHorImg(images[0][4],sizes[0][4][0],sizes[0][4][1]);    
    
    oDivU.appendChild(obr01);
    oDivU.appendChild(obr02);
    oDivU.appendChild(obr03);
    oDivU.appendChild(obr04);
    oDivU.appendChild(obr05);
    
    
    oDiv.appendChild(oDivU); 
    }

  oDiv.appendChild(oDivT); 
  oDiv.appendChild(oDivB);
  
  return oDiv;
  }
  

oImageUtil.createHorImg = function (imgId,width,height)  
  {
  var obrXY = document.createElement("img");
  obrXY.src="http://www.adthink.de/files/layout/"+imgId+".png";
  oImageUtil.makeTransparent(obrXY);
  obrXY.width=width;
  obrXY.height=height;
  obrXY.style.display='block';
  obrXY.style.cssFloat='left';
  obrXY.style.styleFloat='left';
  //oLogger.log('verze'+VERZIA);
  if(IE && VERZIA==6)
    {
    //oLogger.log('oprava'+obrXY.style.marginLeft);
    obrXY.style.marginLeft='-3px';
    obrXY.style.marginRight='-3px';
    }
   
  return obrXY;
  }

oImageUtil.createVertImg = function (imgId,width,height)  
  {  
  var obrXY = document.createElement("img");
  obrXY.src="http://www.adthink.de/files/layout/"+imgId+".png";
  oImageUtil.makeTransparent(obrXY);
  obrXY.width=width;
  obrXY.height=height;
  obrXY.style.display='block';  
  
  return obrXY;
  }