Call colorbox from URL using javascript
My goal is to open a media asset in colorbox according to the URL I specify in my address bar.

Topic has been discussed enough on the web but I can't seem to get it to work using a url with '?open=true' appended to the end to open a specific video upon loading the url.


HTML CODE

    <ul>          <li class="media-row">
                  
              <a rel="" class="colorbox-inline initColorboxInline-processed cboxElement" href="/?width=600px&amp;height=400px&amp;title=&amp;inline=true#colorbox-inline-1"><img width="205" height="115" class="imagecache imagecache-lightbox_small" title="" alt="" src="http://localhost:8888/sites/default/files/imagecache/lightbox_small/emvideo-vimeo-33340864.jpg"></a><div style="display: none;"><div id="colorbox-inline-1"><div class="emvideo emvideo-video emvideo-vimeo"><div class="media-vimeo" id="media-vimeo-1">
        <iframe width="600" height="375" src="http://player.vimeo.com/video/33340864?fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;autoplay=0"></iframe>
    </div>
    </div>
    </div></div>    
              <h3>Sample Video</h3>    
              <p>Lorem ipsum dolor sit ame
    </p>            
          </li>
              <li class="media-row">
                
              <a rel="" class="colorbox-inline initColorboxInline-processed cboxElement" href="/?width=600px&amp;height=400px&amp;title=&amp;inline=true#colorbox-inline-2"><img width="205" height="115" class="imagecache imagecache-lightbox_small" title="" alt="" src="http://localhost:8888/sites/default/files/imagecache/lightbox_small/emvideo-vimeo-9445708.jpg"></a><div style="display: none;"><div id="colorbox-inline-2"><div class="emvideo emvideo-video emvideo-vimeo"><div class="media-vimeo" id="media-vimeo-2">
        <iframe width="600" height="375" src="http://player.vimeo.com/video/9445708?fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;autoplay=0"></iframe>
    </div>
    </div>
    </div></div>    
              <h3>Custom Video</h3>    
              <p>Lorem ipsum dolor sit amet, conse
    </p>            
          </li>
              <li class="media-row">
                  
              <a rel="" class="colorbox-inline initColorboxInline-processed cboxElement" href="/?width=600px&amp;height=400px&amp;title=&amp;inline=true#colorbox-inline-3"><img width="205" height="115" class="imagecache imagecache-lightbox_small" title="" alt="" src="http://localhost:8888/sites/default/files/imagecache/lightbox_small/emvideo-vimeo-33989254"></a><div style="display: none;"><div id="colorbox-inline-3"><div class="emvideo emvideo-video emvideo-vimeo"><div class="media-vimeo" id="media-vimeo-3">
        <iframe width="600" height="375" src="http://player.vimeo.com/video/33989254?title=0&amp;fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;autoplay=0"></iframe>
    </div>
    </div>
    </div></div>    
              <h3>Keor limpon</h3>    
              <p>Med borla dorla shoe
    </p>            
          </li>
             
                     
          </li>
          </ul>


JS

   	var
	vars = [],
	hash,
	hashes = window.location.href.slice(window.location.href.indexOf('?')
		+ 1).split('&');
	        for(var i = 0; i < hashes.length; i++) {
	            hash = hashes[i].split('=');
	            vars.push(hash[0]);
	            vars[hash[0]] = hash[1];
	        }
	       $(".colorbox-inline").colorbox({open:vars['open'] == 'true' ? true : false});



Please help! this is a critical feature I need to include in a new project of mine and its a deal breaker if i cannot accomplish this.

-Thanks!

Call colorbox from URL using javascript
===

My goal is to open a media asset in colorbox according to the URL I specify in my address bar.

Topic has been discussed enough on the web but I can't seem to get it to work using a url with '?open=true' appended to the end to open a specific video upon loading the url.


HTML CODE

    <ul>          <li class="media-row">
                  
              <a rel="" class="colorbox-inline initColorboxInline-processed cboxElement" href="/?width=600px&amp;height=400px&amp;title=&amp;inline=true#colorbox-inline-1"><img width="205" height="115" class="imagecache imagecache-lightbox_small" title="" alt="" src="http://localhost:8888/sites/default/files/imagecache/lightbox_small/emvideo-vimeo-33340864.jpg"></a><div style="display: none;"><div id="colorbox-inline-1"><div class="emvideo emvideo-video emvideo-vimeo"><div class="media-vimeo" id="media-vimeo-1">
        <iframe width="600" height="375" src="http://player.vimeo.com/video/33340864?fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;autoplay=0"></iframe>
    </div>
    </div>
    </div></div>    
              <h3>Sample Video</h3>    
              <p>Lorem ipsum dolor sit ame
    </p>            
          </li>
              <li class="media-row">
                
              <a rel="" class="colorbox-inline initColorboxInline-processed cboxElement" href="/?width=600px&amp;height=400px&amp;title=&amp;inline=true#colorbox-inline-2"><img width="205" height="115" class="imagecache imagecache-lightbox_small" title="" alt="" src="http://localhost:8888/sites/default/files/imagecache/lightbox_small/emvideo-vimeo-9445708.jpg"></a><div style="display: none;"><div id="colorbox-inline-2"><div class="emvideo emvideo-video emvideo-vimeo"><div class="media-vimeo" id="media-vimeo-2">
        <iframe width="600" height="375" src="http://player.vimeo.com/video/9445708?fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;autoplay=0"></iframe>
    </div>
    </div>
    </div></div>    
              <h3>Custom Video</h3>    
              <p>Lorem ipsum dolor sit amet, conse
    </p>            
          </li>
              <li class="media-row">
                  
              <a rel="" class="colorbox-inline initColorboxInline-processed cboxElement" href="/?width=600px&amp;height=400px&amp;title=&amp;inline=true#colorbox-inline-3"><img width="205" height="115" class="imagecache imagecache-lightbox_small" title="" alt="" src="http://localhost:8888/sites/default/files/imagecache/lightbox_small/emvideo-vimeo-33989254"></a><div style="display: none;"><div id="colorbox-inline-3"><div class="emvideo emvideo-video emvideo-vimeo"><div class="media-vimeo" id="media-vimeo-3">
        <iframe width="600" height="375" src="http://player.vimeo.com/video/33989254?title=0&amp;fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;autoplay=0"></iframe>
    </div>
    </div>
    </div></div>    
              <h3>Keor limpon</h3>    
              <p>Med borla dorla shoe
    </p>            
          </li>
             
                     
          </li>
          </ul>


JS

   	var
	vars = [],
	hash,
	hashes = window.location.href.slice(window.location.href.indexOf('?')
		+ 1).split('&');
	        for(var i = 0; i < hashes.length; i++) {
	            hash = hashes[i].split('=');
	            vars.push(hash[0]);
	            vars[hash[0]] = hash[1];
	        }
	       $(".colorbox-inline").colorbox({open:vars['open'] == 'true' ? true : false});



Please help! this is a critical feature I need to include in a new project of mine and its a deal breaker if i cannot accomplish this.

-Thanks!
