var utubedata = {
    videos:[
        {
            title:"Sugar Hill Animal Hospital - Why Choose S.H.A.H.",
            player:"http://www.youtube.com/watch?v\u003dONtmtzCzx0s&feature\u003dyoutube_gdata_player",
            thumbnail:"http://i.ytimg.com/vi/ONtmtzCzx0s/default.jpg"
        },
        {
            title:"Sugar Hill Animal Hospital - Doggy Day Care",
            player:"http://www.youtube.com/watch?v\u003dmk8nBrD46oE&feature\u003dyoutube_gdata_player",
            thumbnail:"http://i.ytimg.com/vi/mk8nBrD46oE/default.jpg"
        },
        {
            title:"Sugar Hill Animal Hospital - Golden Vet",
            player:"http://www.youtube.com/watch?v=QN8c_F8LzSE&feature=youtube_gdata_player",
            thumbnail:"http://i.ytimg.com/vi/QN8c_F8LzSE/default.jpg"
        },
        {
            title:"Sugar Hill Animal Hospital - ACL Surgery",
            player:"http://www.youtube.com/watch?v\u003dz7JkPhAx3Fk&feature\u003dyoutube_gdata_player",
            thumbnail:"http://i.ytimg.com/vi/z7JkPhAx3Fk/default.jpg"
        }        
    ]
}

$(document).ready(function() {
    
    // read local youtube data 
        /* file matching http://gdata.youtube.com/feeds/api/videos?q=sugarhillvets&v=2&alt=jsonc */
                                    
      
    var numVideos = utubedata.videos.length; // total number of videos
    var c = ''; // content string
    var numrows = 1; // row counter
                                                /* Our "paging" approach is
                                                to put all the videos in the DOM, and
                                                handle how many are shown */
    // build content string
    c += '<div id="vidrow' + (numrows) + '" class="clearfix">';
                
    for(var i=0; i < numVideos; i++)
    {
        c += '  <div class="thumb">';
        c += '    <a class="video" rel="prettyPhoto" title="'+ utubedata.videos[i].title +'" href="javascript:openVideo(\''+ utubedata.videos[i].player +'\');">';
        c += '      <img src="'+ utubedata.videos[i].thumbnail +'" border="0" alt="'+ utubedata.videos[i].title +'">';
        c += '    </a>'
        c += '    <b><a class="video" rel="prettyPhoto" title="'+ utubedata.videos[i].title +'" href="javascript:openVideo(\''+ utubedata.videos[i].player +'\');">'+ utubedata.videos[i].title +'</a></b>';
        c += '  </div>';
        if((i+1)%2==0)
        {
            numrows++;
            c += '</div>'
            c += '<div id="vidrow' + (numrows) + '" class="clearfix">';
        }
    }
    c += '</div>';
    // c += '<a id="youtubeviewall" href=\'javascript:showHiddenVids();\'>'+videoMoreString+'</a>';
    
    // add our content to the dom
    $("#shah-youtube").html(c);
    
    $("a[rel^='prettyPhoto']").prettyPhoto();

});

var videoMoreString = 'view more videos &raquo;';
var videoLessString = '&laquo; view less videos';

function showHiddenVids()
{
    $("#vidrow2").slideDown();
    $("#youtubeviewall").html(videoLessString);
    $("#youtubeviewall").attr("href","javascript:hideHiddenVids();");
}

function hideHiddenVids()
{
    $("#vidrow2").slideUp();
    $("#youtubeviewall").html(videoMoreString);
    $("#youtubeviewall").attr("href","javascript:showHiddenVids();");
}


function openVideo(vidURL)
{
    //alert(vidURL);
}

function __flash__removeCallback(instance, name) {
if (instance != null) { instance[name] = null; }
}