function swapImages(clickedDiv){
    itemNumber = $(clickedDiv).attr('id').substr(7,1)

    clickedRegion = '#preview' + itemNumber + ' > .preview';
    video = $(clickedRegion).attr('video');
    image = $(clickedRegion).attr('mainimage');

    $('#nonFlash #menu .preview').removeClass('selected');
    $(clickedRegion).addClass('selected');

    $('#nonFlash .mainImg').attr('style', 'display:none');
    $('#nonFlash #' +itemNumber).attr('style', 'display:block');

// hide the other buttons
    $('.playButton').attr('style', 'display:none');
    $('.readButton').attr('style', 'display:none');
    $('#homePlayer .title').attr('style', 'display:none');
    
    $('#playButton' + itemNumber).attr('style', 'display:block');
    $('#readButton' + itemNumber).attr('style', 'display:block');
    $('.title' + itemNumber).attr('style', 'display:block');

//    iPadVid = '#iPadVideo > #video' + itemNumber;
//    $('.ipVid').attr('style', 'display:none');
//    $(iPadVid).attr('style', 'display:block');
}



function playVideo(id) {
    videoToPlay =  $('#video' + id)
// hide the title and images
    $('#nonFlash .title').attr('style', 'display:none');

// show only the relevant video
    $('.ipVid').attr('style', 'display:none');
   videoToPlay.attr('style', 'display:block');

// stop any other currently playing video
    $('.ipVid').stop();

// start the relevant video
    videoToPlay[0].load().play();

}

function supports_video() {
  return !!document.createElement('video').canPlayType;
}

function supports_h264_baseline_video() {
  if (!supports_video()) { return false; }
  var v = document.createElement("video");
  return v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
}

$(document).ready(function() {

    // show the play button for the first item
    $('#playButton0').attr('style', 'display:block');
    $('#readButton0').attr('style', 'display:block');

    $('#nonFlash #menu a').click(function(event){
        event.preventDefault();
        swapImages(this);
    });

$('#main > img').attr('display', 'none');

//    if(supports_h264_baseline_video){
//        $('.playButton a').each(function(){
//            vid = $(this).attr('href').substr(1);
//            $(this).attr('href', '/player.php?vid=' + vid );
//        });
//    }


});