fcms_include("flowplayerjs");

function pinboard_start() {
  return true;
}

function TopsliderAendern() {
          jQuery("#topslider").css({'backgroundImage':'url("/pics/topslider_background2.png")'});
}

/* ---------- MouseOver für Haupt-Navigation ---------- */

function initMainNav() {
  var delay = 300;
  var topNav = jQuery("#mainNav");
  var lv1LIs = topNav.find(">UL>LI");
  var lv1Active = lv1LIs.filter(".active");
  if ( lv1Active.length == 0 ) {
    lv1Active = lv1LIs.eq(0);
    lv1Active.addClass("active");
  }
  var lv1Mouseover;
  var lv1Leave = 0;
  lv1LIs.each(function(){
    jQuery(this).mouseenter(function(){
      if(lv1Leave!=0){
        window.clearTimeout(lv1Leave);
        lv1Leave=0;
      }
      var lv1Activated = jQuery(this);
      lv1Mouseover = lv1Activated;
      window.setTimeout(function(){
        if ( lv1Mouseover == lv1Activated ) {
          lv1LIs.removeClass("active");
          lv1Activated.addClass("active");
        }
      },delay);
    });
  });
  topNav.mouseleave(function(){
    lv1Leave = window.setTimeout(function(){
      lv1LIs.removeClass("active");
      lv1Active.addClass("active");
    },delay);
  });
}

/* ---------- Vordefinierter Text in Suchfeld ---------- */

function initHeaderSearch()  {
  var text = "SUCHE"
  jQuery("#header DIV.search INPUT.text").val(text).addClass("bright").click(function(){
    jQuery(this).val();
  }).focus(function() {
    jQuery(this).removeClass("bright");
    if ( jQuery(this).val() == text ) jQuery(this).val("");
  }).blur(function(){
    if ( jQuery(this).val() == "" ) jQuery(this).val(text).addClass("bright");
  });
}

/* ---------- MouseOver-Effekt für Topslider ---------- */

function initTopslider() {
  var topslider = jQuery("#topslider");
  var line = topslider.find("DIV.line");
  var big = topslider.find("DIV.big");
  var img = topslider.find("IMG");
  var pointer = topslider.find("DIV.pointer:eq(0)");
  var active = 0;
  var auto = 0;

  auto = setInterval(function(){
    var next = active+1;
    if ( next >= line.length ) next = 0;
    showTopsliderTab(next);
  },10000);    

  topslider.mouseenter(function(){
    if ( auto != 0 ) {
      clearInterval(auto);
      auto = 0;
    }
  }).mouseleave(function(){
    if ( auto != 0 ) return false;
    auto = setInterval(function(){
      var next = active+1;
      if ( next >= line.length ) next = 0;
      showTopsliderTab(next);
    },10000);    
  });

  line.mouseenter(function(){
    var index = line.index(jQuery(this));
    showTopsliderTab(index);
  });

  var showTopsliderTab = function(index) {
    pointer.stop().animate({top:index*75+4},300);
    if ( active == index ) return false;
    active = index;
    for (var i=0;i<line.length;i++) {
      if ( i == index ) {
        big.eq(i).stop().css("display","block").css("opacity",0).animate({opacity:1},300,function(){
          jQuery(this).css("opacity","");
        });
        img.eq(i).stop().css("display","block").css("opacity",0).animate({opacity:1},300,function(){
          jQuery(this).css("opacity","");
        });
      } else {
        big.eq(i).stop().animate({opacity:0},300,function(){
          jQuery(this).css("display","none");
        });
        img.eq(i).stop().animate({opacity:0},300,function(){
          jQuery(this).css("display","none");
        });
      }
    }
  }

}

/* ---------- MouseOver-Effekt für ListSlider ---------- */

