/* v2.0 @ 15/05/2009 */
var barraBOLv2 = {
  subItens       : null,
  tdClick        : null,
  objForPosition : null,
  isWebKit       : false,
  init : function (cfg) {
    var inputType = typeof arguments[0];
    var configs = {};

    if( typeof cfg != "object")
      var cfg = {};

    configs.align  = cfg.align || "left";
    configs.target = cfg.target || "_blank";
    configs.width  = cfg.width || "989px";
    configs.type   = cfg.type || "liquid"; // static or liquid
    configs.icons  = cfg.icons || false;
    configs.current_area = cfg.current_area || "none";

    document.write('<style type="text/css">');
    document.write('#gradeBarraBOLv2{background:#737373 url(\'http://img.bol.com.br/barra/v2/fundo-geral.gif\');border-top:1px solid #676767;border-bottom:solid 0px #c7c7c7;height:26px;position:relative;z-index:1001;width:' + (configs.type == "liquid" ? "100%" : configs.width) +'}');
    document.write('#barraBOLv2{table-layout:auto;}');
    document.write('#barraBOLv2 tbody tr th,#barraBOLv2 tbody tr td{background:#737373 url(\'http://img.bol.com.br/barra/v2/fundo-geral.gif\');font:normal 12px arial;text-transform:uppercase;padding:3px 0 0;text-align:center;}');
    document.write('#barraBOLv2 tbody tr th a,#barraBOLv2 tbody tr td a{color:#FFF;text-decoration:none;}');
    document.write('#barraBOLv2 tbody tr th a:hover{text-decoration:underline;}');
    document.write('#barraBOLv2 tbody tr th.logo{width:70px;}');
    document.write('#barraBOLv2 tbody tr th.end{width:auto;}');
    document.write('#barraBOLv2 tbody tr th img{border:0;}');
    document.write('#barraBOLv2 tbody tr td{width:90px; height:23px;}');
    document.write('#barraBOLv2 tbody tr td.ativo{background:#606060 url(\'http://img.bol.com.br/barra/v2/fundo-mais.gif\') no-repeat center center;}');
    document.write('#barraBOLv2 tbody tr td.ativo a{color:#000;}');
    document.write('#barraBOLv2 tbody tr td.mais {width:90px;}');
    document.write('#barraBOLv2 tbody tr td.mais,#barraBOLv2 tbody tr td.mais div{position:relative;}');
    document.write('#barraBOLv2 tbody tr td a{display:block;padding:2px 0;outline:none;}');
    document.write('#barraBOLv2 tbody tr td a img{border:0;margin:0 0 3px 5px;}');
    document.write('#barraBOLv2SubItens{background:#606060 url(\'http://img.bol.com.br/barra/v2/fundo-itens.jpg\') repeat-x bottom;width:90px;padding:0 0 3px 0;margin:0;position:absolute;z-index:1000 !important;}');
    document.write('#barraBOLv2SubItens li{padding:0 5px;margin:0;list-style-type:none;text-align:left;font:normal 11px arial;float:none;}');
    document.write('#barraBOLv2SubItens li a{color:#fff;text-decoration:none;font:normal 11px arial;}');
    document.write('#barraBOLv2SubItens li a:hover{text-decoration:underline;}');
    document.write('#gradeBarraBOLv2 ul.hidden {display:none;}');
		if( configs.icons )
		{
			var image = "http://img.bol.com.br/barra/v2/barra-bol-collection.gif";
			var image2 = "http://img.bol.com.br/barra/v2/fundo-selecionado.jpg";
			css = 'body #barraBOLv2 tbody tr th a { padding-bottom: 3px; padding-top: 3px; }' +
						'#barraBOLv2 .item-bp a { background: url( ' + image + ' ) no-repeat 0px 2px; *background-position: 0px 4px; padding-left: 23px; }' +
						'#barraBOLv2 .item-busca a { background: url( ' + image + ' ) no-repeat 0px -51px; *background-position: 0px -49px; padding-left: 18px; }' +
						'#barraBOLv2 .item-email a { background: url( ' + image + ' ) no-repeat 0px -102px; *background-position: 0px -100px; padding-left: 18px; }' +
						'#barraBOLv2 .item-fotos a { background: url( ' + image + ' ) no-repeat 0px -153px; *background-position: 0px -151px; padding-left: 25px; }' +
						'#barraBOLv2 .item-jogos a { background: url( ' + image + ' ) no-repeat 0px -208px; *background-position: 0px -206px; padding-left: 32px; }' +
						'#barraBOLv2 .item-namoro a { background: url( ' + image + ' ) no-repeat 0px -264px; *background-position: 0px -262px; padding-left: 23px; }' +
						'#barraBOLv2 .item-noticias a { background: url( ' + image + ' ) no-repeat 0px -319px; *background-position: 0px -317px; padding-left: 20px; }' +
						'#barraBOLv2 .item-shopping a { background: url( ' + image + ' ) no-repeat 0px -376px; *background-position: 0px -374px; padding-left: 23px; }' +
						'#barraBOLv2 .item-vila a { background: url( ' + image + ' ) no-repeat 0px -433px; *background-position: 0px -431px; padding-left: 26px; }' +
						'#barraBOLv2 .mais a { background: url( ' + image + ' ) no-repeat 16px -489px; padding-left: 17px; }' +
						'.area-bp #barraBOLv2 .item-bp { background: url( ' + image2 + ' ) repeat-x 0px 0px; }' +
						'.area-bp #barraBOLv2 .item-bp a { color: #000; }' +
						'.area-busca #barraBOLv2 .item-busca { background: url( ' + image2 + ' ) repeat-x 0px 0px; }' +
						'.area-busca #barraBOLv2 .item-busca a { color: #000; }' +
						'.area-email #barraBOLv2 .item-email { background: url( ' + image2 + ' ) repeat-x 0px 0px; }' +
						'.area-email #barraBOLv2 .item-email a { color: #000; }' +
						'.area-fotos #barraBOLv2 .item-fotos { background: url( ' + image2 + ' ) repeat-x 0px 0px; }' +
						'.area-fotos #barraBOLv2 .item-fotos a { color: #000; }' +
						'.area-jogos #barraBOLv2 .item-jogos { background: url( ' + image2 + ' ) repeat-x 0px 0px; }' +
						'.area-jogos #barraBOLv2 .item-jogos a { color: #000; }' +
						'.area-namoro #barraBOLv2 .item-namoro { background: url( ' + image2 + ' ) repeat-x 0px 0px; }' +
						'.area-namoro #barraBOLv2 .item-namoro a { color: #000; }' +
						'.area-noticias #barraBOLv2 .item-noticias { background: url( ' + image2 + ' ) repeat-x 0px 0px; }' +
						'.area-noticias #barraBOLv2 .item-noticias a { color: #000; }' +
						'.area-shopping #barraBOLv2 .item-shopping { background: url( ' + image2 + ' ) repeat-x 0px 0px; }' +
						'.area-shopping #barraBOLv2 .item-shopping a { color: #000; }' +
						'.area-vila #barraBOLv2 .item-vila { background: url( ' + image2 + ' ) repeat-x 0px 0px; }' +
						'.area-vila #barraBOLv2 .item-vila a { color: #000; }';
			document.write( css );
		}
    document.write('</style>');
    document.write('<div id="gradeBarraBOLv2" class="' + configs.current_area + '">');
    document.write('  <table align="' + configs.align + '" width="'+configs.width+'" cellpadding="0" cellspacing="0" border="0" id="barraBOLv2">');
    document.write('    <tbody>');
    document.write('      <th class="logo"><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://www.bol.uol.com.br/"><img src="http://img.bol.com.br/barra/v2/logo-bol.gif" title="BOL" alt="Logo BOL" /></a></th>');
    document.write('      <th class="item-bp"><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://bpbol.uol.com.br/">Bate-papo</a></th>');
    document.write('      <th class="item-busca"><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://bol.busca.uol.com.br/">Busca</a></th>');
    document.write('      <th class="item-email"><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://email.bol.uol.com.br/">E-mail</a></th>');
    document.write('      <th class="item-fotos"><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://fotos.noticias.bol.uol.com.br/">Fotos</a></th>');
    document.write('      <th class="item-jogos"><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://noticias.bol.uol.com.br/jogosonline/">Jogos</a></th>');
    document.write('      <th class="item-namoro"><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://bolnamoro.uol.com.br/">Namoro</a></th>');
    document.write('      <th class="item-noticias"><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://noticias.bol.uol.com.br/">Not&iacute;cias</a></th>');
    document.write('      <th class="item-videos"><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://videos.bol.uol.com.br/">V&iacute;deos</a></th>');
    document.write('      <th class="item-vila"><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://vila.bol.uol.com.br/index.html">Vila BOL</a></th>');
    document.write('      <td class="mais"><div><a href="http://click.bol.com.br/?rf=barrabol&u=http://indice.bol.uol.com.br/" onclick="return barraBOLv2.click(this.parentNode)" onmouseover="barraBOLv2.clear()" onmouseout="barraBOLv2.close()">Mais <img src="http://img.bol.com.br/barra/v2/seta-mais.gif" /></a></div></td>');
    document.write('    </tbody>');
    document.write('  </table>');
    document.write('  <ul id="barraBOLv2SubItens" class="hidden" onmouseout="barraBOLv2.close()" onmouseover="barraBOLv2.clear()">');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://ajuda.bol.com.br/">Ajuda</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://blog.bol.uol.com.br/">Blog</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://jcconcursos.bol.uol.com.br/">Concursos</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://noticias.bol.uol.com.br/economia/cotacoes/">Cota&ccedil;&#337;es</a></li>');
    //document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://superdownloads.bol.uol.com.br/">Downloads</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://empregocerto.bol.uol.com.br/">Empregos</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://fotos.noticias.bol.uol.com.br/entretenimento/">Entretenimento</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://noticias.bol.uol.com.br/enquetes/">Enquetes</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://fotos.noticias.bol.uol.com.br/esporte/">Esporte</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://fotoblog.bol.uol.com.br/">Fotoblog</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://esporteinterativo.bol.uol.com.br/">Futebol</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://horoscopovirtual.bol.uol.com.br/">Hor&oacute;scopo</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://indice.bol.uol.com.br/">&Iacute;ndice</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://noticias.bol.uol.com.br/infograficos/">Infogr&aacute;ficos</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://vagalume.bol.uol.com.br/">Letras e cifras</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://sexo.bol.uol.com.br/">Sexo</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://bol.shopping.uol.com.br/">Shopping</a></li>');
    document.write('    <li><a target="' + configs.target + '" href="http://click.bol.com.br/?rf=barrabol&u=http://noticias.bol.uol.com.br/widgets/">Widgets</a></li>');
    document.write('  </ul>');
    document.write('</div>');
    this.subItens = document.getElementById("barraBOLv2SubItens");
    this.isWebKit = navigator.userAgent.indexOf("WebKit") == -1 ? false : true;
  },
  click : function (obj) {
    // Se não utilizar o WebKit da apple, utiliza o objeto do <td>
    if(!this.isWebKit) {
      this.tdClick        = obj.parentNode;
      this.objForPosition = obj.parentNode;
    }
    // Se utiliza o webkit (ex. safari e chrome), utiliza o objeto do <div> para posicionar (bug)
    else {
      this.tdClick = obj.parentNode;
      this.objForPosition = obj;
    }
    this.subItens.style.left = (this.objForPosition.offsetLeft) + "px";
    this.subItens.style.top  = (this.objForPosition.offsetTop + this.objForPosition.offsetHeight - 2 + (this.isWebKit ? 5 : 0)) + "px";
    this.subItens.className = this.subItens.className == "hidden" ? "" : "hidden";
    // se for fechar, tira estilo
    if(this.subItens.className == "hidden")
      this.tdClick.className = this.tdClick.className.replace(/ ?ativo/g, "");
    // se abrir, coloca o estilo
    else
      this.tdClick.className += " ativo";
    return false;
  },
  close : function () {
    if(this.subItens && this.tdClick) {
      this.time = setTimeout(function () {
        barraBOLv2.subItens.className = "hidden";
        barraBOLv2.tdClick.className = barraBOLv2.tdClick.className.replace(/ ?ativo/g, "");
      }, 300);
    }
  },
  clear : function () { clearTimeout(this.time); }
}






