title: jquery conflict with videobox and custom code
body: <p>Ok I have a page that uses 3 plugins and custom code.</p>
  
  <ol>
  <li><a href="http://designshack.net/?p=13616" rel="nofollow">Fullscreenr</a></li>
  <li><a href="http://flesler.blogspot.com/2007/10/jqueryscrollto.html" rel="nofollow">ScrollTo</a></li>
  <li><a href="http://videobox-lb.sourceforge.net/" rel="nofollow">VideoBox</a></li>
  </ol>
  
  <p>my custom code is just to change css style of items in menu(I'll post that code aswell).</p>
  
  <p>My issue is that Fullscreenr and ScrollTo were working fine but when I want to add VideoBox the video popup doesn't want to work all it does is redirect to the youtube page. When I inspect the page(Chrome) it shows this error:</p>
  
  <pre><code>Uncaught TypeError: Object #&lt;Object&gt; has no method 'setProperty'
  </code></pre>
  
  <p>on this line:</p>
  
  <pre><code>this.overlay = new Element('div').setProperty('id', 'lbOverlay').injectInside(document.body);
  </code></pre>
  
  <p>I have tried using $.noConflict(); Now if I removed all the other plugins then it works but that doesn't work for me cause I need everything to work.  Well hope somebody knows what I can do to fix this.  </p>
  
  <pre><code>&lt;script type="text/javascript" src="js/mootools.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/swfobject.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/videobox.js"&gt;&lt;/script&gt;
  
  &lt;!-- IF I REMOVE FROM HERE DOWN VIDEOBOX WORKS --&gt;
  &lt;script src="js/jquery-1.3.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.fullscreenr.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;  
  
      &lt;!--
          // You need to specify the size of your background image here (could be done automatically by some PHP code)
          var FullscreenrOptions = {  width: 1024, height: 439, bgID: '#bgimg' };
          // This will activate the full screen background!
          jQuery.fn.fullscreenr(FullscreenrOptions);
      //--&gt;
  &lt;/script&gt;
  &lt;script type='text/javascript' src='js/jquery.min.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='js/jquery.scrollTo-min.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='js/init.js'&gt;&lt;/script&gt;
  &lt;script language="javascript"&gt;
  
      function GotoSection(divid)
      {
          $('#realBody').scrollTo( '#' + divid, 800, {duration:3000} );
          switch(divid)
          {
              case "home":
              $("#mhome").attr('class', 'selected');
              $("#mvids").attr('class', 'non');
              $("#meventos").attr('class', 'non');
              $("#mfotos").attr('class', 'non');
              $("#mcontact").attr('class', 'non');                                                                
              break;
  
              case "vids":
              $("#mhome").attr('class', 'non');
              $("#mvids").attr('class', 'selected');
              $("#meventos").attr('class', 'non');
              $("#mfotos").attr('class', 'non');
              $("#mcontact").attr('class', 'non');                                                                
              break;
  
              case "eventos":
              $("#mhome").attr('class', 'non');
              $("#mvids").attr('class', 'non');
              $("#meventos").attr('class', 'selected');
              $("#mfotos").attr('class', 'non');
              $("#mcontact").attr('class', 'non');
              break;
  
              case "fotos":
              $("#mhome").attr('class', 'non');
              $("#mvids").attr('class', 'non');
              $("#meventos").attr('class', 'non');
              $("#mfotos").attr('class', 'selected');
              $("#mcontact").attr('class', 'non');
              break;
  
              case "contact":
              $("#mhome").attr('class', 'non');
              $("#mvids").attr('class', 'non');
              $("#meventos").attr('class', 'non');
              $("#mfotos").attr('class', 'non');
              $("#mcontact").attr('class', 'selected');                                                       
              break;  
          }
  
      }
  
  
  &lt;/script&gt;
  </code></pre>
  
  <p>If there is a better script I can use I welcome any and all suggestions aswell.</p>