diff -r ffadfe55f9f7 -r f3237cce149e src/js/widgets/playerWidget.js --- a/src/js/widgets/playerWidget.js Wed Dec 07 11:09:09 2011 +0100 +++ b/src/js/widgets/playerWidget.js Wed Dec 07 11:09:24 2011 +0100 @@ -76,11 +76,20 @@ var status = this._Popcorn.media.paused; if ( status == true ){ - this.selector.find(".ui-icon-play").css( "background-position", "-16px -160px" ); this.selector.find(".Ldt-CtrlPlay").attr("title", "Play"); + + // we use templToHTML because it has some predefined + // vars like where to get the images + var templ = IriSP.templToHTML("url({{img_dir}}/pause_sprite.png)"); + this.selector.find(".Ldt-CtrlPlay").css("background-image", templ); + } else { - this.selector.find(".ui-icon-play").css( "background-position","0px -160px" ); this.selector.find(".Ldt-CtrlPlay").attr("title", "Pause"); + + // we use templToHTML because it has some predefined + // vars like where to get the images + var templ = IriSP.templToHTML("url({{img_dir}}/play_sprite.png)"); + this.selector.find(".Ldt-CtrlPlay").css("background-image", templ); } }; @@ -136,7 +145,6 @@ } else { this._searchLastValue = this.selector.find(".LdtSearchInput").attr('value'); this.selector.find(".LdtSearchInput").attr('value',''); - this.selector.find(".ui-icon-search").css("background-position","-160px -112px"); this.selector.find(".LdtSearch").hide(100); // unbind the watcher event.