﻿           function ShowFrame(varLink) {
        
             var VideoSpace = document.getElementById("MovieDiv"); 
           
             VideoSpace.innerHTML = "<div class='video-hold'> \
                                     <object width='300' height='247'> \
           		                      <param name='movie' value='http://www.youtube.com/v/" + varLink + "'> \
           		                        <param name='wmode' value='transparent'> \
           		                     <embed src='http://www.youtube.com/v/" + varLink + "' type='application/x-shockwave-flash' wmode='transparent' width='300' height='247'></embed> \
                                    </object> \
                                    </div>" 
                                    
           var liElementClicked = document.getElementById(varLink);          
           var videoLists = document.getElementsByTagName("li"); 
          
           for (var i=0;i<=videoLists.length;i++){ 
             try {                
                   if (videoLists[i].id != "null") {                                                                                                            
                        if (videoLists[i].id == liElementClicked.id){  
                            videoLists[i].setAttribute('className','visit');                        
                        }else { 
                            videoLists[i].setAttribute('className','');     
                        }  
                   }                     		                                                    
              }
              catch (err) {
              }        
            }          
          
        }
        
       function DisplayVideoList(dropdown){
     
            var videos = document.getElementsByTagName("ul"); 
         
            var hasVideos = false;           
            for (var i=0;i<=videos.length;i++){                                         
                if (typeof(videos[i]) == "object"){                
                    if (videos[i].id != "") {                     
                       if (videos[i].className == "ytul") {                                                                                                                               
                            if (videos[i].id == dropdown.value){  
                                videos[i].style.display = "block"
                                hasVideos = true;   
                            }else { 
                                videos[i].style.display = "none"   
                            }
                        }
                    } 
                }      		                                     
             }                  
             if (hasVideos == false) {                
                var noVideos = document.getElementById("cateoriesNoRecs");       
                noVideos.style.display = "block";
             }             
        }
        
        function showDynamicChanges(){                 
              var VideoSpace = document.getElementById("MovieDiv"); 
              alert(VideoSpace.innerHTML);
        }
        
    
           