smashion.page.TopicPreview=Class.create(smashion.common.global.AjaxHandler,{initialize:function(element,container,url,id,options){this.element=$(element);this.container=$(container);this.url=url;this.id=id;this.options=Object.extend({showText:"Show Images",hideText:"Hide Images"},options||{});this.pageNo=0;this.initUI();},initUI:function(){this.showHide=new Element("a",{href:"javascript:void(0)","class":"smalltxt"});this.showHide.innerHTML=this.options.showText;this.element.appendChild(this.showHide);Event.observe(this.showHide,'click',this.btnClickShowHide.bindAsEventListener(this));this.createStatus(this.container);this.container.hide();},btnClickShowHide:function(event){if(!this.container.visible()){if(this.pageNo==0){this.fetchImages(event,1);}
this.container.show();this.showHide.innerHTML=this.options.hideText;}else{this.container.hide();this.showHide.innerHTML=this.options.showText;}
if(event){Event.stop(event);}
return false;},fetchImages:function(event,pageNo){var req=new Ajax.Request(this.url,{parameters:{"topicId":this.id,"pageNo":pageNo},method:"get",onSuccess:this.refreshImages.bind(this),onFailure:this.handleAjaxFailure.bind(this),onException:this.handleAjaxException.bind(this)});},refreshImages:function(transport,json){if(!this.validateResponse(json)){return;}
var images=json.body.items;var paginator=json.body.paginator;this.pageNo=paginator.currentPage;this.container.show();while(this.container.firstChild){this.container.removeChild(this.container.firstChild);};if(paginator.hasPrevPage){var anchor=new Element("a",{href:"javascript:void(0)","class":"imgs_arrow"});var arrow=new Element("img",{src:"/images/scroll_arrow_left.gif"});anchor.appendChild(arrow);Event.observe(anchor,'click',this.fetchImages.bindAsEventListener(this,paginator.prevPage));this.container.appendChild(anchor);}else{var anchor=new Element("div",{"class":"disablearrow"});var arrow=new Element("img",{src:"/images/scroll_arrow_left_disable.gif"});anchor.appendChild(arrow);this.container.appendChild(anchor);}
var panel=new Element("div",{"class":"imgpanel"});for(var i=0,len=images.length;i<len;i++){var anchor=new Element("a",{href:images[i].clickable.target,"class":"imgs"});var img=document.createElement("img");img.setAttribute("src",images[i].thumbnailFilePath);if(images[i].caption!=null&&images[i].caption!=""){img.setAttribute("alt",images[i].caption);}
anchor.appendChild(img);panel.appendChild(anchor);}
this.container.appendChild(panel);if(paginator.hasNextPage){var anchor=new Element("a",{href:"javascript:void(0)","class":"imgs_arrow"});var arrow=new Element("img",{src:"/images/scroll_arrow_right.gif"});anchor.appendChild(arrow);Event.observe(anchor,'click',this.fetchImages.bindAsEventListener(this,paginator.nextPage));this.container.appendChild(anchor);}else{var anchor=new Element("div",{"class":"disablearrow"});var arrow=new Element("img",{src:"/images/scroll_arrow_right_disable.gif"});anchor.appendChild(arrow);this.container.appendChild(anchor);}
this.clearStatus();},dispose:function(){}})