function hookEvent(b,a,c){if(typeof(b)=="string"){b=document.getElementById(b)}if(b==null){return}if(b.addEventListener){if(a=="mousewheel"){b.addEventListener("DOMMouseScroll",c,false)}b.addEventListener(a,c,false)}else{if(b.attachEvent){b.attachEvent("on"+a,c)}}}function cancelEvent(a){a=a?a:window.event;if(a.stopPropagation){a.stopPropagation()}if(a.preventDefault){a.preventDefault()}a.cancelBubble=true;a.cancel=true;a.returnValue=false;return false}ScrollableProductsOverview=function(a){this.l=0;this.products=a;this.options={listContainer:{w:910,h:130},listItem:{w:130},scrollContainer:{w:950,h:21},scrollArrow:{w:30},scrollBar:{w:158},scrollBarSide:{w:9}};if(this.options.scrollBar.w==0){this.options.scrollBar.w=(this.options.listContainer.w/(this.products.length*this.options.listItem.w))*(this.options.scrollContainer.w-2*this.options.scrollArrow.w)}this.options2={maxLeft:(-1*(this.products.length*this.options.listItem.w-this.options.listContainer.w)),maxScroll:(this.options.scrollContainer.w-2*this.options.scrollArrow.w-this.options.scrollBar.w),scrollSpaceW:(this.options.scrollContainer.w-2*this.options.scrollArrow.w)};this.render=function(h){this_=this;var k=$(document.createElement("div")).css("overflow","hidden").css("position","relative").css("width",this.options.listContainer.w+"px").css("height",this.options.listContainer.h+"px").css("margin-left","53px");var j=$(document.createElement("div")).css("position","absolute").css("width",(this.products.length*this.options.listItem.w)+"px").css("height",this.options.listContainer.h+"px");k.append(j);var l=$(document.createElement("div")).css("position","relative").css("width",this.options.scrollContainer.w+"px").css("height",this.options.scrollContainer.h+"px").css("margin-left","33px").attr("onselectstart","return false").attr("onmousedown","return false");var g=$(document.createElement("div")).css("position","absolute").css("width",this.options.scrollArrow.w+"px").css("height",this.options.scrollContainer.h+"px").css("background-image",'url("/tmp/psp/outer-L.png")').css("cursor","pointer").click(function(){this_.l=Math.min(0,Math.max(this_.options2.maxLeft,this_.l+this_.options.listContainer.w));j.animate({left:this_.l+"px"},250);b.animate({left:Math.round((this_.l/this_.options2.maxLeft)*this_.options2.maxScroll)+"px"},250);q.animate({left:Math.round((this_.l/this_.options2.maxLeft)*this_.options2.maxScroll)+"px"},250)});l.append(g);var d=$(document.createElement("div")).css("position","absolute").css("width",this.options.scrollArrow.w+"px").css("height",this.options.scrollContainer.h+"px").css("right","0px").css("background-image",'url("/tmp/psp/outer-R.png")').css("cursor","pointer").click(function(){this_.l=Math.min(0,Math.max(this_.options2.maxLeft,this_.l-this_.options.listContainer.w));j.animate({left:this_.l+"px"},250);b.animate({left:Math.round((this_.l/this_.options2.maxLeft)*this_.options2.maxScroll)+"px"},250);q.animate({left:Math.round((this_.l/this_.options2.maxLeft)*this_.options2.maxScroll)+"px"},250)});l.append(d);var m=$(document.createElement("div")).css("position","absolute").css("width",this.options2.scrollSpaceW+"px").css("height",this.options.scrollContainer.h+"px").css("left",this.options.scrollArrow.w+"px").css("cursor","pointer").css("background-image",'url("/tmp/psp/outer-C.png")').click(function(s){var p=s.pageX-m.offset().left;this_.l=Math.min(0,Math.max(this_.options2.maxLeft,Math.round((p-(this_.options.scrollBar.w/2))/(this_.options2.scrollSpaceW-this_.options.scrollBar.w)*this_.options2.maxLeft)));j.animate({left:this_.l+"px"},250);b.animate({left:Math.round((this_.l/this_.options2.maxLeft)*this_.options2.maxScroll)+"px"},250);q.animate({left:Math.round((this_.l/this_.options2.maxLeft)*this_.options2.maxScroll)+"px"},250)});l.append(m);var b=$(document.createElement("div")).css("position","absolute").css("width",this.options.scrollBar.w+"px").css("height",this.options.scrollContainer.h+"px");m.append(b);var q=$(document.createElement("div")).css("z-index",5).css("background-image",'url("/tmp/psp/i-hate-goddamn-internet-explorer.gif")').css("position","absolute").css("width",this.options.scrollBar.w+"px").css("height",this.options.scrollContainer.h+"px").css("cursor","pointer").draggable({containment:"parent",drag:function(p,s){b.css("left",s.position.left+"px");this_.l=Math.min(0,Math.max(this_.options2.maxLeft,Math.round((s.position.left/this_.options2.maxScroll)*this_.options2.maxLeft)));j.css("left",this_.l+"px")}});m.append(q);var i=$(document.createElement("div")).css("position","absolute").css("width",this.options.scrollBarSide.w+"px").css("height",this.options.scrollContainer.h+"px").css("background-image",'url("/tmp/psp/inner-L.png")');b.append(i);var f=$(document.createElement("div")).css("position","absolute").css("width",this.options.scrollBarSide.w+"px").css("height",this.options.scrollContainer.h+"px").css("right","0px").css("background-image",'url("/tmp/psp/inner-R.png")');b.append(f);var r=$(document.createElement("div")).css("position","absolute").css("width",(this.options.scrollBar.w-2*this.options.scrollBarSide.w)+"px").css("height",this.options.scrollContainer.h+"px").css("left",this.options.scrollBarSide.w+"px").css("background-image",'url("/tmp/psp/inner-C.png")');b.append(r);for(var o in this.products){var c=$(document.createElement("div")).css("position","absolute").css("width",this.options.listItem.w+"px").css("height",this.options.listItem.w+"px").css("left",(o*this.options.listItem.w)+"px").css("background-image",'url("'+this.products[o].img+'")').css("background-repeat","no-repeat").css("background-position","center -15px");c.append($(document.createElement("div")).css("position","absolute").css("width","100%").css("height","17px").css("bottom","9px").css("background-image",'url("'+this.products[o].text+'")').css("background-repeat","no-repeat").css("background-position","center 0px"));c.append($(document.createElement("a")).css("position","absolute").css("width","100%").css("height","100%").attr("href",this.products[o].href));j.append(c)}var n=[["dynamic_procesors",15],["equalizers",258],["reverbs",416],["delays",538],["multimode_efects",628],["tools_and_meters",766]];for(var o in n){m.append($(document.createElement("img")).css("position","absolute").css("left",n[o][1]+"px").css("top","4px").attr("src","/tmp/psp/hdr/"+n[o][0]+".png"))}h.append(k);h.append(l);var e=function(t){t=t?t:window.event;var p=t.detail?t.detail:t.wheelDelta;var s=t.detail?t.detail*-1:t.wheelDelta/40;this_.l=Math.min(0,Math.max(this_.options2.maxLeft,this_.l+s*22));j.css("left",this_.l+"px");b.css("left",Math.round((this_.l/this_.options2.maxLeft)*this_.options2.maxScroll)+"px");q.css("left",Math.round((this_.l/this_.options2.maxLeft)*this_.options2.maxScroll)+"px");cancelEvent(t)};hookEvent(k.get(0),"mousewheel",e);hookEvent(l.get(0),"mousewheel",e)}};$(function(){$("#vertical_list").css("background-position","center center").css("background-repeat","no-repeat").css("background-image",'url("/tmp/psp/loader.gif")');$.ajax({url:"/export/?r="+Math.random(),dataType:"json",success:function(a){spo=new ScrollableProductsOverview(a);spo.render($("#vertical_list"));$("#vertical_list").css("background-image","")},error:function(b,c,a){dbg("ajax: "+c);$("#vertical_list").css("background-image","")}})});