Solution for AnythingSlider and duplicate IDs

If you ever use the JW Player inside the AnythingSlider, and you place a video in the last panel of your UL list, you'll run into a pesky and non-trivial headache: The AnythingSlider automatically duplicates the last "panel" -- so it duplicates the video tag. This code fixes it by looking for the duplicate ID of my video tag (all my video tags start with "vid-") and renaming the ID to something random:

$(window).load(function () {
      $('[id]').each(function(){
        var ids = $('[id='+this.id+']');
        if(ids.length>1 && ids[0]==this){
          if (this.id.indexOf("vid-") != -1){
            this.id = this.id + "_" + Math.floor(Math.random()*11);
            console.warn('Multiple ID #'+this.id);
          }
        }
      });
    });

All the browsers that will need to use the Flash fallback player will now work correctly. Of course, you'd need to change the "vid-" to the start of whatever ID you've given your video tag. This issue may also manifest itself in other situations where duplicate IDs are not desirable.