var ZLei_Museum_Items={widgetEventPrefix:"museumitem",options:null,roomId:0,_create:function(){this.element.html('<div class="voice"></div><div class="overlay"></div><section class="catalog"><ul class="options"><li class="back" onClick="$(this).trigger(\'museumroomleave\');"><a href="#">&nbsp;</a></li><!--<li class="voice" onClick="$(this).trigger(\'museumRoomVoice\');"><a href="#">&nbsp;</a></li>--><li class="backgroundMusic" onClick="$(this).trigger(\'museumbackgroundmusicchange\');"><a href="#">&nbsp;</a></li></ul><figure><figcaption></figcaption><p></p></figure><div class="player"><ul></ul></div><ul class="items"></ul></section>');this.roomId=parseInt(this.element.attr("roomId"));this._on(this._elementEvents);this._on(this.window,this._windowEvents)},_init:function(){var e=$(">.voice",this.element),j=$(">.overlay",this.element),l=$(">.catalog",this.element),f=$(">.catalog>figure>figcaption",this.element),k=$(">.catalog>figure>p",this.element),a=$(">.catalog>ul.items",this.element),b=$(">.catalog>ul.options",this.element),h=$(">.catalog>div",this.element);e.jPlayer({wmode:"window",volume:1,smoothPlayBar:false,keyEnabled:false});var g="",m="";j.attr("");l.attr("voiceSrc",this.options.roomVoiceUrl);for(var d in this.options.roomItems){m+='<li itemId="'+d+'"><a href="#roomId='+this.roomId+"&itemId="+d+'">'+this.options.roomItems[d].itemTitle+'</a><span class="icon">&nbsp;</span></li>';g='<section class="item" itemId="'+d+'" style="display:none"><span class="top">&nbsp;</span><figure><figcaption>'+this.options.roomItems[d].itemTitle+"</figcaption><p>"+this.options.roomItems[d].itemDescription+'</p></figure><div><img src="'+this.options.roomItems[d].itemDisplayConfig.itemThumbnailUrl+'"/></div></section>';this.element.append(g);$("section:last>div",this.element).Museum_Player(this.options.roomItems[d]);$("section:last",this.element).attr("voiceSrc",this.options.roomItems[d].itemVoiceUrl)}a.html(m);f.html(this.options.roomTitle);k.html(this.options.roomDescription);h.Museum_Player({itemType:2,itemDisplayMode:1,itemDisplayConfig:this.options.roomPhotos});this.element.find(">section:not(:first)").height($(this.window).innerHeight());this.element.find(">section:first").css("min-height",$(this.window).innerHeight());var c=new TimelineLite;c.from(j,0.5,{opacity:0,ease:Linear.easeNone}).from(l,0.5,{width:"0%",ease:Power1.easeIn},"-=0.5").from(f,0.5,{opacity:0,marginLeft:"+=400px",ease:Back.easeOut}).from(k,0.75,{opacity:0,marginLeft:"-=104px",ease:Strong.easeOut},"-=0.2").from(h,0.75,{opacity:0,scale:1.5,ease:Strong.easeOut}).call(function(i){$(i).trigger("museumroomitemfocus")},[l]).staggerFrom($(">ul>li",h),0.75,{opacity:0,marginTop:"+=120px",marginLeft:"-=30px",rotation:"90deg",ease:Back.easeOut},0.2).from(a,1,{opacity:0,marginTop:"+=104px",ease:Circ.easeOut},"-=1").from(b,0.4,{opacity:0,marginTop:"-=26px",ease:Circ.easeOut}).call(function(i){$(">.item",i.element).css("display","block")},[this])},_elementEvents:{museumitemgo:function(c,e){var b=$("section[itemId="+e+"]",this.element);var a=b.position();var f=Math.abs(document.documentElement.scrollTop-a.top);var d=(navigator.appVersion.indexOf("WebKit")>-1)?document.body:document.documentElement;TweenLite.to(d,1,{scrollTop:a.top,ease:Strong.easeOut})},museumroomleave:function(c){$(">.item",c.currentTarget).remove();var b=$(">.overlay",this.element),a=$(">.catalog",this.element);CSSPlugin.defaultTransformPerspective=200;var d=new TimelineLite();d.to(a,0.3,{rotationX:-3,z:-50,opacity:0,transformOrigin:"50% 50%",ease:Power1.easeOut}).to(b,0.6,{opacity:0,ease:Power1.easeOut}).call(function(e){$(e).remove()},[c.currentTarget])},"click >.catalog>ul.items>li":function(a){var b=$(a.currentTarget).attr("itemId");this._trigger("go",null,[b]);a.stopImmediatePropagation();a.stopPropagation()},"click >.catalog>.options>.back":function(a){$(this).trigger("museumroomleave")},museumroomitemfocus:function(b){var c=$(">.voice",this.element);var d=c.attr("src");var a=$(b.target).attr("voiceSrc");if(d==a){return}c.attr("src",a);$(c).jPlayer("clearMedia").jPlayer("setMedia",{mp3:a}).jPlayer("play")},"click >.item>.top":function(a){var b=(navigator.appVersion.indexOf("WebKit")>-1)?document.body:document.documentElement;TweenLite.to(b,1,{scrollTop:0,ease:Strong.easeOut})}},_windowEvents:{scroll:function(c){var b=$(this.window).innerHeight()*0.5;var d=this.window.scrollTop();var a=null;$(">section",this.element).each(function(f,g){a=g;var e=$(this).offset();if(e.top>=d-b){return false}});$(a).trigger("museumroomitemfocus")}}};$.widget("ZLei.Museum_Items",ZLei_Museum_Items);