function initListSlider() {

  var LI = jQuery("DIV.listSlider:last LI");
  var maxHeight = 90;
  var int = 1;
  var activeIndex = 0;
  var height = new Array();

  var setHeight = function() {
    var restCheck = 0;
    for(var i=0;i<height.length;i++){
      if ( i <= activeIndex && i != 0 ) {
        height[i] += 5;
        if ( height[i] > maxHeight ) height[i] = maxHeight;
      } else {
        height[i] -= 5;
        if ( height[i] < 0 ) height[i] = 0;
        restCheck += height[i];
      }
      var x = Math.round((height[i]/maxHeight)*100)/100;
      var y = Math.sin(Math.PI/-2+Math.PI*x);
      var outputHeight = Math.round((y+1)/2*maxHeight);
      if(i!=0){
        LI.eq(i).css("margin-bottom",-90+outputHeight).css("margin-top",outputHeight*(-1));
      }
    }
    if ( height[activeIndex] >= maxHeight && restCheck == 0 ) {
      window.clearInterval(int);
      int = 1;
    }
  }

  var startInterval = function() {
    if ( int != 1 ) {
      window.clearInterval(int);
      int = 1;
    }
    setHeight();
    int = setInterval(function(){
      setHeight();
    },15);
  }

  LI.each(function(){
    var index = LI.index(jQuery(this));
    if ( jQuery(this).hasClass("active") ) {
      height.push(90);
    } else {
      height.push(0);
    }
    jQuery(this).mouseover(function(){ 
      activeIndex = index;
      startInterval();
    });
  });

}

/* ---------- Tab-Funktion ---------- */

function initTabs(id) {
  var LI = jQuery("#"+id+">LI");
  var A = LI.find(">A");
  var TAB = LI.find("DIV.tab");
  LI.each(function(){
    var index = LI.index(jQuery(this));
    if ( index == 0 ) {
      jQuery(this).addClass("active").find("A:eq(0)").addClass("active");
    }
    var TD = jQuery(this).find("TD");
    var length = TD.length;
    if ( length > 1 ) {
      var TABLE = jQuery(this).find("TABLE:eq(0)");
      var pos = 0;
      var html = '<div class="selector">';
      html += '<div class="first"></div><div class="left"></div>';
      html += '<span>Meldung <span class="pos">'+(pos+1)+'</span> von '+TD.length+'</span>';
      html += '<div class="right"></div><div class="last"></div>';
      html += '</div>';
      TAB.eq(index).prepend(html);
      var posText = jQuery(this).find("SPAN.pos");
      jQuery(this).find("DIV.first").click(function(){
        pos = 0;
        posText.html(1);
        TABLE.stop().animate({marginLeft: 0},500);
      });
      jQuery(this).find("DIV.left").click(function(){
        pos--;
        if ( pos < 0 ) pos = length-1;
        posText.html(pos+1);
        TABLE.stop().animate({marginLeft: -312*pos},500);
      });
      jQuery(this).find("DIV.right").click(function(){
        pos++;
        if ( pos >= length ) pos = 0;
        posText.html(pos+1);
        TABLE.stop().animate({marginLeft: -312*pos},500);
      });
      jQuery(this).find("DIV.last").click(function(){
        pos = length-1;
        posText.html(pos+1);
        TABLE.stop().animate({marginLeft: -312*pos},500);
      });
    }
    A.eq(index).click(function(){
      if ( jQuery(this).hasClass("active") ) return false;
      TAB.not(index).fadeOut(300);
      TAB.eq(index).fadeIn(300,function(){
        jQuery(this).attr("style","display:block");
      });
      A.removeClass("active");
      jQuery(this).addClass("active");
      return false;
    }).focus(function(){
      jQuery(this).blur();
    });
  });
}

/* ---------- Wetter in der Hinweisspalte ---------- */


function wetterHWS() {


    jQuery("#tagname1").hover(function () {
	    jQuery(".taginfo1").show();
	    jQuery(".taginfo2").hide();
	    jQuery(".taginfo3").hide();
	    jQuery(".taginfo4").hide();
	});
	
    jQuery("#tagname2").hover(function () {
	    jQuery(".taginfo1").hide();
	    jQuery(".taginfo2").show();
	    jQuery(".taginfo3").hide();
	    jQuery(".taginfo4").hide();
	});	

    jQuery("#tagname3").hover(function () {
	    jQuery(".taginfo1").hide();
	    jQuery(".taginfo2").hide();
	    jQuery(".taginfo3").show();
	    jQuery(".taginfo4").hide();
	});	
	
    jQuery("#tagname4").hover(function () {
	    jQuery(".taginfo1").hide();
	    jQuery(".taginfo2").hide();
	    jQuery(".taginfo3").hide();
	    jQuery(".taginfo4").show();
	});	
	

	jQuery('.reiter').hover(
		function() {
			jQuery(this).css('cursor', 'pointer');
                        jQuery("#tagname1").removeClass('reiter active').addClass('reiter');
                        jQuery("#tagname2").removeClass('reiter active').addClass('reiter');
                        jQuery("#tagname3").removeClass('reiter active').addClass('reiter');
                        jQuery("#tagname4").removeClass('reiter active').addClass('reiter');
                        jQuery(this).removeClass('reiter').addClass('reiter active');
		}, function() {
			jQuery(this).css('cursor', 'default');
                        jQuery("#tagname1").removeClass('reiter active').addClass('reiter');
                        jQuery("#tagname2").removeClass('reiter active').addClass('reiter');
                        jQuery("#tagname3").removeClass('reiter active').addClass('reiter');
                        jQuery("#tagname4").removeClass('reiter active').addClass('reiter');
                        jQuery(this).removeClass('reiter').addClass('reiter active');

		}
	);	
}


