﻿


function SetControlRep(bottom, top, width, height, VertOffSet, HorzOffSet) {

    var location = Sys.UI.DomElement.getLocation(bottom);
    top.style.position = 'absolute';
    top.style.display = 'block';

    var Vert = parseInt(VertOffSet) + parseInt(location.y);
    var Horz = parseInt(HorzOffSet) + parseInt(location.x);
    top.style.top = Vert + 'px';
    top.style.left = Horz + 'px';

    top.style.height = height + 'px';
    top.style.width = width + 'px';

}
function ShowVideo(id) {

    var params = { allowScriptAccess: "always" };
    var atts = { id: "myytplayer" };
    swfobject.embedSWF("http://www.youtube.com/e/" + id + "?enablejsapi=1&playerapiid=ytplayer",
                           "ytapiplayer", "425", "356", "8", null, null, params, atts);
    document.getElementById('videoPanel').style.display = 'block';
    document.getElementById('videoList').style.display = 'none';

    var mPlayer = document.getElementById('myytplayer')


}
function ResetMediaPanel() {
    document.getElementById('videoPanel').style.display = 'none';
    document.getElementById('videoList').style.display = 'none';

    document.getElementById('MusicPanel').style.display = 'none';
    document.getElementById('MusicList').style.display = 'none';

    document.getElementById('PicturePanel').style.display = 'none';
    document.getElementById('PictureList').style.display = 'none';
}

function ShowMusicList() {
    ResetMediaPanel();
    document.getElementById('MusicPanel').style.display = 'none';
    document.getElementById('MusicList').style.display = 'block';
}

function ShowPictureList() {
    ResetMediaPanel();

    document.getElementById('PicturePanel').style.display = 'none';
    document.getElementById('PictureList').style.display = 'block';
}
function ShowVideoList() {


    document.getElementById('videoPanel').style.display = 'none';
    document.getElementById('videoList').style.display = 'block';
}

function ReturnToVideoList() {
    var mPlayer = document.getElementById('myytplayer')
    mPlayer.stopVideo();
    mPlayer.destroy();
    mPlayer.id = "ytapiplayer";

    
    document.getElementById('videoPanel').style.display = 'none';
    document.getElementById('videoList').style.display = 'block';
}
function ShowAboutContent() {
    ResetContent();
    document.getElementById('divAboutContent').style.display = 'block';
}
function ShowNewsContent() {
    ResetContent();
    document.getElementById('divNewsContent').style.display = 'block';
}
function ShowShowsContent() {
    ResetContent();
    document.getElementById('divShowsContent').style.display = 'block';
}
function ShowStoreContent() {
    ResetContent();
    document.getElementById('divStoreContent').style.display = 'block';
}
function ShowMediaContent() {
    ResetContent();
    document.getElementById('divMediaContent').style.display = 'block';
    ResetMediaPanel();
    ShowVideoList();
}
function ShowPressContent() {
    ResetContent();
    document.getElementById('divPressContent').style.display = 'block';
}
function ShowContactContent() {
    ResetContent();
    document.getElementById('divContactContent').style.display = 'block';
}
function ShowSocialContent() {

}
function ResetContent() {
    document.getElementById('divAboutContent').style.display = 'none';
    document.getElementById('divNewsContent').style.display = 'none';
    document.getElementById('divShowsContent').style.display = 'none';
    document.getElementById('divStoreContent').style.display = 'none';
    document.getElementById('divMediaContent').style.display = 'none';
    document.getElementById('divPressContent').style.display = 'none';
    document.getElementById('divContactContent').style.display = 'none';

}



function CreateVideoList() {
    var htmlVideoList = "";
    htmlVideoList = htmlVideoList + "<table><tr><td>";
    htmlVideoList = htmlVideoList + "<img id='Video2' src='http://img.youtube.com/vi/qIxxNKhHZQc/2.jpg' style='width: 100pt;' onmouseover='document.getElementById('Video2').style.color='white' onclick='ShowVideo('qIxxNKhHZQc');return false;' onmouseout='document.getElementById('Video2').style.color=gray/></a>";

    htmlVideoList = htmlVideoList + "</td><td style='text-align: left; vertical-align: top;'><div style='padding-left: 10pt; font-weight: bold;'>";
    htmlVideoList = htmlVideoList + "Rider";
    htmlVideoList = htmlVideoList + "</div><div><div style='padding-left: 10pt; font-size: medium;'>"
    htmlVideoList = htmlVideoList + "MOTR Pub, Over The Rhine";
    htmlVideoList = htmlVideoList + "</div></div></td></tr></table>";


 //   document.getElementById('videoList').innerHTML = htmlVideoList;
}
function ShowPicture(src) {
    document.getElementById('imgDynamicPic').src = src;

    document.getElementById('PicturePanel').style.display = 'block';
    document.getElementById('PictureList').style.display = 'none';
}


function ReturnToPhotoList() {
    document.getElementById('PicturePanel').style.display = 'none';
    document.getElementById('PictureList').style.display = 'block';
}
