/** * jCarousel - Riding carousels with jQuery * http://sorgalla.com/jcarousel/ * * Copyright (c) 2006 Jan Sorgalla (http://sorgalla.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * Built on top of the jQuery library * http://jquery.com * * Inspired by the "Carousel Component" by Bill Scott * http://billwscott.com/carousel/ */ (function($){$.fn.jcarousel=function(o){return this.each(function(){new $jc(this,o);});};var defaults={vertical:false,start:1,offset:1,size:null,scroll:3,visible:null,animation:'normal',easing:'swing',auto:0,wrap:null,initCallback:null,reloadCallback:null,itemLoadCallback:null,itemFirstInCallback:null,itemFirstOutCallback:null,itemLastInCallback:null,itemLastOutCallback:null,itemVisibleInCallback:null,itemVisibleOutCallback:null,buttonNextHTML:'
',buttonPrevHTML:'
',buttonNextEvent:'click',buttonPrevEvent:'click',buttonNextCallback:null,buttonPrevCallback:null};$.jcarousel=function(e,o){this.options=$.extend({},defaults,o||{});this.locked=false;this.container=null;this.clip=null;this.list=null;this.buttonNext=null;this.buttonPrev=null;this.wh=!this.options.vertical?'width':'height';this.lt=!this.options.vertical?'left':'top';var skin='',split=e.className.split(' ');for(var i=0;i');this.container=this.container.parent();}else if(!this.container.hasClass('jcarousel-container'))this.container=this.list.wrap('
').parent();}else{this.container=$(e);this.list=$(e).find('>ul,>ol,div>ul,div>ol');}if(skin!=''&&this.container.parent()[0].className.indexOf('jcarousel-skin')==-1)this.container.wrap('
');this.clip=this.list.parent();if(!this.clip.length||!this.clip.hasClass('jcarousel-clip'))this.clip=this.list.wrap('
').parent();this.buttonPrev=$('.jcarousel-prev',this.container);if(this.buttonPrev.size()==0&&this.options.buttonPrevHTML!=null)this.buttonPrev=this.clip.before(this.options.buttonPrevHTML).prev();this.buttonPrev.addClass(this.className('jcarousel-prev'));this.buttonNext=$('.jcarousel-next',this.container);if(this.buttonNext.size()==0&&this.options.buttonNextHTML!=null)this.buttonNext=this.clip.before(this.options.buttonNextHTML).prev();this.buttonNext.addClass(this.className('jcarousel-next'));this.clip.addClass(this.className('jcarousel-clip'));this.list.addClass(this.className('jcarousel-list'));this.container.addClass(this.className('jcarousel-container'));var di=this.options.visible!=null?Math.ceil(this.clipping()/this.options.visible):null;var li=this.list.children('li');var self=this;if(li.size()>0){var wh=0,i=this.options.offset;li.each(function(){self.format(this,i++);wh+=self.dimension(this,di);});this.list.css(this.wh,wh+'px');if(!o||o.size===undefined)this.options.size=li.size();}this.container.css('display','block');this.buttonNext.css('display','block');this.buttonPrev.css('display','block');this.funcNext=function(){self.next();};this.funcPrev=function(){self.prev();};this.funcResize=function(){};if(this.options.initCallback!=null)this.options.initCallback(this,'init');if($.browser.safari){this.buttons(false,false);$(window).bind('load',function(){self.setup();});}else this.setup();};var $jc=$.jcarousel;$jc.fn=$jc.prototype={jcarousel:'0.2.3'};$jc.fn.extend=$jc.extend=$.extend;$jc.fn.extend({setup:function(){this.first=null;this.last=null;this.prevFirst=null;this.prevLast=null;this.animating=false;this.timer=null;this.tail=null;this.inTail=false;if(this.locked)return;this.list.css(this.lt,this.pos(this.options.offset)+'px');var p=this.pos(this.options.start);this.prevFirst=this.prevLast=null;this.animate(p,false);$(window).unbind('resize',this.funcResize).bind('resize',this.funcResize);},reset:function(){this.list.empty();this.list.css(this.lt,'0px');this.list.css(this.wh,'10px');if(this.options.initCallback!=null)this.options.initCallback(this,'reset');this.setup();},reload:function(){if(this.tail!=null&&this.inTail)this.list.css(this.lt,$jc.intval(this.list.css(this.lt))+this.tail);this.tail=null;this.inTail=false;if(this.options.reloadCallback!=null)this.options.reloadCallback(this);if(this.options.visible!=null){var self=this;var di=Math.ceil(this.clipping()/this.options.visible),wh=0,lt=0;$('li',this.list).each(function(i){wh+=self.dimension(this,di);if(i+1this.options.size)i2=this.options.size;for(var j=i;j<=i2;j++){var e=this.get(j);if(!e.length||e.hasClass('jcarousel-item-placeholder'))return false;}return true;},get:function(i){return $('.jcarousel-item-'+i,this.list);},add:function(i,s){var e=this.get(i),old=0,add=0;if(e.length==0){var c,e=this.create(i),j=$jc.intval(i);while(c=this.get(--j)){if(j<=0||c.length){j<=0?this.list.prepend(e):c.after(e);break;}}}else old=this.dimension(e);e.removeClass(this.className('jcarousel-item-placeholder'));typeof s=='string'?e.html(s):e.empty().append(s);var di=this.options.visible!=null?Math.ceil(this.clipping()/this.options.visible):null;var wh=this.dimension(e,di)-old;if(i>0&&i=this.first&&i<=this.last))return;var d=this.dimension(e);if(ithis.options.size?this.options.size:i);var back=this.first>i;var pos=$jc.intval(this.list.css(this.lt));var f=this.options.wrap!='circular'&&this.first<=1?1:this.first;var c=back?this.get(f):this.get(this.last);var j=back?f:f-1;var e=null,l=0,p=false,d=0;while(back?--j>=i:++j=1&&(this.options.size==null||j<=this.options.size))))pos=back?pos+d:pos-d;}var clipping=this.clipping();var cache=[];var visible=0,j=i,v=0;var c=this.get(i-1);while(++visible){e=this.get(j);p=!e.length;if(e.length==0){e=this.create(j).addClass(this.className('jcarousel-item-placeholder'));c.length==0?this.list.prepend(e):c[back?'before':'after'](e);}c=e;var d=this.dimension(e);if(this.options.wrap!='circular'&&this.options.size!==null&&j>this.options.size)cache.push(e);else if(p)l+=d;v+=d;if(v>=clipping)break;j++;}for(var x=0;x0){this.list.css(this.wh,this.dimension(this.list)+l+'px');if(back){pos-=l;this.list.css(this.lt,$jc.intval(this.list.css(this.lt))-l+'px');}}var last=i+visible-1;if(this.options.wrap!='circular'&&this.options.size&&last>this.options.size)last=this.options.size;if(j>last){visible=0,j=last,v=0;while(++visible){var e=this.get(j--);if(!e.length)break;v+=this.dimension(e);if(v>=clipping)break;}}var first=last-visible+1;if(this.options.wrap!='circular'&&first<1)first=1;if(this.inTail&&back){pos+=this.tail;this.inTail=false;}this.tail=null;if(this.options.wrap!='circular'&&last==this.options.size&&(last-visible+1)>=1){var m=$jc.margin(this.get(last),!this.options.vertical?'marginRight':'marginBottom');if((v-m)>clipping)this.tail=v-clipping-m;}while(i-->first)pos+=this.dimension(this.get(i));this.prevFirst=this.first;this.prevLast=this.last;this.first=first;this.last=last;return pos;},animate:function(p,a){if(this.locked||this.animating)return;this.animating=true;var self=this;var scrolled=function(){self.animating=false;if(p==0)self.list.css(self.lt,0);if(self.options.wrap=='both'||self.options.wrap=='last'||self.options.size==null||self.last=this.options.size)n=this.tail!=null&&!this.inTail;}if(p==undefined||p==null){var p=!this.locked&&this.options.size!==0&&((this.options.wrap&&this.options.wrap!='last')||this.first>1);if(!this.locked&&(!this.options.wrap||this.options.wrap=='last')&&this.options.size!=null&&this.first==1)p=this.tail!=null&&this.inTail;}var self=this;this.buttonNext[n?'bind':'unbind'](this.options.buttonNextEvent,this.funcNext)[n?'removeClass':'addClass'](this.className('jcarousel-next-disabled')).attr('disabled',n?false:true);this.buttonPrev[p?'bind':'unbind'](this.options.buttonPrevEvent,this.funcPrev)[p?'removeClass':'addClass'](this.className('jcarousel-prev-disabled')).attr('disabled',p?false:true);if(this.buttonNext.length>0&&(this.buttonNext[0].jcarouselstate==undefined||this.buttonNext[0].jcarouselstate!=n)&&this.options.buttonNextCallback!=null){this.buttonNext.each(function(){self.options.buttonNextCallback(self,this,n);});this.buttonNext[0].jcarouselstate=n;}if(this.buttonPrev.length>0&&(this.buttonPrev[0].jcarouselstate==undefined||this.buttonPrev[0].jcarouselstate!=p)&&this.options.buttonPrevCallback!=null){this.buttonPrev.each(function(){self.options.buttonPrevCallback(self,this,p);});this.buttonPrev[0].jcarouselstate=p;}},notify:function(evt){var state=this.prevFirst==null?'init':(this.prevFirst=i3&&i<=i4))this.get(i).each(function(){callback(self,this,i,state,evt);});}},create:function(i){return this.format('
  • ',i);},format:function(e,i){var $e=$(e).addClass(this.className('jcarousel-item')).addClass(this.className('jcarousel-item-'+i));$e.attr('jcarouselindex',i);return $e;},className:function(c){return c+' '+c+(!this.options.vertical?'-horizontal':'-vertical');},dimension:function(e,d){var el=e.jquery!=undefined?e[0]:e;var old=!this.options.vertical?el.offsetWidth+$jc.margin(el,'marginLeft')+$jc.margin(el,'marginRight'):el.offsetHeight+$jc.margin(el,'marginTop')+$jc.margin(el,'marginBottom');if(d==undefined||old==d)return old;var w=!this.options.vertical?d-$jc.margin(el,'marginLeft')-$jc.margin(el,'marginRight'):d-$jc.margin(el,'marginTop')-$jc.margin(el,'marginBottom');$(el).css(this.wh,w+'px');return this.dimension(el);},clipping:function(){return!this.options.vertical?this.clip[0].offsetWidth-$jc.intval(this.clip.css('borderLeftWidth'))-$jc.intval(this.clip.css('borderRightWidth')):this.clip[0].offsetHeight-$jc.intval(this.clip.css('borderTopWidth'))-$jc.intval(this.clip.css('borderBottomWidth'));},index:function(i,s){if(s==undefined)s=this.options.size;return Math.round((((i-1)/s)-Math.floor((i-1)/s))*s)+1;}});$jc.extend({defaults:function(d){return $.extend(defaults,d||{});},margin:function(e,p){if(!e)return 0;var el=e.jquery!=undefined?e[0]:e;if(p=='marginRight'&&$.browser.safari){var old={'display':'block','float':'none','width':'auto'},oWidth,oWidth2;$.swap(el,old,function(){oWidth=el.offsetWidth;});old['marginRight']=0;$.swap(el,old,function(){oWidth2=el.offsetWidth;});return oWidth2-oWidth;}return $jc.intval($.css(el,p));},intval:function(v){v=parseInt(v);return isNaN(v)?0:v;}});})(jQuery); function mycarousel_itemLoadCallback(carousel, state) { if (carousel.prevFirst != null) { // Remove the last visible items to keep the list small for (var i = carousel.prevFirst; i <= carousel.prevLast; i++) { // jCarousel takes care not to remove visible items carousel.remove(i); } } var per_page = carousel.last - carousel.first + 1; var currPage = 0; var f,l; var cr = carousel; for (var i = carousel.first; i <= carousel.last; i++) { var page = Math.ceil(i / per_page); if (currPage != page) { currPage = page; f = ((page - 1) * per_page) + 1; l = f + per_page - 1; f = f < carousel.first ? carousel.first : f; l = l > carousel.last ? carousel.last : l; if (carousel.has(f, l)) { continue; } mycarousel_makeRequest(carousel, f, l, per_page, page, '','',clipsetid); } } }; function mycarousel_makeRequest(carousel, first, last, per_page, page,k,gallery,ids) { // Lock carousel until request has been made carousel.lock(); if((ids != "")||(keyword != "")){ carouselPlaylist = "/scripts/make-playlist.php?ids="+ids+"&keyword="+keyword; } jQuery.get( carouselPlaylist, { 'per_page': per_page, 'page': page, 'keyword': keyword, 'gallery': gallery, 'c': 1, 'ids': ids }, function(data) { mycarousel_itemAddCallback(carousel, first, last, data, page); }, 'xml' ); }; function mycarousel_itemAddCallback(carousel, first, last, data, page){ // Unlock carousel.unlock(); carouselObj = carousel; // Set size carousel.size($('photos', data).attr('total')); var photos = $('photo', data); var per_page = carousel.last - carousel.first + 1; for (var i = first; i <= last; i++) { var pos = i - 1; var idx = Math.round(((pos / per_page) - Math.floor(pos / per_page)) * per_page); carousel.add(i, mycarousel_getItemHTML(photos.get(idx))); } var promotxt = ""; var clktxt = ""; $("#mycarousel a img").mouseover( function() { $(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").html($(this).attr("alt")); $(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").css("background-image","url('/tv/images/promo-bubble-arrow-"+($("#mycarousel a img").index(this)+1)+".gif')"); }); $("#wrap").mouseout( function() { if(promotxt != ""){ $(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").html(promotxt); } if((currentTrackNum >= parseInt($("#mycarousel LI").attr("jcarouselindex"))) && (currentTrackNum <= (parseInt($("#mycarousel LI").attr("jcarouselindex"))+3))){ //$(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").html($(this).attr("alt")); offset = 0; if(parseInt($("#mycarousel LI").attr("jcarouselindex")) >1){ offset = currentTrackNum-(parseInt($("#mycarousel LI").attr("jcarouselindex"))); } $(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").css("background-image","url('/tv/images/promo-bubble-arrow-"+((currentTrackNum-(parseInt($("#mycarousel LI").attr("jcarouselindex"))))+1)+".gif')"); if(clktxt != ""){ $(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").html(clktxt); } }else{ $(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").css("background-image","url('/tv/images/promo-bubble-box.gif')"); } }); var playItem; $("#mycarousel a img").click( function() { // currentTrackNum = ((4 * (page-1)) + $("#mycarousel a img").index(this))+1; currentTrackNum = parseInt($("#mycarousel LI").attr("jcarouselindex")) + parseInt($("#mycarousel a img").index(this)); wimpy_clearPlaylist(); if(wimpy_loadExternalPlaylist(carouselPlaylist)){ getPlayItem(carouselPlaylist,currentTrackNum); clkindx = $("#mycarousel a img").index(this)+1; clktxt = $(this).attr("alt"); } return false; }); if(clktxt != ""){ $(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").html(clktxt); } $(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").css("background-image","url('/tv/images/promo-bubble-box.gif')"); if((vidpl)&&(parseInt($("#mycarousel LI").attr("jcarouselindex"))==1) && (clkindx == "")){ $(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").css("background-image","url('/tv/images/promo-bubble-arrow-1.gif')"); clktxt = $("#mycarousel a img").attr("alt"); clkindx = 1; } if((currentTrackNum >= parseInt($("#mycarousel LI").attr("jcarouselindex"))) && (currentTrackNum <= (parseInt($("#mycarousel LI").attr("jcarouselindex"))+3))){ offset = 0; if(parseInt($("#mycarousel LI").attr("jcarouselindex")) >1){ offset = currentTrackNum-(parseInt($("#mycarousel LI").attr("jcarouselindex"))); } $(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").css("background-image","url('/tv/images/promo-bubble-arrow-"+((currentTrackNum-(parseInt($("#mycarousel LI").attr("jcarouselindex"))))+1)+".gif')"); //_alert("modified arrow:"+((currentTrackNum-(parseInt($("#mycarousel LI").attr("jcarouselindex"))))+1)+".gif"+"
    currentTrackNum:"+currentTrackNum+"\nbegin:"+parseInt($("#mycarousel LI").attr("jcarouselindex"))); } carouseloffset = (((currentTrackNum-(parseInt($("#mycarousel LI").attr("jcarouselindex"))))+1)); }; function _alert(t){ $(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").html(t); } function getPlayItem(url,itemnumber){ // $.get(url, {'itemnumber': itemnumber}, $.get(url, {}, function (data){ var re = /(.*?)<\/description>/img if(data.match(re)) { var caption = RegExp.$1; $(".jcarousel-vidcontent .p4").html(caption); } setTimeout("wimpy_gotoTrack(currentTrackNum)",300); setTimeout("wimpy_play()",301); //setTimeout("getTrackInfo()",302); return data; },'text' ); } var currentTrackNum = 1; var trackinfo = null; var clkindx = 0; var carouselindex = 1; var carouselstartnum = 1; var offset = 0; var carouseloffset = 1; var prevcarouselindex = 1; var prevTrackNum = 1; var carouselObj; function handlTrackStarted(ob){ // Call hbx code // _hbDownload(ob.filename); _hbSet("m.f",ob.filename); _hbSet("m.s","play"); _hbSet("m.cp","0"); _hbSend(); trackinfo = ob; currentTrackNum = trackinfo.tracknumber; carouselindex = parseInt(trackinfo.tracknumber)%4; if(carouselindex == 0){ carouselindex = 4; //alert("carouselindex0\n"+trackinfo.tracknumber); } carouseloffset = (((currentTrackNum-(parseInt($("#mycarousel LI").attr("jcarouselindex"))))+1)); if((parseInt($("#mycarousel LI").attr("jcarouselindex"))%4) > 1){ // carouselindex = currentTrackNum - carouseloffset; // carouselindex = currentTrackNum-($("#mycarousel LI").attr("jcarouselindex"))+1; if(carouselindex > 4){ //alert(($("#mycarousel LI").attr("jcarouselindex"))); carouselindex = carouseloffset; if(carouselindex == 0){ carouselObj.scroll(currentTrackNum-1, true); carouselindex = currentTrackNum-1; //_debug("currentTrackNum:"+currentTrackNum+"
    carouselindex:"+carouselindex); } } } if(($("#mycarousel LI").attr("jcarouselindex")) == currentTrackNum){ carouselindex = 1; } $(".jcarousel-vidcontent .p4").html(trackinfo.description); $(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").html(trackinfo.title); if(clkindx >= 1){ $(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").html(trackinfo.title); $(".jcarousel-promo-bubble-content .jcarousel-promo-bubble").css("background-image","url('/tv/images/promo-bubble-arrow-"+(currentTrackNum-($("#mycarousel LI").attr("jcarouselindex"))+1)+".gif')"); clkindx = currentTrackNum; } if((carouselindex == 1) && (currentTrackNum != 1)){ //$(".jcarousel-next").trigger("click"); carouselObj.scroll(currentTrackNum, true); //_alert("forward scrolled to "+currentTrackNum + "
    carouselindex:"+carouselindex+"
    "+"startpos:"+($("#mycarousel LI").attr("jcarouselindex"))); }else if(((prevTrackNum-1) == currentTrackNum) && (carouselindex == 4)){ if(currentTrackNum < parseInt($("#mycarousel LI").attr("jcarouselindex"))){ carouselObj.scroll(currentTrackNum-3, true); //_alert("backward scrolled to "+(currentTrackNum-3)); } }else if(currentTrackNum == 1){ carouselObj.scroll(1, true); } if((carouselindex > 4) && (currentTrackNum == 1)){ carouselObj.scroll(1, true); } prevcarouselindex = carouselindex; prevTrackNum = currentTrackNum; //_debug("currentTrackNum: "+currentTrackNum + "
    carouselindex:"+carouselindex+"
    "+"startpos:"+($("#mycarousel LI").attr("jcarouselindex"))); } function _debug(t){ $("#debug").html(t); } function getTrackInfo(){ trackinfo = wimpy_getTrackInfo(currentTrackNum); /* var playlistItems = wimpy_getPlaylist(); alert(playlistItems.length); for(var x=0;x<=playlistItems.length;x++){ alert(playlistItems[x].filename); if(playlistItems[x].filename == trackinfo.filename){ alert("currentTrackNum:"+ currentTrackNum); break; } } */ $(".jcarousel-vidcontent .p4").html(trackinfo.description); } function handleWimpyInit(retval){ // animated promo var delay = 300; $("#jcarousel-promoarea, .jcarousel-vidcontent").hover(function() { $(".jcarousel-vidcontent").stop().animate({top: "-85px", opacity: "0.7"},delay); }, function() { $(".jcarousel-vidcontent").stop().animate({top: "-70px", opacity: "0"},delay); }); } /** * Global item html creation helper. */ function mycarousel_getItemHTML(photo) { var caption = ""; var headline = ""; var url = 'http://www.tiscali.co.uk/scripts/dynamicresize.php?image='+$(photo).attr('smallurl')+'&width=63&height=63&quality=90&crop=1&top=1'; try{ headline = $(photo).attr('headline'); headline = headline.replace(/"/g,'"'); if(headline == 'undefined'){ headline = ''; } }catch(e){headline = '';} try{ caption = $(photo).attr('caption'); caption = caption.replace(/"/g,'"'); }catch(e){caption='';} var alt = (headline!='')? headline:caption.replace(/<\/?[^>]+>/gi, ""); //strip tags from caption return ''+alt+''; };