function responseArtist(jsonData) 
        {
               var resp = document.getElementById("respArtist");
	           var str1 = '<table  width="100%" border="0" cellspacing="0" cellpadding="0" class="videos_bg">';
                  str1 += '<tr>';
	         
		     for (var i=0; i<jsonData.videos.length; i++) 
		        {
		             var strVideoDetails=jsonData.videos;
		             if(i==4 || i==8 || i==12 || i==16)
		            {
    		          str1 += "</tr><tr>";
    		          str1 += '<td align="left" valign="top" width="128" height="72" style="padding:10px">';
    		          
    		          str1 += '<div id="mouseover" onClick="playTitleArtist(' + strVideoDetails[i].id + ')">';
		              str1 += '<img src="' + strVideoDetails[i].thumbnailURL + '"/>';  
		              str1 += '</div>';
		              
		              str1 += '<br/><a href="ArtistVideo.aspx?bctid='+ strVideoDetails[i].id +'" onClick="playTitleArtist(' + strVideoDetails[i].id + ')">' + strVideoDetails[i].name + '</a>';
		              str1 += '</td>'; 
		            }
		            else
		            {
		               str1 += '<td align="left" valign="top" width="128" height="72" style="padding:10px">';
		               
		               str1 += '<div id="mouseover" onClick="playTitleArtist(' + strVideoDetails[i].id + ')">';
		              str1 += '<img src="' + strVideoDetails[i].thumbnailURL + '"/>';  
		              str1 += '</div>';
		               
		               str1 += '<br/><a href="ArtistVideo.aspx?bctid='+ strVideoDetails[i].id +'"  onClick="playTitleArtist(' + strVideoDetails[i].id + ')">' + strVideoDetails[i].name + '</a>';
		               str1 += '</td>'; 
		            }
		            if(i==7)
		            {
		              break;
		            }
		        }
		             str1 += '</tr>';
		             str1 += '</table>';
                     resp.innerHTML += str1;
        }
        
        function responseLessons(jsonData) 
        {
               var resp = document.getElementById("respLessons");
	           var str1 = '<table  width="100%" border="0" cellspacing="0" cellpadding="0" class="videos_bg">';
                  str1 += '<tr>';
	         
		     for (var i=0; i<jsonData.videos.length; i++) 
		        {
		             var strVideoDetails=jsonData.videos;
		             if(i==4 || i==8 || i==12 || i==16)
		            {
    		          str1 += "</tr><tr>";
    		          str1 += '<td align="left" valign="top" width="128" height="72" style="padding:10px">';
		             str1 += '<div id="mouseover" onClick="playTitleLessons(' + strVideoDetails[i].id + ')">';
		              str1 += '<img src="' + strVideoDetails[i].thumbnailURL + '"/>';  
		              str1 += '</div>'; 
		              str1 += '<br/><a href="LessonsVideo.aspx?bctid='+ strVideoDetails[i].id +'" onClick="playTitleLessons(' + strVideoDetails[i].id + ')">' + strVideoDetails[i].name + '</a>';
		              str1 += '</td>'; 
		            }
		            else
		            {
		               str1 += '<td align="left" valign="top" width="128" height="72" style="padding:10px">';
		               str1 += '<div id="mouseover" onClick="playTitleLessons(' + strVideoDetails[i].id + ')">';
		              str1 += '<img src="' + strVideoDetails[i].thumbnailURL + '"/>';  
		              str1 += '</div>';
		               str1 += '<br/><a href="LessonsVideo.aspx?bctid='+ strVideoDetails[i].id +'"  onClick="playTitleLessons(' + strVideoDetails[i].id + ')">' + strVideoDetails[i].name + '</a>';
		               str1 += '</td>'; 
		            }
		            if(i==7)
		            {
		              break;
		            }
		        }
		             str1 += '</tr>';
		             str1 += '</table>';
                     resp.innerHTML += str1;
        }
        
        function responseGear(jsonData) 
        {
               var resp = document.getElementById("respGear");
	           var str1 = '<table  width="100%" border="0" cellspacing="0" cellpadding="0" class="videos_bg">';
                  str1 += '<tr>';
	         
		     for (var i=0; i<jsonData.videos.length; i++) 
		        {
		             var strVideoDetails=jsonData.videos;
		             if(i==4 || i==8 || i==12 || i==16)
		            {
    		          str1 += "</tr><tr>";
    		          str1 += '<td align="left" valign="top" width="128" height="72" style="padding:10px">';
		             str1 += '<div id="mouseover" onClick="playTitleGear(' + strVideoDetails[i].id + ')">';
		              str1 += '<img src="' + strVideoDetails[i].thumbnailURL + '"/>';  
		              str1 += '</div>';
		              str1 += '<br/><a href="GearVideo.aspx?bctid='+ strVideoDetails[i].id +'&bclid=27965002001" onClick="playTitleGear(' + strVideoDetails[i].id + ')">' + strVideoDetails[i].name + '</a>';
		              str1 += '</td>'; 
		            }
		            else
		            {
		               str1 += '<td align="left" valign="top" width="128" height="72" style="padding:10px">';
		               str1 += '<div id="mouseover" onClick="playTitleGear(' + strVideoDetails[i].id + ')">';
		              str1 += '<img src="' + strVideoDetails[i].thumbnailURL + '"/>';  
		              str1 += '</div>';
		               str1 += '<br/><a href="GearVideo.aspx?bctid='+ strVideoDetails[i].id +'&bclid=27965002001"  onClick="playTitleGear(' + strVideoDetails[i].id + ')">' + strVideoDetails[i].name + '</a>';
		               str1 += '</td>'; 
		            }
		            if(i==7)
		            {
		              break;
		            }
		        }
		             str1 += '</tr>';
		             str1 += '</table>';
                     resp.innerHTML += str1;
        }


        function playTitle(id) 
        {
	         window.location="Video.aspx?bctid=" + id; 
	        // window.open("player.htm?bctid=" + id,"Top_Videos_Sidebar", "location=0,status=0,top=100,left=300,scrollbars=0,width=680,height=535,toolbar=0"); 
	          //window.open("http://files.brightcove.com/js-sidebar-player.html?bctid=" + id,"Top_Videos_Sidebar", "location=0,status=0,top=100,left=300,scrollbars=0,width=500,height=445,toolbar=0"); 
        }
        
        function playTitleArtist(id) 
        {
	         window.location="ArtistVideo.aspx?bctid=" + id; 
        }
         function playTitleLessons(id) 
        {
	         window.location="LessonsVideo.aspx?bctid=" + id; 
        }
          function playTitleGear(id) 
        {
	         
		 window.location="GearVideo.aspx?bctid=" + id +"&bclid=27965002001"; 
        }