/* ---------- Werbebanner ---------- */

function Werbung() {
  jQuery('#superbanner').load('http://radio912.de/banner_wrapper.php?zone=1');
}

/* ---------- initTeam ----------- */

function initTeam() {

  var teambox = jQuery("#team");
  var teamboxOffset = teambox.offset();
  var teamboxTop = teamboxOffset.top;
  var teamboxLeft = teamboxOffset.left;
  var teamboxRight = teamboxLeft+teambox.outerWidth();
  var teamboxBottom = teamboxTop+teambox.outerHeight();
  var teamOverlay = jQuery("#teamOverlay");
  var teamOverlayScroller = jQuery("#teamOverlayScroller");
  var ratio = 169/88;
  var fadeOut = 0;
  var items = teambox.find("DIV.item");
  var h2 = items.find("H2");

  teamOverlay.mousemove(function(e){

    var x =  e.pageX;
    var y =  e.pageY;

    if ( y < teamboxTop || x < teamboxLeft || y > teamboxBottom || x > teamboxRight ) {
      if ( fadeOut == 0 ) {
        items.stop().animate({opacity:1},200,function(){
          jQuery(this).removeAttr("style");
        });
        h2.stop().animate({opacity:1},200,function(){
          jQuery(this).removeAttr("style");
        });
        fadeOut = 1;
        jQuery(this).stop().animate({opacity:0},200,function(){
          jQuery(this).css("display","none");
        });
      }
    }

    jQuery(this).css("top",y-101);
    jQuery(this).css("left",x-101);


    var leftmargin = (x-teamboxLeft)*ratio;
    var topmargin = (y-teamboxTop)*ratio;

    teamOverlayScroller.css("margin-top",topmargin*(-1)+130);
    teamOverlayScroller.css("margin-left",leftmargin*(-1)+116);

  }).mouseleave(function(){
      items.stop().animate({opacity:1},200,function(){
        jQuery(this).removeAttr("style");
      });
      h2.stop().animate({opacity:1},200,function(){
        jQuery(this).removeAttr("style");
      });
      jQuery(this).stop().animate({opacity:0},200,function(){
        jQuery(this).css("display","none");
      });    
  });

  teambox.mousemove(function(e){

    items.stop().animate({opacity:0.2},200);
    h2.stop().animate({opacity:0.2},200);

    fadeOut = 0;

    teamOverlay.css("display","block");

    var x =  e.pageX;
    var y =  e.pageY;

    teamOverlay.css("top",y-101);
    teamOverlay.css("left",x-101);

    teamOverlay.stop().animate({opacity:1},200);

  });

  teambox.find("IMG").each(function(){
    var img = jQuery(this).attr("src");
    var html = "<img src=\""+img+"\" />";
    teamOverlayScroller.append(html);
  });

}

/* -------- DIASHOW -------- */

