/* SWFObject v2.1 Copyright (c) 2007-2008 Geoff Stearns, Michael Williams, and Bobby van der Sluis This software is released under the MIT License */ var swfobject=function(){var b="undefined",Q="object",n="Shockwave Flash",p="ShockwaveFlash.ShockwaveFlash",P="application/x-shockwave-flash",m="SWFObjectExprInst",j=window,K=document,T=navigator,o=[],N=[],i=[],d=[],J,Z=null,M=null,l=null,e=false,A=false;var h=function(){var v=typeof K.getElementById!=b&&typeof K.getElementsByTagName!=b&&typeof K.createElement!=b,AC=[0,0,0],x=null;if(typeof T.plugins!=b&&typeof T.plugins[n]==Q){x=T.plugins[n].description;if(x&&!(typeof T.mimeTypes!=b&&T.mimeTypes[P]&&!T.mimeTypes[P].enabledPlugin)){x=x.replace(/^.*\s+(\S+\s+\S+$)/,"$1");AC[0]=parseInt(x.replace(/^(.*)\..*$/,"$1"),10);AC[1]=parseInt(x.replace(/^.*\.(.*)\s.*$/,"$1"),10);AC[2]=/r/.test(x)?parseInt(x.replace(/^.*r(.*)$/,"$1"),10):0}}else{if(typeof j.ActiveXObject!=b){var y=null,AB=false;try{y=new ActiveXObject(p+".7")}catch(t){try{y=new ActiveXObject(p+".6");AC=[6,0,21];y.AllowScriptAccess="always"}catch(t){if(AC[0]==6){AB=true}}if(!AB){try{y=new ActiveXObject(p)}catch(t){}}}if(!AB&&y){try{x=y.GetVariable("$version");if(x){x=x.split(" ")[1].split(",");AC=[parseInt(x[0],10),parseInt(x[1],10),parseInt(x[2],10)]}}catch(t){}}}}var AD=T.userAgent.toLowerCase(),r=T.platform.toLowerCase(),AA=/webkit/.test(AD)?parseFloat(AD.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,q=false,z=r?/win/.test(r):/win/.test(AD),w=r?/mac/.test(r):/mac/.test(AD);/*@cc_on q=true;@if(@_win32)z=true;@elif(@_mac)w=true;@end@*/return{w3cdom:v,pv:AC,webkit:AA,ie:q,win:z,mac:w}}();var L=function(){if(!h.w3cdom){return }f(H);if(h.ie&&h.win){try{K.write("
test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test
=============================================================================== */ ( function( $ ) { jQuery(function($) { $( window ).wresize(resizeScroller); function resizeScroller() { $('.scroll-pane').each(function(i, elem) { $(elem).jScrollHorizontalPane(_jscr_globalProperties[$(elem).attr('id')] ); }); } }); $.fn.wresize = function( f ) { version = '1.1'; wresize = {fired: false, width: 0}; function resizeOnce() { if ( $.browser.msie ) { if ( ! wresize.fired ) { wresize.fired = true; } else { var version = parseInt( $.browser.version, 10 ); wresize.fired = false; if ( version < 7 ) { return false; } else if ( version == 7 ) { //a vertical resize is fired once, an horizontal resize twice var width = $( window ).width(); if ( width != wresize.width ) { wresize.width = width; return false; } } } } return true; } function handleWResize( e ) { if ( resizeOnce() ) { return f.apply(this, [e]); } } this.each( function() { if ( this == window ) { $( this ).resize( handleWResize ); } else { $( this ).resize( f ); } } ); return this; }; } ) ( jQuery ); (function($) { $.fn.epgflyout = function(settings) { // set default settings (if no settings given as param) var defaults = { // set the name of the channel we want to display as default p7ChannelId: 'p7', // set how many rows will be displayed shownDays: 7, // set the position of the default row of the current day positionOfCurrentDay: 2, // set how many days from the current day in the future are to be shown in the left day list (6 weeks) shownDaysInFuture: (6*7) }; settings = $.extend({}, defaults, settings); return this.each( function () { var $this = $(this); // Instance of Carousel-Widget var epgflyoutDayCarouselInstance; // flag is set when EPG-Flyout initializes an AJAX-Call var reloading = false; /** * Initialize EPG-Flyout */ function init() { reloading = true; $this.ajaxStart(function(){ if (reloading) { $('#epg-flyout-loading').show(); } }); $this.ajaxStop(function(){ if (reloading) { $('#epg-flyout-loading').hide(); reloading = false; } }); this.currentDate = new Date(); //this.currentDate = new Date("10/01/2009"); // for debugging purposes this.firstDate = new Date(currentDate); this.firstDate.setDate(currentDate.getDate()-(settings.positionOfCurrentDay-1)); //debug("currentDate: '"+getEPGDateString(currentDate)+"', firstDate: '"+getEPGDateString(firstDate)+"'"); fillDateCarousel(this.currentDate); // create jCarousel widget for displaying days // see http://sorgalla.com/projects/jcarousel/ for details $('#dayFlyoutCarousel').jcarousel({ vertical: true, scroll: (settings.shownDays-1), initCallback: dayCarouselInit, itemFirstInCallback: dayCarouselFirstIn }); addEvents(); } /** * fill the dayCarousel with all dates, as set in the settings * * @param currentDate the day to take as the current date */ function fillDateCarousel(currentDate) { /** * creates something like this: * *
  • Gestern Mi., 25.03.2009
    • *
  • Heute Do., 26.03.2009
    • *
  • Morgen Fr., 27.03.2009
    • *
  • Sa., 28.03.2009
    • *
  • So., 29.03.2009
    • */ var html = ""; // the schedule starts depending of which position the current day should have var startingDate = new Date(this.firstDate); // iterate through all days we want to see in the list (See settings for more explanation) var tempDate = new Date(startingDate); for (var i=0; i < (settings.shownDaysInFuture + settings.positionOfCurrentDay); i++) { html += "
  • '; if (channelday != undefined) { var firstItemRendered = false; for (var i=0; i nicht anzeigen continue; } else { // Sendungsende nach 6h => teilweise anzeigen var newDuration = (parseInt(end,10) - 360); channelday.scheduleItems[i].realDuration = newDuration; } } else { // Sendungsbeginn nach 6h => nach rechts schieben var offset = 3.4 * ((time[0] * 60) + parseInt(time[1], 10) - 360); var offsetDiv = '
    '; html += offsetDiv; } } html += renderScheduleItem(channelday.scheduleItems[i], firstItemRendered); firstItemRendered = true; } } html += ''; $('#flyout-programview').append(html); } /** * Render ScheduleItem * * @param item * @param checkItemEnding * @return */ function renderScheduleItem(item, checkItemEnding) { // startdate has the format: 'dd-mm-yy hh:mm:ss' // Check if program is currently running var datesplit = item.startDate.split(' '); var date = datesplit[0].split('-'); var time = datesplit[1].split(':'); // yyyy, mm, dd, hh, mm, ss var startDate = new Date(date[0], date[1]-1, date[2], time[0], time[1], 0); var start = startDate.getTime(); var end = start + (parseInt(item.realDuration, 10) * 60 * 1000); // Items nur bis 6h Folgetag anzeigen if (checkItemEnding) { var endDate = new Date(end); if (startDate.getHours() < 6 && endDate.getHours() >= 6) { endDate.setHours(6); endDate.setMinutes(0); end = endDate.getTime(); // set new Duration item.realDuration = (end - start) / (60 * 1000); } } var now = new Date().getTime(); var running = (start <= now && now <= end); var title = item.programTitle; var hovertitle = datesplit[1] + " - " + item.programTitle; /* Breitenberechnung: * 1h = 204px => 1min = 3.4px * jedes Item hat 1px Border links u. rechts + 3px Margin rechts => 5px Rand */ var width = (item.realDuration * 3.4) - 5; if (width < 0) { width = 0; } // Tooltip über komplettes Element, Text nur bei Items breiter als 26px var html = '
    '; if (!running) { html += ''; } else { html += ''; } if (width < 26) { html += ' '; } else { html += title; } html += ''; html += '
    '; return html; } /** * Register events for all items in a already rendered page */ function addEvents() { // rollover fill and show $('.flyout-programm-block').mouseenter(function() { $(this).addClass('active'); // fill and show info showFlyoutRolloverInfo($(this).attr('id')); }); // move rollover info with mouse $('.flyout-programm-block').mousemove(function(e) { if (e.pageX < 420) { $('#flyout-rollover-info').css({ left: (e.pageX + 10)+'px' }); } else { $('#flyout-rollover-info').css({ left: (e.pageX - 420)+'px' }); } if (e.pageY < 290) { $('#flyout-rollover-info').css({ top: (e.pageY + 20)+'px' }); } else { $('#flyout-rollover-info').css({ top: (e.pageY - 105)+'px' }); } }); // hide rollover on mouse out //$('.flyout-programm-block').mouseout(function() { $('.flyout-programm-block').mouseleave(function() { $(this).removeClass('active'); $('#flyout-rollover-info').hide(); }); // click links to TV-Programm var tvPageHref = $('.epg-flyout .flyout-footer a').attr('href'); $('.flyout-programm-block').click(function() { var date = $(this).parent().attr('id').replace(/row_/, ""); var externalId = $(this).attr('id'); if (tvPageHref && date && externalId) { var url = tvPageHref + "?pdate=" + date + "&pitem=" + externalId; window.location.href = url; } }); } /** * Callback-Function Carousel-Plugin init, will be called once widget is initialized * * @param carousel * @param state * @return */ function dayCarouselInit(carousel, state) { epgflyoutDayCarouselInstance = carousel; } /** * new function to be called, when the carousel is navigated * */ function dayCarouselFirstIn(carousel, item, idx, state) { //debug("callback called with params [carousel: '"+carousel+"' item: '"+item+"' idx: '"+idx+"' state: '"+state+"']"); if (idx == null) { idx = 0; } // calculate the day to render by starting by the day given by the carousel var startingDate = new Date(this.firstDate); startingDate.setDate(this.firstDate.getDate() + idx - 1); // empty programview so we can fill it with fresh data $('#flyout-programview').html(''); reloading = true; getAndRenderChannelDays(startingDate, settings.shownDays); } /** * refreshes the div containing the rollover info before displaying it to the user */ function showFlyoutRolloverInfo(externalId) { $('#flyout-rollover-info').html('').show(); jQuery.get('/epg?extId=' + externalId, {}, function(xml) { var scheduleItem = createEPGScheduleItemFromXml(xml); renderProgram(scheduleItem); }); } /** * renders a program for the rollover info */ function renderProgram(scheduleItem) { if (scheduleItem != undefined) { var program = scheduleItem.program; var title = (program.title != undefined)?program.title:""; var synopsis = (program.synopsis != undefined)?program.synopsis:""; var html = ""; //var imgurl = "/img/blank.gif"; var imgurl = ""; if (program.image && program.image.url && program.image.contentId) { imgurl = "/polopoly_fs/" + program.image.contentId + "!" + program.image.url; } if (imgurl != "") { //html += ''; // the images are delivered in 148xflexible format html += ''; } html += '

    '+title+'


    '; var datesplit = scheduleItem.startDate.split(' '); html += '
    ' + datesplit[1] + ' Uhr
    '; //html += '
    24.05 2009 von 20:15 - 22:25 Uhr
    '; html += '

    '+synopsis+'

    '; //html += 'Mehr Informationen'; html += '

    '; $('#flyout-rollover-info').html(html); //$('#flyout-rollover-info').show(); } else { debug("program info not found"); } } init(); }); }; })(jQuery); /** * Display EPG-Object details and debug-messages in Firebug Console */ function debug(obj) { if (window.console && window.console.log) { if (obj != undefined && obj.display) { window.console.log(obj.display()); } else { window.console.log(obj); } } } function EPGGenre(contentId, name) { this.contentId = contentId; this.name = name; this.display = displayEPGGenre; } function createGenreFromElement(element) { if (!element) { return null; } return new EPGGenre(element.attr('contentid'), element.attr('name')); } function displayEPGGenre() { return "Content id: " + this.contentId + "\nName: " + this.name + "\n"; } function EPGImage(contentId, name, url) { this.contentId = contentId; this.name = name; this.url = url; this.display = displayEPGImage; } function createImageFromElement(element) { if (!element) { return null; } return new EPGImage(element.attr('contentid'), element.attr('name'), element.attr('url')); } function displayEPGImage() { return "Content id: " + this.contentId + "\n" + "Name: " + this.name + "\n" + "Url: " + this.url + "\n"; } function EPGVideo(contentId, name, headline, url, description, fullEpisode, previewImage) { this.contentId = contentId; this.name = name; this.headline = headline; this.url = url; this.description = description; this.fullEpisode = fullEpisode; this.previewImage = previewImage; this.display = displayEPGVideo; } function createVideoFromElement(element) { if (!element) { return null; } var image = element.find('image'); return new EPGVideo(element.attr('contentid'), element.attr('name'), element.attr('headline'), element.attr('url'), element.attr('description'), element.attr('fullepisode'), image ? createImageFromElement(image.eq(0)) : null); } function displayEPGVideo() { var output = "Content id: " + this.contentId + "\n" + "Name: " + this.name + "\n" + "Headline: " + this.headline + "\n" + "Url: " + this.url + "\n" + "Description: " + this.description + "\n" + "Full episode: " + this.fullEpisode + "\n"; if(this.previewImage) { output = output + "Preview image:\n" + this.previewImage.display(); } return output; } function EPGIcon(linkUrl, iconSrc) { this.linkUrl = linkUrl; this.iconSrc = iconSrc; this.display = displayEPGIcon; } function displayEPGIcon() { return "Link URL: " + this.linkUrl + "\nIcon Src: " + this.iconSrc + "\n"; //this.display } function createEPGIconFromElement(element) { if (!element) { return null; } return new EPGIcon(element.attr('href'), element.attr('iconsrc')); } function EPGProgram(contentId, externalId, name, title, originalTitle, synopsis, episodeTitle, episodeNumber, yearFrom, yearTo, moreLink, image, video, genres, icons) { this.contentId = contentId; this.externalId = externalId; this.name = name; this.title = title; this.originalTitle = originalTitle; this.synopsis = synopsis; this.episodeTitle = episodeTitle; this.episodeNumber = episodeNumber; this.yearFrom = yearFrom; this.yearTo = yearTo; this.moreLink = moreLink; this.image = image; this.video = video; this.genres = genres; this.icons = icons; this.display = displayEPGProgram; } function displayEPGProgram() { var output = "Content id: " + this.contentId + "\n" + "External id: " + this.externalId + "\n" + "Name: " + this.name + "\n" + "Title: " + this.title + "\n" + "Original title: " + this.originalTitle + "\n" + "Synopsis: " + this.synopsis + "\n" + "Episode title: " + this.episodeTitle + "\n" + "Episode number: " + this.episodeNumber + "\n" + "Production year from: " + this.yearFrom + "\n" + "production year to: " + this.yearTo + "\n" + "More Link: " + this.moreLink + "\n"; if (this.image) { output = output + "Image:\n" + this.image.display(); } if (this.video) { output = output + "Video:\n" + this.video.display(); } if (this.genres && this.genres.length > 0) { output = output + "Genres:\n"; for (var i = 0; i < this.genres.length; i++) { output = output + "Genre:\n" + this.genres[i].display(); } } if (this.icons && this.icons.length > 0) { output = output + "Icons:\n"; for (var j = 0; j < this.icons.length; j++) { output = output + "Icon:\n" + this.icons[j].display(); } } return output; } function createEPGProgramFromElement(element) { if (!element) { return null; } var images = element.find("images"); var image = null; if (images) { image = images.find("image"); } var videos = element.find("videos"); var video = null; if (videos) { video = videos.find("video"); } var arrayOfIcons = null; var icons = element.find("icons"); if (icons) { var iconElements = icons.eq(0).find("icon"); if (iconElements && iconElements.size() > 0) { arrayOfIcons = new Array(iconElements.size()); iconElements.each(function(i) { arrayOfIcons[i] = createEPGIconFromElement($(this)); }); } } var arrayOfGenres = null; var genres = element.find("genres"); if (genres) { var genreElements = genres.eq(0).find("genre"); if (genreElements && genreElements.size() > 0) { arrayOfGenres = new Array(genreElements.size()); genreElements.each(function(i) { arrayOfGenres[i] = createGenreFromElement($(this)); }); } } return new EPGProgram(element.attr('contentid'), element.attr('externalid'), element.attr('name'), element.attr('title'), element.attr('original-title'), element.attr('synopsis'), element.attr('episode-title'), element.attr('episode-number'), element.attr('production-year-from'), element.attr('production-year-to'), element.find("morelink").attr('href'), image ? createImageFromElement(image.eq(image.size()-1)) : null, video ? createVideoFromElement(video.eq(0)) : null, arrayOfGenres, arrayOfIcons); } function EPGScheduleItem(contentId, externalId, name, startDate, duration, realDuration, programExternalId, programTitle, program) { this.contentId = contentId; this.externalId = externalId; this.name = name; this.startDate = startDate; this.duration = duration; this.realDuration = realDuration; this.programTitle = programTitle; this.programExternalId = programExternalId; this.program = program; this.display = displayEPGScheduleItem; } function displayEPGScheduleItem() { return "Content id: " + this.contentId + "\n" + "External id: " + this.externalId + "\n" + "Name: " + this.name + "\n" + "Start date: " + this.startDate + "\n" + "Duration: " + this.duration + "\n" + "Real duration: " + this.realDuration + "\n" + "Program Title: " + this.programTitle + "\n" + "Program External id: " + this.programExternalId + "\n" + "Program: " + this.program.display() + "\n"; } function createEPGScheduleItemFromElement(element) { if (!element) { return null; } return new EPGScheduleItem(element.attr('contentid'), element.attr('externalid'), element.attr('name'), element.attr('start-date'), element.attr('duration'), element.attr('realduration'), element.attr('program-externalid'), element.attr('program-title'), createEPGProgramFromElement($('program', element))); } /** * creates an EPGScheduleItem object from xml element */ function createEPGScheduleItemFromXml(xml) { if (!xml) { return null; } var scheduleItem = $("schedule-item", xml); if (!scheduleItem) { return null; } return createEPGScheduleItemFromElement(scheduleItem); } function EPGChannel(contentId, externalId, channelId, name, image) { this.contentId = contentId; this.externalId = externalId; this.channelId = channelId; this.name = name; this.image = image; this.display = displayEPGChannel; } function displayEPGChannel() { var output = "Content id: " + this.contentId + "\n" + "External id: " + this.externalId + "\n" + "Channel id: " + this.channelId + "\n" + "Name: " + this.name + "\n"; if (this.image) { output = output + "Image:\n" + this.image.display(); } return output; } function createEPGChannelsFromDepartmentXml(xml) { if (!xml) { return null; } var channels = $('channel', xml); if (!channels) { return null; } var channelsArray = new Array(); channels.each( function(i) { channelsArray[$(this).attr('channelid')] = createChannelFromElement($(this)); }); return channelsArray; } function createChannelFromElement(element) { if (!element) { return null; } var images = element.find('image'); return new EPGChannel(element.attr('contentid'), element.attr('externalid'), element.attr('channelid'), element.attr('name'), images ? createImageFromElement(images.eq(0)) : null); } function EPGChannelDay(contentId, date, externalId, name, channel, scheduleItems) { this.contentId = contentId; this.date = date; this.externalId = externalId; this.name = name; this.channel = channel; this.scheduleItems = scheduleItems; this.display = displayEPGChannelDay; } function displayEPGChannelDay() { var output = "Content id: " + this.contentId + "\n" + "Date: " + this.date + "\n" + "External id: " + this.externalId + "\n" + "Name: " + this.name + "\n"; if (this.channel) { output = output + "Channel\n" + this.channel.display(); } if (this.scheduleItems) { output = output + "Schedule items\n"; for (i = 0; i < this.scheduleItems.length; i++) { output = output + "Schedule item\n"; output = output + this.scheduleItems[i].display(); } } return output; } function createEPGChannelDay(root) { var scheduleItems = $('schedule-item', root); var scheduleItemArray = null; if (scheduleItems) { scheduleItemArray = new Array(scheduleItems.size()); scheduleItems.each( function(i) { scheduleItemArray[i] = createEPGScheduleItemFromElement($(this)); }); } return new EPGChannelDay(root.attr('contentid'), root.attr('date'), root.attr('externalid'), root.attr('name'), createChannelFromElement($('channel', root)), scheduleItemArray); } function createEPGChannelDayFromXml(xml) { if (!xml) { return null; } var root = $("channelday", xml); if (!root) { return null; } return createEPGChannelDay(root); } function createEPGChannelDaysFromXml(xml) { if (!xml) { return null; } var root = $("channeldays", xml); if (!root) { return null; } var channeldays = $('channelday', root); var channeldayArray = null; if (channeldays) { channeldayArray = new Array(channeldays.size()); channeldays.each( function(i) { channeldayArray[i] = createEPGChannelDay($(this)); }); } return channeldayArray; } /** * creates an EPGProgram object from xml element */ function createEPGProgramFromXml(xml) { if (!xml) { return null; } var programNode = $("program", xml); if (!programNode) { return null; } return createEPGProgramFromElement(programNode); } /** * returns the given date as german formatted string, e.g. "Do., 06.07.2009" * * @param date */ function getGermanDateString(date) { // see http://docs.jquery.com/UI/Datepicker/formatDate for details return $.datepicker.formatDate('D., dd.mm.yy', date); } /** * returns a string representation of the date given, e.g. "20090706" * * @param date the date to transform */ function getEPGDateString(date) { // see http://docs.jquery.com/UI/Datepicker/formatDate for details return $.datepicker.formatDate('yymmdd', date); } /** * returns true if 2 dates are equal, resoluting to DAY. * * @param date1 * @param date2 */ function datesHaveSameDay(date1, date2) { return (date1.getYear() == date2.getYear() && date1.getMonth() == date2.getMonth() && date1.getDate() == date2.getDate()); }