var naviHover = true;
jQuery(document).ready(function(jQuery) {
  buildNavi('globalnav');
});

var jsonUrl = 'http://partner.mtv3.fi/ks2010/json.cgi?callback=?';

function buildNavi(place) {
  var target = document.getElementById(place);
  jQuery.getJSON(jsonUrl,
    function(data){
      jQuery(target).append('<style type="text/css">#globalnav.wide { background:white; color:#444444; font-family:Calibri,Helvetica,Arial,sans-serif; font-size:15px; line-height:20px; overflow:hidden; position:relative; word-spacing:0.05em; height:auto; /*width:990px;*/ width:100%; margin:0 auto; text-align:center; -moz-box-shadow:0 5px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 5px 3px rgba(0,0,0,0.1); box-shadow:0 5px 3px rgba(0,0,0,0.3); } #globalnav.wide #globlogo { display:block; float:left; padding:15px 16px 4px 14px; } #globalnav.wide #globlogo img { background:none repeat scroll 0 0 transparent; border:0 none; } #globalnav.wide ul { font-size:18px; line-height:18px; list-style-type:none; margin:0; padding:0; } #globalnav.wide li { display:inline; } #globalnav.wide #servicesnav { float:left; margin:5px 0 0 0; } #globlogo.wide { margin-bottom:7px; } #globalnav.wide #portalnav.wide { clear:both; display:none; left:0; margin:10px 0 0; top:auto; /*width:970px;*/ position: relative; } #portalnav.wide li { margin-right:19px; } #portalnav.wide a { color:#59595B; text-decoration:none; } #portalnav.wide a:hover { text-decoration:underline; } #portalnav.wide .active { color:#FE2300; } .mtv3_wrapper { /*float:left;*/ width:970px; padding-left:20px; margin:5px auto; text-align:left; } .mtv3_wrapper .left { float:left; } .mtv3_wrapper .right { float:right; } .mtv3_wrapper .logo { width:150px; padding: 0; } .mtv3_wrapper .search { color:#6F6F71; width:455px; } #cse-search-box { float:right; margin-bottom:10px; } #haku .blocktitle { background:none repeat scroll 0 0 transparent; text-indent:0; width:auto; } div.search_select { float:right; margin:0 10px 0 0; } div.search_select span { font-weight:bold; } div.search_select input { margin:0 0 0 2px; } #cse-search-box input[type="text"], #cse-search-box input[type="submit"] { -moz-border-radius:5px 0 0 5px; background-color:transparent; background-image:url("http://static.mtv3.fi/default/ks_sprite.png"); background-position:-40px -930px; border:1px solid #AEB8B5; font-family:Calibri,Helvetica,Arial,sans-serif; font-size:14px; height:18px; line-height:18px; margin:0; padding:2px; vertical-align:middle; width:170px; } #cse-search-box input[type="submit"] { -moz-border-radius:0 5px 5px 0; background-position:0 -585px; font-weight:bold; height:24px; margin:0 0 0 -5px; padding:0 5px; text-shadow:1px 1px 1px #FFFFFF; width:auto; } div.search_select { float:right; margin:0 10px 0 0; } div.search_select span { font-weight:bold; } div.search_select input { margin:0 0 0 2px; } #cse-search-box input[type="text"], #cse-search-box input[type="submit"], #cse-search-box input.s_text, #cse-search-box input.s_submit { -moz-border-radius:5px 0 0 5px; background-color:transparent; background-image:url("http://static.mtv3.fi/default/ks_sprite.png"); background-position:-40px -930px; border:1px solid #AEB8B5; font-family:Calibri,Helvetica,Arial,sans-serif; font-size:14px; height:18px; line-height:18px; margin:0; padding:2px; vertical-align:middle; width:170px; } .search_select input[type="radio"] { margin:0 5px; } #cse-search-box input[type="submit"], #cse-search-box input.s_submit { -moz-border-radius:0 5px 5px 0; background-position:0 -585px; font-weight:bold; height:24px; margin:0 0 0 -5px; padding:0 5px; text-shadow:1px 1px 1px #FFFFFF; width:auto; } .mtv3_wrapper #arr { float:right; height:16px; margin:5px 15px 0 0; width:16px; } .mtv3_wrapper .arr { background-color:transparent; background-image:url("http://static.mtv3.fi/default/16px_icosprite_v2.png"); background-position:-305px 0; } .mtv3_wrapper .arr:hover { background-color:transparent; background-image:url("http://static.mtv3.fi/default/16px_icosprite_v2.png"); background-position:-430px 0; } .mtv3_wrapper .arrup { background-color:transparent; background-image:url("http://static.mtv3.fi/default/16px_icosprite_v2.png"); background-position:-385px 0; } .mtv3_wrapper .arrup:hover { background-color:transparent; background-image:url("http://static.mtv3.fi/default/16px_icosprite_v2.png"); background-position:-365px 0; }</style><div class="mtv3_wrapper" id="mtv3_hovernavi"><div class="left logo"><a href="#"><span id="arr" class="arr"></span></a><a href="http://www.mtv3.fi/"><img src="http://static.mtv3.fi/default/mtv3_fi_black.png" border="0"/></a></div><div class="right search"><form action="http://www.mtv3.fi/haku/mtv3.shtml" id="cse-search-box"><div><input type="hidden" name="cx" value="partner-pub-0666351716577473:lvl38bahzjw"><input type="hidden" name="cof" value="FORID:10"><input type="hidden" name="ie" value="ISO-8859-1"><input type="text" class="s_text" name="q" id="q" size="30"><input type="submit" class="s_submit" name="sa" value="Hae" onclick="sendLinkClick(\'mtv3ylanavi_haku\');"></div></form><script type="text/javascript" src="http://www.google.fi/cse/brand?form=cse-search-box&lang=fi"></script><div class="search_select"><span>Haku</span><input type="radio" id="search_select_mtv3" name="search_select" value="mtv3" checked="checked"><label for="search_select_mtv3">MTV3.fi</label><input type="radio" id="search_select_web" name="search_select" value="web"><label for="search_select_web">Web</label></div></div><ul id="portalnav" class="wide">'+data.html+'</ul></div>');
      jQuery("#arr").click(function() {
        if ( jQuery("#arr").hasClass("arrup") ) {
          jQuery("#portalnav").hide();
          jQuery("#arr").removeClass("arrup");
        } else {
          jQuery("#portalnav").show();
          jQuery("#arr").addClass("arrup");
        }
        return false;
      });
    }
  );
}

function showNavi(target){
  document.getElementById(target).style.display = 'block';
}