function initDiashow(obj) {

  var ajax = 0;
  var thumbs = obj.find("DIV.thumbs:eq(0)"); 
  var pagerBox = obj.find("DIV.pager");
  var pager = pagerBox.find("SPAN:eq(0)");
  var text = obj.find("P:eq(0)");
  var left = obj.find("DIV.left:eq(0)");
  var right = obj.find("DIV.right:eq(0)");
  var overview = obj.find("DIV.overview");
  var close = obj.find("DIV.close");
  var bigDiaImage = obj.find("DIV.bigDiaImage")
  var images = thumbs.find("A");
  var length;
  var index;

  images.click(function(){
    callIVW();
    var link = jQuery(this).attr("href");
    index = images.index(jQuery(this));
    loadDiashowTable(link);
    thumbs.fadeOut(300,function(){
      obj.find("DIV.image").animate({height:'500px'},500);
      left.fadeIn(500);
      right.fadeIn(500);
      thumbs.css("overflow","auto");
    });
    return false;
  });

  function loadDiashowImage() {
    close.css("display","block");
    var image = images.eq(index);
    pager.html((index+1)+"/"+length);
    text.html(image.find("SPAN").html());
    var imageurl = image.attr("href");
    bigDiaImage.css("background-image","url('"+imageurl+"')");
    bigDiaImage.fadeIn(500);
  }

  function loadDiashowTable(link) {
    ajax = 1;
    obj.find("DIV.thumbs").load(link+" A", function(){
      images = jQuery(this).find("A");
      length = images.length;
      if ( index != "overview") loadDiashowImage();
      obj.find("DIV.diaText").css("display","block");
      images.click(function(){
        callIVW();
        overview.css("opacity",1);
        index = images.index(jQuery(this));
        thumbs.css("display","none");
        pagerBox.css("visibility","visible");
        bigDiaImage.fadeIn(500);
        loadDiashowImage();
        left.fadeIn(500);
        right.fadeIn(500);
        obj.find("DIV.image").animate({height:'500px'},500);
        return false;
      }).mouseover(function(){
        pagerBox.css("visibility","visible");
        pager.html((images.index(jQuery(this))+1)+"/"+length);
        text.html(jQuery(this).find("SPAN").html());
      }).mouseout(function(){
        if ( index == "overview" ) {
          pagerBox.css("visibility","hidden");
          text.html("");
        }
      });
    });
  }

  right.click(function(){
    callIVW();
    index++;
    if ( index >= length ) index = 0;
    loadDiashowImage();
  });

  left.click(function(){
    callIVW();
    index--;
    if ( index < 0 ) index = length-1;
    loadDiashowImage();
  });

  overview.click(function(){
    callIVW();
    close.css("display","block");
    index = "overview";
    if ( ajax == 0 ) loadDiashowTable(images.eq(0).attr("href"));
    obj.find("DIV.image").animate({height:'500px'},500);
    thumbs.css("overflow","auto");        
    pagerBox.css("visibility","hidden");
    text.html("");
    bigDiaImage.css("display","none");
    thumbs.fadeIn(500);
    left.fadeOut(500);
    right.fadeOut(500);
    jQuery(this).css("opacity",0.3);
  });

  close.click(function(){
    callIVW();
    overview.css("opacity",1);
    jQuery(this).css("display","none");
    bigDiaImage.css("display","none");
    thumbs.fadeIn(500);
    thumbs.css("overflow","hidden");    
    thumbs.scrollTop(0);
    obj.find("DIV.image").animate({height:'92px'},500);
    left.fadeOut(500);
    right.fadeOut(500);
  });
}

function openMP3Stream() {
/*
  windowLiveStream = window.open("http://www.antenneunna.de/webradio_antenne-unna.m3u", "LiveStream", "width=495,height=270,location=no,menubar=no,toolbar=no,directories=no,top=20,left=20,scrollbars=no,resizable=yes,status=no");
  if (windowLiveStream != null) {
    windowLiveStream.window.focus();
  }
*/
  jQuery("#onAirStream A").fadeOut(500,function(){

    var html ="<audio src=\"/storage/med/streamsets/2010/october/21/8_Booker_T_-_Time_Is_Tight.MP3\" autoplay=\"autoplay\" controls=\"controls\" style=\"width:250px;height:36px\">Ihr Browser unterstützt kein HTML5.</audio>";
    jQuery("#html5Stream").css("display","none").html(html).fadeIn(500);
  });
}

function openWMAStream() {
  windowLiveStream = window.open("http://antenne-unna.lokalradioservices.de/", "LiveStream", "width=495,height=270,location=no,menubar=no,toolbar=no,directories=no,top=20,left=20,scrollbars=no,resizable=yes,status=no");
  if (windowLiveStream != null) {
    windowLiveStream.window.focus();
  }
}

function pageView() {
  if ( typeof(IVW) == "string" ) {
    document.write("<img src=\""+IVW+"?r="+escape(document.referrer)+"&d="+(Math.random()*100000)+"\" width=\"1\" height=\"1\" id=\"szmimages\" name=\"szmimages\" alt=\"szmtag\" />");
  }
  _gaq.push(['_trackPageview']);
}

/* IVW */

  function callIVW() {
    jQuery("#ivw").append("<img src=\""+IVW+IVWRessort+";?r="+escape(document.referrer)+"&d="+(Math.random()*100000)+"\" width=\"1\" height=\"1\" />");
  }