// NOTE: objects with parameter runat='server' have IDs prepended with 'ctl00_ContentPlaceholder1_'
// NOTE: hidden objects with parameter runat='server' have IDs prepended with 'ctl00$ContentPlaceholder$1'

var iData = null;
var interval = null;
var activeRelease = null;
var activeImage = null;
var activeCategory = "new";
var activeArtist = null;
var activeProduct = null;
var activeMerch = null;
var menuSelect = null;
var vdata = null;
var vaultcode = "";
var indexLoaded = false;

// front
function showVids()
{
    if(vdata == null)
    {
        vdata = document.getElementById("vidcode").value;
    }
    var display = "<table cellpadding='0' cellspacing='0' border='0' width='332'>";
    display += "<tr><td align='right'><a href='javascript:hideVids();'>hide videos</a><img src='images/spacer.gif' width='10' height='1'></td></tr>";
    display += vdata + "</table>";
    
    document.getElementById("vids").innerHTML = display;
}
function hideVids()
{
    var display = "<a href='javascript:showVids();'>show all videos</a><img src='images/spacer.gif' height='1' width='10'>";
    document.getElementById("vids").innerHTML = display;
}
function addEmail()
{
    if("" != document.getElementById("mlistname").value)
    {
        if("" != document.getElementById("mlistemail").value)
        {
            var mlistemail = document.getElementById("mlistemail").value;
            if(-1 != mlistemail.indexOf("@") && -1 != mlistemail.indexOf("."))
            {
                var query = "xmlutility.aspx?reqtype=mail&name=" + document.getElementById("mlistname").value + "&email=" + document.getElementById("mlistemail").value;
                serverCallBack(query);
                interval = setInterval("mailresponse()", 100);
            }
            else
            {
                alert("The email address entered is not valid");
            }
        }
        else
        {
            alert("You must enter your email address");
        }
    }
    else
    {
        alert("You must enter your name");
    }
}
function mailresponse()
{
    if(iData != null)
    {
        clearInterval(interval);
        
        if("true" == iData)
        {
            alert("You have been added to our email list.\r\n\r\nKeep it crackin' - Indamix");
            document.getElementById("ctl00_ContentPlaceHolder1_maillist").innerHTML = "";
        }
        else
        {
            alert("An error occured while adding your information.");
        }
        
        iData = null;
    }
}
// news
function getArticle(id)
{
    var query = "xmlutility.aspx?reqtype=news&list=false&id=" + id;
    serverCallBack(query);
    interval = setInterval("showArticle()", 100);
}

function showArticle()
{
    if(iData != null)
    {
        clearInterval(interval);
        
        // 0 - date | 1 - title | 2 - text | 3 - img1 | 4 - img2 | 5 - img3
        var newsItem = iData.split("|");
        
        iData = null;
        
        display = "<a href='javascript:getNewsList();'>view all</a><br><img src='images/spacer.gif' height='10' width='1'><br><div style='height:300px;overflow:auto;'><span style='font-size:14px;color:#B79667;'><b>" + newsItem[1] + "</b></span><br><span style='font-size:10px;'>" + newsItem[0] + "</span><br><img src='images/spacer.gif' height='5' width='1'><br><p>";
        if(newsItem[3] != "")
        {
            display += "<table cellpadding='0' cellspacing='0' border='0' style='float:left;padding-right:10px;'><tr><td align='center'><span style='font-size:10px;'>click to view</span><br><img src='images/spacer.gif' height='10' width='1'><br>";
            display += "<a href=\"javascript:neimgfull('imgutility.aspx?size=ne_full&img=newsevents\\\\" + newsItem[3] + "');\"><img src='imgutility.aspx?size=ne_thumb&img=newsevents\\" + newsItem[3] + "' border='0'></a><br>";
            if(newsItem[4] != "")
            {
                display += "<img src='images/spacer.gif' width='1' height='10'><a href=\"javascript:neimgfull('imgutility.aspx?size=ne_full&img=newsevents\\\\" + newsItem[4] + "');\"><img src='imgutility.aspx?size=ne_thumb&img=newsevents\\" + newsItem[4] + "' border='0'></a><br>";
            }
            if(newsItem[5] != "")
            {
                display += "<img src='images/spacer.gif' width='1' height='10'><a href=\"javascript:neimgfull('imgutility.aspx?size=ne_full&img=newsevents\\\\" + newsItem[5] + "');\"><img src='imgutility.aspx?size=ne_thumb&img=newsevents\\" + newsItem[5] + "' border='0'></a>";
            }
            display += "</td></tr></table>";
        }
        display += newsItem[2] + "</p></div>";
        
        document.getElementById("news_content").innerHTML = display;
        showdeadcenterdiv(500,400,"news");
        document.getElementById("news").style.visibility = "visible";
    }
}

function getNewsList()
{
    var query = "xmlutility.aspx?reqtype=news&list=true";
    serverCallBack(query);
    interval = setInterval("showNewsList()", 100);
}

function showNewsList()
{
    if(iData != null)
    {
        clearInterval(interval);
        
        var newsList = iData.split("|");
        
        iData = null;
        
        if(0 < newsList.length)
        {
            display = "<div style='height:270px;overflow:auto;'>";
            for(var i=0; i<newsList.length; i++)
            {
                var newsItem = newsList[i].split(";");
                if(i == 0)
                {
                    display += "<a href=\"javascript:getArticle('" + newsItem[0] + "');\" class='news'>" + newsItem[1] + "</a>";
                }
                else
                {
                    display += "<br><img src='images/spacer.gif' height='3' width='1'><br><a href=\"javascript:getArticle('" + newsItem[0] + "');\" class='news'>" + newsItem[1] + "</a>";
                }
            }
            display += "</div>";
        }

        document.getElementById("news_content").innerHTML = display;
        showdeadcenterdiv(356,357,"news");
        document.getElementById("news").style.visibility = "visible";
    }
}

function closeNews()
{
    document.getElementById("news").style.visibility = "hidden";
    document.getElementById("news_content").innerHTML = "";
}
// end news

// releases page
function showSingles()
{
    var singles = document.getElementById('ctl00_ContentPlaceHolder1_tracks').value;
    //singles = singles.replace("&lt;", "<");
    document.getElementById('singles').innerHTML = singles;
    document.getElementById('showhide').innerHTML = "<a href='javascript:hideSingles();'>Hide</a>";
}
function hideSingles()
{
    document.getElementById('singles').innerHTML = "";
    document.getElementById('showhide').innerHTML = "<a href='javascript:showSingles();'>Show</a>";
}

function getAlbums(artist)
{
    if(artist != activeCategory)
    {   
        document.getElementById(activeCategory + "_releases").innerHTML = "";

        document.getElementById("r_" + activeCategory + "_1").style.backgroundColor = "#B79667";
        document.getElementById("r_" + activeCategory + "_2").style.backgroundColor = "#B79667";
        document.getElementById("r_" + activeCategory + "_3").style.backgroundColor = "#B79667";
        
        document.getElementById("r_" + artist + "_1").style.backgroundColor = "#986A3D";
        document.getElementById("r_" + artist + "_2").style.backgroundColor = "#986A3D";
        document.getElementById("r_" + artist + "_3").style.backgroundColor = "#986A3D";
        
        activeCategory = artist;
        var query = "xmlutility.aspx?reqtype=albums&artist=" + artist;
        serverCallBack(query);
        interval = setInterval("showAlbums()", 100);
    }
}

function showAlbums()
{
    if(iData != null)
    {
        clearInterval(interval);
        var albumID;
        var gr;
        
        if(iData != "false")
        {
            var adata = iData.split(";");
            var display = "<table cellpadding='0' cellspacing='0' border='0' width='332'>";
            display += "<tr><td height='10' colspan='2'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
            display += "<tr><td>";
            var j = 1;
            var k = 0;
            for(var i=0; i<adata.length; i++)
            {
                // 0 - id | 1 - title | 2 - image
                var rdata = adata[i].split(",");

                if(j == 1)
                {
                    if(k == 0)
                    {
                        display += "<a href=\"javascript:getRelease('" + rdata[0] + "');\"><img id='img_r" + rdata[0] + "' class='thumb' src='imgutility.aspx?size=atgt&img=releases\\" + rdata[2] + "' border='0' onmouseover=\"javascript:rollthumb('releases\','r" + rdata[0] + "',1);\" onmouseout=\"javascript:rollthumb('releases\','r" + rdata[0] + "',0);\" style='border-color:#986A3D;'></a>";
                        gr = rdata[0];
                    }
                    else
                    {
                        display += "<a href=\"javascript:getRelease('" + rdata[0] + "');\"><img id='img_r" + rdata[0] + "' class='thumb' src='imgutility.aspx?size=atgt&img=releases\\" + rdata[2] + "' border='0' onmouseover=\"javascript:rollthumb('releases\','r" + rdata[0] + "',1);\" onmouseout=\"javascript:rollthumb('releases\','r" + rdata[0] + "',0);\"></a>";
                    }
                    j++;
                }
                else if(j == 2)
                {
                    display += "<img src='images/spacer.gif' width='10' height='1'><a href=\"javascript:getRelease('" + rdata[0] + "');\"><img id='img_r" + rdata[0] + "' class='thumb' src='imgutility.aspx?size=atgt&img=releases\\" + rdata[2] + "' border='0' onmouseover=\"javascript:rollthumb('releases\','r" + rdata[0] + "',1);\" onmouseout=\"javascript:rollthumb('releases\','r" + rdata[0] + "',0);\"></a>";
                    j++;
                }
                else if(j == 3)
                {
                    display += "<img src='images/spacer.gif' width='10' height='1'><a href=\"javascript:getRelease('" + rdata[0] + "');\"><img id='img_r" + rdata[0] + "' class='thumb' src='imgutility.aspx?size=atgt&img=releases\\" + rdata[2] + "' border='0' onmouseover=\"javascript:rollthumb('releases\','r" + rdata[0] + "',1);\" onmouseout=\"javascript:rollthumb('releases\','r" + rdata[0] + "',0);\"></a><br><img src='images/spacer.gif' height='10' width='1'><br>";
                    j = 1;
                }
                k++;
            }
            
            display += "</td></tr></table>";
                
            document.getElementById(activeCategory + "_releases").innerHTML = display;
            
            activeRelease = null;
            getRelease(gr);
        }
        else
        {
            document.getElementById("ctl00_ContentPlaceHolder1_album").innerHTML = "";
            document.getElementById("ctl00_ContentPlaceHolder1_tracks").value = "";
        }
    }
}

function getRelease(id)
{
    if(id != activeRelease)
    {
        activeRelease = id;
        var query = "xmlutility.aspx?reqtype=album&id=" + id;
        serverCallBack(query);
        interval = setInterval("showRelease()", 100);
    }
    else
    {
        alert("The image you clicked is currently displayed");
    }
}   

function showRelease()
{
    if(iData != null)
    {
        clearInterval(interval);
        
        // 0 - album | 1 - tracks
        var adetails = iData.split("|");
        // 0 - id | 1 - artist | 2 - title | 3 - featuring | 4 - year | 5 - image | 6 - cdprice | 7 - dprice | 8 - summary
        var adata = adetails[0].split(";");
        // 0 - id | 1 - title | 2 - price | 3 = file
        // adetails[1]+
        
        var title = adata[2];
        title = title.replace(/&/g, "&amp;");
        title = title.replace(/'/g, "&#39;");

        var summary = adata[8];
        if("" != summary)
        {
            summary = summary.replace(/&/g, "&amp;");
            summary = summary.replace(/'/g, "&#39;");
        }
        
        display = "<table cellpadding='0' cellspacing='0' border='0' width='332'>";
        display += "<tr><td colspan='3'><span><b>" + adata[1] + "</b><br>" + title + "</span></td></tr>";
        display += "<tr>";
        display += "<td width='150' valign='top'><img src='imgutility.aspx?size=ad&img=releases\\" + adata[5] + "'></td><td width='10'><img src='images/spacer.gif' width='10' height='1'></td>";
        display += "<td width='147' valign='top'>";
        display += "<table cellpadding='0' cellspacing='0' border='0' width='130'>";
        if("" != adata[6])
        {
            display += "<tr><td width='66'><b>CD</b></td><td width='64'><img src='images/spacer.gif' width='64' height='1'></td></tr>";
            display += "<tr><td width='66'>$" + adata[6] + "</td><td width='64' align='right'><a href=\"javascript:addItem('[cd]','" + adata[0] + "','','" + adata[2] + "','" + adata[6] + "');\"><img src='images/buy_now.jpg' border='0' onmouseover=\"javascript:rollgraphic('','buy_now',1);\" onmouseout=\"javascript:rollgraphic('','buy_now',0);\"></a><br><img src='images/spacer.gif' height='10' width='1'></td></tr>";
        }
        if("" != adata[7])
        {
            display += "<tr><td width='66'><b>Download</b></td><td width='64'>&nbsp;</td></tr>";
            display += "<tr><td width='66'>$" + adata[7] + "</td><td width='64' align='right'><a href=\"javascript:addItem('[cddownload]','" + adata[0] + "','','" + adata[2] + "','" + adata[7] + "');\"><img src='images/buy_now.jpg' border='0' onmouseover=\"javascript:rollgraphic('','buy_now',1);\" onmouseout=\"javascript:rollgraphic('','buy_now',0);\"></a><br><img src='images/spacer.gif' height='10' width='1'></td></tr>";
        }
        display += "<tr><td colspan='2' valign='top' width='177'>";
        display += "<b>Year</b><br>" + adata[4] + "<br><img src='images/spacer.gif' height='10' width='1'><br>";
        if("" != adata[3])
        {
            display += "<b>Featuring</b><br>";
            var mcs = adata[3].split(',');
            for (var k=0; k<mcs.length; k++)
            {
                display += mcs[k] + "<br>";
            }
        }
        display += "</td></tr></table>";
        display += "</td></tr>";
        if (adata[8] != "")
        {
            display += "<tr><td colspan='3' height='10'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
            display += "<tr><td colspan='3'><span style='sectionheader'>SUMMARY</span></td></tr>";
            display += "<tr><td colspan='3' height='1' width='332' bgcolor='#b79667'><img src='images/spacer.gif' height='1' width='332'></td></tr>";
            display += "<tr><td colspan='3' height='5'><img src='images/spacer.gif' height='5' width='1'></td></tr>";
            display += "<tr><td colspan='3'>" + summary + "</td></tr>";
        }
        display += "<tr><td colspan='3' height='10'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
        display += "<tr><td colspan='3'><span style='sectionheader'>TRACKLIST</span></td></tr>";
        display += "<tr><td colspan='3' height='1' width='332' bgcolor='#b79667'><img src='images/spacer.gif' height='1' width='332'></td></tr>";
        //display += "<tr><td colspan='3' height='5'><img src='images/spacer.gif' height='5' width='1'></td></tr>";
        //display += "<tr><td colspan='3' id='showhide'><a href='javascript:hideSingles();'>Hide</a></td></tr>";
        display += "<tr><td colspan='3' height='5'><img src='images/spacer.gif' height='5' width='1'></td></tr>";
        display += "<tr><td id='singles' colspan='3'>";

        //document.getElementById("ctl00_ContentPlaceHolder1_album").innerHTML = display;

        display += "<table cellpadding='0' cellspacing='0' border='0' width='332'>";
        var hasclips = false;
        var clipdata = "";
        for(var k=1; k<adetails.length; k++)
        {
            for(var i=1; i<adetails.length; i++)
            {
                // 0 - id | 1 - track # | 2 - name | 3 - price | 4 - clip
                var tdata = adetails[i].split(';');
                if(tdata[1] == k)
                {
                    var tname = tdata[2].replace(/'/g, "##");

                    if("" != tdata[4] && "" != tdata[3])
                    {
                        clipdata += "<tr><td>" + (i+1) + "</td><td width='10'><img src='images/spacer.gif' width='10' height='1'></td><td>" + tdata[2] + "</td><td width='10'><img src='images/spacer.gif' width='10' height='1'></td><td align='right'><a href=\"javascript:listen('" + adata[0] + "','" + tdata[4] + "','" + tname + "');\"><img src='images/listen.jpg' border='0'></a><img src='images/spacer.gif' width='5' height='1'><a href=\"javascript:addItem('[single]','" + tdata[0] + "','" + adata[0] + "','" + tname + "','" + tdata[3] + "');\"><img src='images/buy_now.jpg' border='0'></a>&nbsp;$" + tdata[3] + "</td></tr>";
                        hasclips = true;
                    }
                    else if("" != tdata[4])
                    {
                        clipdata += "<tr><td>" + (i+1) + "</td><td width='10'><img src='images/spacer.gif' width='10' height='1'></td><td>" + tdata[2] + "</td><td width='10'><img src='images/spacer.gif' width='10' height='1'></td><td align='right'><a href=\"javascript:listen('" + adata[0] + "','" + tdata[4] + "','" + tname + "');\"><img src='images/listen.jpg' border='0'></a></td></tr>";
                        hasclips = true;
                    }
                    else if("" != tdata[3])
                    {
                        clipdata += "<tr><td>" + (i+1) + "</td><td width='10'><img src='images/spacer.gif' width='10' height='1'></td><td>" + tdata[2] + "</td><td width='10'><img src='images/spacer.gif' width='10' height='1'></td><td align='right'><a href=\"javascript:addItem('[single]','" + tdata[0] + "','" + adata[0] + "','" + tname + "','" + tdata[3] + "');\"><img src='images/buy_now.jpg' border='0'></a>&nbsp;$" + tdata[3] + "</td></tr>";
                    }
                    else
                    {
                        clipdata += "<tr><td>" + (i+1) + "</td><td width='10'><img src='images/spacer.gif' width='10' height='1'></td><td>" + tdata[2] + "</td><td width='10'><img src='images/spacer.gif' width='10' height='1'></td><td align='right'>&nbsp;</td></tr>";
                    }
                    break;
                }
            }
        }
        if(hasclips)
        {
            display += "<tr><td colspan='5' id='player'><img src='images/player.jpg'></td></tr>";
            display += "<tr><td colspan='5' height='10'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
        }
        display += clipdata;
        display += "<tr><td colspan='5' height='10'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
        display += "</table>";
        
        //document.getElementById("ctl00_ContentPlaceHolder1_tracks").value = display;
        
        display += "</td></tr>";
        display += "</table>";
        
        document.getElementById("ctl00_ContentPlaceHolder1_album").innerHTML = display;
    }
}

function listen(album, clip, name)
{
    name = name.replace(/&/g, "&amp;");
    name = name.replace(/##/g, "&#39;");
    var display = "<span style='color:#B79667;font-size:11px;'><b>" + name + "</b></span><br><embed allowscriptaccess='never' name='RAOCXplayer' src='mp3/" + album + "/clips/" + clip + "' application='application'/x-mplayer2' width='332' height='21' autostart='True'></embed><br><img src='images/spacer.gif' height='10' width='1'><br>";
    document.getElementById("player").innerHTML = display; 
}

function rollCategory(artist, roll)
{
    if(activeCategory == null)
    {
        activeCategory = document.getElementById("<%=ac.ClientID%>").value;
    }
    if(artist != activeCategory)
    {
        if(0 == roll)
        {   
            document.getElementById("r_" + artist + "_1").style.backgroundColor = "#B79667";
            document.getElementById("r_" + artist + "_2").style.backgroundColor = "#B79667";
            document.getElementById("r_" + artist + "_3").style.backgroundColor = "#B79667";
        }
        else if(1 == roll)
        {
            document.getElementById("r_" + artist + "_1").style.backgroundColor = "#986A3D";
            document.getElementById("r_" + artist + "_2").style.backgroundColor = "#986A3D";
            document.getElementById("r_" + artist + "_3").style.backgroundColor = "#986A3D";
        }
    }
}
// end releases page

// merch page
function getMerch(merch)
{
    document.getElementById(activeMerch).innerHTML = "";
    //document.getElementById("img_" + activeMerch).src = "images/" + merch + ".png";
    //document.getElementById("img_" + merch).src = "images/" + merch + "_over.png";
    activeMerch = merch;

    var query = "xmlutility.aspx?reqtype=merch&type=" + merch;
    serverCallBack(query)
    
    interval = setInterval("showMerch()", 100);
}

function showMerch()
{
    if(iData != null)
    {
        clearInterval(interval);
        
        var mdata = iData.split("|");
        iData = null;
        
        //var imgpath = document.getElementById("ctl00$ContentPlaceHolder$1_ipath").value;
        
        var j = 1;
        var display = "<table cellpadding='0' cellspacing='0' border='0' width='332'>";
        display += "<tr><td height='10'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
        display += "<tr><td>";
        for(var i=0; i<mdata.length; i++)
        {
            // 0 - id | 1 - imglink
            var pdata = mdata[i].split(";");
            
            var imglink;
            
            if("tshirts" == activeMerch)
            {
                imglink = "merch\\tshirts\\" + pdata[1];
            }
            else if("longsleeves" == activeMerch)
            {
                imglink = "merch\\longsleeves\\" + pdata[1];
            }
            else if("hoodies" == activeMerch)
            {
                imglink = "merch\\hoodies\\" + pdata[1];
            }
            else if("caps" == activeMerch)
            {
                imglink = "merch\\caps\\" + pdata[1];
            }
            
            if (j == 1)
            {
                display = "<a href=\"getProduct('" + pdata[0] + "');\"><img id='p" + pdata[0] + "' src='imgutility.aspx?size=m&img=" + imglink + "' border='0' onmouseover=\"javascript:rollgraphic('p" + pdata[0] + "',1);\" onmouseout=\"javascript:rollgraphic('p" + pdata[0] + "',0);\"></a>";
                j++;
            }
            else if(j == 2)
            {
                display += "<img src='images/spacer.gif' width='10' height='1'><a href=\"getProduct('" + pdata[0] + "');\"><img id='p" + id + "' src='imgutility.aspx?size=m&img=" + imglink + "' border='0' onmouseover=\"javascript:rollgraphic('p" + pdata[0] + "',1);\" onmouseout=\"javascript:rollgraphic('p" + pdata[0] + "',0);\"></a>";
                j++;
            }
            else if(j == 3)
            {
                display += "<img src='images/spacer.gif' width='10' height='1'><a href=\"getProduct('" + pdata[0] + "');\"><img id='p" + id + "' src='imgutility.aspx?size=m&img=" + imglink + "' border='0' onmouseover=\"javascript:rollgraphic('p" + pdata[0] + "',1);\" onmouseout=\"javascript:rollgraphic('p" + pdata[0] + "',0);\"></a>";
                j++;
            }
            else if(j == 4)
            {
                display += "<br><img src='images/spacer.gif' height='10' width='1'><br>";
                j = 1;
            }
        }
        display += "</td></tr></table>";
        document.getElementById(activeMerch).innerHTML = display;
        document.getElementById("img_" + activeMerch).src = "images/" + merch + "_over.png";
    }
}

function getProduct(merch)
{
    document.getElementById("img_" + activeProduct).style.borderColor = "";
    document.getElementById("img_" + merch).style.borderColor = "#986A3D";
    activeProduct = merch;
    
    var query = "xmlutility.aspx?reqtype=product&id=" + merch;
    serverCallBack(query)
    interval = setInterval("showProduct()", 100);
}

function showProduct()
{
    if(iData != null)
    {
        clearInterval(interval);
        
        //var imgpath = document.getElementById("ctl00$ContentPlaceHolder$1_ipath").value;
        
        // 0 - title | 1 - imglinkfront | 2 - price | 3 - size | 4 - color | 5 - description | 6 - type | 7 - imglinkback
        var pdata = iData.split(";");
        iData = null;
                
        var display = "<table cellpadding='0' cellspacing='0' border='0' width='332'>";
        display += "<tr><td><span style='color:#B79667;'>DETAILS</span></td></tr>";
        display += "<tr><td height='5' bgcolor='#ffffff'><img src='images/spacer.gif' height='5' width='1' /></td></tr>";
        display += "<tr><td height='1' bgcolor='#A1816C'><img src='images/spacer.gif' height='1' width='1' /></td></tr>";
        display += "<tr><td height='5' bgcolor='#ffffff'><img src='images/spacer.gif' height='5' width='1' /></td></tr>";
        display += "<tr><td align='center'><img id='mainimg' src='imgutility.aspx?size=mm&img=merch\\" + pdata[6] + "\\" + pdata[1] + "&type=" + pdata[6] + "'></td></tr>";
        display += "<tr><td height='5' bgcolor='#ffffff'><img src='images/spacer.gif' height='5' width='1' /></td></tr>";
        if ("" != pdata[7])
        {
            display += "<tr><td align='center'><a href=\"javascript:('imgutility.aspx?size=mm&img=merch\\" + pdata[6] + "\\" + pdata[7] + "');\"><img src='imgutility.aspx?size=atgt&img=merch\\" + pnode.Attributes.GetNamedItem("type").Value + "\\" + firstitem[1] + "' border='0' class='thumb'></a><img src='images/spacer.gif' width='10' height='1'><a href=\"javascript:swapMain('imgutility.aspx?size=mm&img=merch\\" + pnode.Attributes.GetNamedItem("type").Value + "\\" + firstitem[6] + "');\"><img src='imgutility.aspx?size=atgt&img=merch\\" + pnode.Attributes.GetNamedItem("type").Value + "\\" + firstitem[6] + "' border='0' class='thumb'></a></td></tr>";
            display += "<tr><td height='5' bgcolor='#ffffff'><img src='images/spacer.gif' height='5' width='1' /></td></tr>";
        }
        display += "<tr><td height='1' bgcolor='#A1816C'><img src='images/spacer.gif' height='1' width='1' /></td></tr>";
        display += "<tr><td height='5' bgcolor='#ffffff'><img src='images/spacer.gif' height='5' width='1' /></td></tr>";
        display += "<tr><td><table cellpadding='0' cellspacing='0' border='0' width='332'>";
        display += "<tr><td>";
        if("" != pdata[3])
        {
            display += "<span style='color:#B79667;'>Size</span><br><select id='size'><option value='0'>&nbsp;</option>";
            var sizes = pdata[3].split(",");
            for(var i=0; i<sizes.length; i++)
            {
                if ("s" == sizes[i]) { display += "<option value='s'>Small</option>"; }
                if ("m" == sizes[i]) { display += "<option value='m'>Medium</option>"; }
                if ("l" == sizes[i]) { display += "<option value='l'>Large</option>"; }
                if ("xl" == sizes[i]) { display += "<option value='xl'>Extra Large</option>"; }
            }
            display += "</select>";
        }
        else
        {
            display += "<span style='font-size:10px;'>One size fits all</span>";
        }
        
        display += "</td>";
        display += "<td width='10'><img src='images/spacer.gif' width='10' height='1'></td>";
        display += "<td>";
        if("" != pdata[4])
        {
            display += "<span style='color:#B79667;'>Color</span><br><select id='size'><option value='0'>&nbsp;</option>";
            var colors = pdata[4].split(",");
            for(var i=0; i<colors.length; i++)
            {
                if ("0" == colors[i]) { display += "<option value'0'>White</option>"; }
                if ("1" == colors[i]) { display += "<option value'1'>Black</option>"; }
            }
            display += "</select>";
        }
        else
        {
            display += "<span style='font-size:10px;'>Color shown</span>";
        }
        display += "</td>";
        display += "<td width='10'><img src='images/spacer.gif' width='10' height='1'></td>";
        display += "<td align='right'>$" + pdata[2] + "&nbsp;&nbsp;<a href=\"javascript:addItem('[" + pdata[6] + "]','','','" + pdata[0] + "','" + pdata[2] + "');\"><img src='images/buy_now.jpg' border='0'></a></a></td>";
        display += "<tr><td colspan='5' height='10' bgcolor='#ffffff'><img src='images/spacer.gif' height='10' width='1' /></td></tr>";
        if("" != pdata[5])
        {
            display += "<tr><td colspan='5'><span style='color:#B79667;'>Description</span><br><img src='images/spacer.gif' height='5' width='1'><br><b>" + pdata[0] + "</b><br><img src='images/spacer.gif' height='5' width='1'><br>" + pdata[5] + "</td></tr>";
        }
        display += "</table></td></tr>";
        display += "</table>";
        
        document.getElementById("ctl00_ContentPlaceHolder1_item").innerHTML = display;
    }
}

function swapMain(link)
{
    document.getElementById("mainimg").src = link;
}

function rollMerch(merch, roll)
{
    if(activeMerch == null) {activeMerch = document.getElementById("ctl00_ContentPlaceHolder1_merchgal").value; }
    if(activeMerch != merch)
    {
        if(0 == roll)
        {   
            document.getElementById("ctl00_ContentPlaceHolder1_img_" + merch).src = "images/merch/menu/" + merch + ".jpg";
        }
        else if(1 == roll)
        {
            document.getElementById("ctl00_ContentPlaceHolder1_img_" + merch).src = "images/merch/menu/" + merch + "_over.jpg";
        }
    }
}

// end merch page

// media page
function getAlbum()
{   
    var selection = document.getElementById("ctl00_ContentPlaceHolder1_albums").options[document.getElementById("ctl00_ContentPlaceHolder1_albums").selectedIndex].value;
    var query = "xmlutility.aspx?reqtype=album&id=" + selection;
    serverCallBack(query);
    interval = setInterval("showAlbum()", 100);
}

function showAlbum()
{
    if(iData != null)
    {
        clearInterval(interval);

        // 0 - details | ? - tracks
        var adata = iData.split("|");
        iData = null;
        //var imgpath = document.getElementById("ctl00$ContentPlaceHolder$1_ipath").value;
        
        //document.getElementById("ctl00_ContentPlaceHolder1_album_details").innerHTML = "";
        
        if(adata[0] != "singles")
        {
            // 0 - id | 1 - artist | 2 - title | 3 - featuring | 4 - year | 5 - image | 6 - cdprice | 7 - dprice
            var adetails = adata[0].split(";");
            var atitle = adetails[2];
            atitle = atitle.replace(/'/g, "&#39;");
            atitle = atitle.replace(/&/g, "&amp;");
            var display = "<table cellpadding='0' cellspacing='0' border='0' width='332'>";
            display += "<tr><td colspan='3'><span><b>" + atitle + "</b><br>" + adetails[1] + "</span></td></tr>";
            display += "<tr>";
            display += "<td width='150' valign='top'><img src='imgutility.aspx?size=ad&img=releases\\" + adetails[5] + "'></td><td width='10'><img src='images/spacer.gif' width='10' height='1'></td>";
            display += "<td width='147' valign='top'>";
            display += "<table cellpadding='0' cellspacing='0' border='0' width='130'>";
            if("" != adetails[6])
            {
                display += "<tr><td width='66'><b>CD</b></td><td width='64'><img src='images/spacer.gif' width='64' height='1'></td></tr>";
                display += "<tr><td width='66'>$" + adetails[6] + "</td><td width='64' align='right'><a href=\"javascript:addItem('[cd]','" + adetails[0] + "','','" + adetails[2] + "','" + adetails[6] + "');\"><img src='images/buy_now.jpg' border='0' onmouseover=\"javascript:rollgraphic('','buy_now',1);\" onmouseout=\"javascript:rollgraphic('','buy_now',0);\"></a><br><img src='images/spacer.gif' height='10' width='1'></td></tr>";
            }
            if("" != adetails[7])
            {
                display += "<tr><td width='66'><b>Download</b></td><td width='64'>&nbsp;</td></tr>";
                display += "<tr><td width='66'>$" + adetails[7] + "</td><td width='64' align='right'><a href=\"javascript:addItem('[cddownload]','" + adetails[0] + "','','" + adetails[2] + "','" + adetails[7] + "');\"><img src='images/buy_now.jpg' border='0' onmouseover=\"javascript:rollgraphic('','buy_now',1);\" onmouseout=\"javascript:rollgraphic('','buy_now',0);\"></a><br><img src='images/spacer.gif' height='10' width='1'></td></tr>";
            }
            display += "<tr><td colspan='2' valign='top' width='177'>";
            display += "<b>Year</b><br>" + adetails[4] + "<br><img src='images/spacer.gif' height='10' width='1'><br>";
            if("" != adetails[3])
            {
                display += "<b>Featuring</b><br>";
                var mcs = adetails[3].split(',');
                for(var j=0; j<mcs.length; j++)
                {
                    display += mcs[j] + "<br>";
                }
            }
            display += "</td></tr></table>";
            display += "</td></tr>";
            display += "<tr><td colspan='3' height='10'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
            display += "<tr><td colspan='3'><span style='color:#B79667;'>TRACKLIST</span></td></tr>";
            display += "<tr><td colspan='3' height='10'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
            var hasclips = false;
            var clipdata = "<tr><td colspan='3'>";
            clipdata += "<table cellpadding='0' cellspacing='0' border='0' width='332'>";
            for(var k=1; k<adata.length; k++)
            {
                for(var i=1; i<adata.length; i++)
                {
                    // 0 - id | 1 - track # | 2 - name | 3 - price | 4 - clip
                    var tdata = adata[i].split(";");
                    if(tdata[1] == k)
                    {
                        var tname = tdata[2].replace(/'/g, "##");

                        if("" != tdata[4] && "" != tdata[3])
                        {
                            clipdata += "<tr>";
                            clipdata += "<td>" + k + "</td>";
                            clipdata += "<td width='10'><img src='images/spacer.gif' height='1' width='10'></td>";
                            clipdata += "<td>" + tdata[2] + "</td>";
                            clipdata += "<td width='10'><img src='images/spacer.gif' height='1' width='10'></td>";
                            clipdata += "<td align='right'><a href=\"javascript:listen('" + adetails[0] + "','" + tdata[4] + "','" + tname + "');\"><img src='images/listen.jpg' border='0'></a><img src='images/spacer.gif' width='5' height='1'><a href=\"javascript:addItem('[single]','" + tdata[0] + "','" + adetails[0] + "','" + tname + "','" + tdata[3] + "');\"><img src='images/buy_now.jpg' border='0'></a>&nbsp;$" + tdata[3] + "</td>";
                            clipdata += "</tr>";
                            hasclips = true;
                        }
                        else if("" != tdata[4])
                        {
                            clipdata += "<tr>";
                            clipdata += "<td>" + k + "</td>";
                            clipdata += "<td width='10'><img src='images/spacer.gif' height='1' width='10'></td>";
                            clipdata += "<td>" + tdata[2] + "</td>";
                            clipdata += "<td width='10'><img src='images/spacer.gif' height='1' width='10'></td>";
                            clipdata += "<td align='right'><a href=\"javascript:listen('" + adetails[0] + "','" + tdata[4] + "','" + tname + "');\"><img src='images/listen.jpg' border='0'></a></td>";
                            clipdata += "</tr>";
                            hasclips = true;
                        }
                        else if("" != tdata[3])
                        {
                            clipdata += "<tr>";
                            clipdata += "<td>" + k + "</td>";
                            clipdata += "<td width='10'><img src='images/spacer.gif' height='1' width='10'></td>";
                            clipdata += "<td>" + tdata[2] + "</td>";
                            clipdata += "<td width='10'><img src='images/spacer.gif' height='1' width='10'></td>";
                            clipdata += "<td align='right'><a href=\"javascript:addItem('[single]','" + tdata[0] + "','" + adetails[0] + "','" + tname + "','" + tdata[3] + "');\"><img src='images/buy_now.jpg' border='0'></a>&nbsp;$" + tdata[3] + "</td>";
                            clipdata += "</tr>";
                        }
                        else
                        {
                            clipdata += "<tr>";
                            clipdata += "<td>" + k + "</td>";
                            clipdata += "<td width='10'><img src='images/spacer.gif' height='1' width='10'></td>";
                            clipdata += "<td>" + tdata[2] + "</td>";
                            clipdata += "<td width='10'><img src='images/spacer.gif' height='1' width='10'></td>";
                            clipdata += "<td align='right'>&nbsp;</td>";
                            clipdata += "</tr>";
                        }
                        break;
                    }
                }
            }
            clipdata += "</table>";
            display += "</td></tr>";
            if(hasclips)
            {
                display += "<tr><td colspan='3' id='player'><img src='images/player.jpg'></td></tr>";
                display += "<tr><td colspan='3' height='10'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
            }
            display += clipdata;
            display += "<tr><td colspan='3' height='10'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
            display += "</table>";
        }
        else
        {
            if(adata.length > 1)
            {
                var display = "<table cellpadding='0' cellspacing='0' border='0' width='332'>";
                display += "<tr><td><span style='color:#B79667;'>Tracks</span></td></tr>";
                display += "<tr><td height='10'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
                display += "<tr><td id='player'><img src='images/player.jpg'></td></tr>";
                display += "<tr><td height='10'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
                display += "<tr><td>";
                display += "<table cellpadding='0' cellspacing='0' border='0' width='332'>";
                for(var i=1; i<adata.length; i++)
                {
                    // 0 - id | 1 - name | 2 - price | 3 - clip
                    var tdata = adata[i].split(";");

                    display += "<tr>";
                    display += "<td>" + k + "</td>";
                    display += "<td width='10'><img src='images/spacer.gif' height='1' width='10'></td>";
                    display += "<td>" + tdata[1] + "</td>";
                    display += "<td width='10'><img src='images/spacer.gif' height='1' width='10'></td>";
                    display += "<td align='right'><a href=\"javascript:listen('singles','" + tdata[0] + "');\"><img src='images/listen.jpg' border='0' onmouseover=\"javascript:rollgraphic('','listen',1);\" onmouseout=\"javascript:rollgraphic('','listen',0);\"></a><img src='images/spacer.gif' width='5' height='1'><a href=\"javascript:addItem('[single]','" + tnode.Attributes.GetNamedItem("id").Value + "','','" + tnode.Attributes.GetNamedItem("name").Value + "','" + tnode.Attributes.GetNamedItem("price").Value + "');\"><img src='images/buy_now.jpg' border='0' onmouseover=\"javascript:rollgraphic('','buy_now',1);\" onmouseout=\"javascript:rollgraphic('','buy_now',0);\"></a></td>";
                    display += "</tr>"; 
                }
                display += "</table>";
            }
            else
            {
                var display = "<table cellpadding='0' cellspacing='0' border='0' width='332'><tr><td><span style='color:Red;'>There are no singles to display</span></td></tr></table>";
            }
        }
        
        document.getElementById("ctl00_ContentPlaceHolder1_album_details").innerHTML = display;
    }
}

// end media page

// galleries page
function getPictures(id)
{
    if(activeGallery != id && activeGallery != null)
    {
        document.getElementById("g_" + activeGallery + "_pics").innerHTML = "";
        document.getElementById("g_" + activeGallery + "_1").style.backgroundColor = "#B79667";
        document.getElementById("g_" + activeGallery + "_2").style.backgroundColor = "#B79667";
        document.getElementById("g_" + activeGallery + "_3").style.backgroundColor = "#B79667";
        
        //document.getElementById("ctl00_ContentPlaceHolder1_photodisplay").innerHTML = "";
                
        activeGallery = id;
    }
    else if(activeGallery == null)
    {
        //document.getElementById("ctl00_ContentPlaceHolder1_photodisplay").innerHTML = "";
        activeGallery = id;
    }
    //else
    //{
    //    activeGallery = id;
    //}
    
    var query = "xmlutility.aspx?reqtype=pictures&id=" + id;
    serverCallBack(query);
    interval = setInterval("showPictures()", 100);
}

function showPictures()
{
    if(iData != null)
    {
        clearInterval(interval);
        
        // 0 - gallery id | ? = pictures
        var pdata = iData.split('|');
        iData = null;
        
        var gdata = pdata[0].split(';');
        
        var imgData = pdata[1].split(';');
        var imgOneId = imgData[0];
        
        //var imgpath = document.getElementByid("ctl00$ContentPlaceholder$1_ipath").value;
        var display = "<table cellpadding='0' cellspacing='0' border='0' width='676'>";
        display += "<tr><td height='10' colspan='2'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
        display += "<tr><td colspan='2' align='left'><a href='#' onclick='javascript:closeGallery();'>click here to close gallery</a></td></tr>";
        display += "<tr><td height='10' colspan='2'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
        display += "<tr><td>";
        var j = 1;
        for(var i=1; i<pdata.length; i++)
        {   
            // 0 - id | 1 - file
            var picdata = pdata[i].split(';');
            if(j == 1)
            {
                display += "<a href=\"javascript:getPicture('" + gdata[0] + "','" + picdata[0] + "');\"><img id='img_g" + gdata[0] + "p" + picdata[0] + "' class='thumb' src='imgutility.aspx?size=atgt&img=galleries\\" + gdata[0] + "\\" + picdata[1] + ".jpg' border='0' onmouseover=\"javascript:rollthumb('g" + gdata[0] + "p" + picdata[0] + "',1);\" onmouseout=\"javascript:rollthumb('g" + gdata[0] + "p" + picdata[0] + "',0);\"></a>";
                j++;
            }
            else if(j == 2 || j == 3 || j == 4 || j ==5)
            {
                display += "<img src='images/spacer.gif' width='7' height='1'><a href=\"javascript:getPicture('" + gdata[0] + "','" + picdata[0] + "');\"><img id='img_g" + gdata[0] + "p" + picdata[0] + "' class='thumb' src='imgutility.aspx?size=atgt&img=galleries\\" + gdata[0] + "\\" + picdata[1] + ".jpg' border='0' onmouseover=\"javascript:rollthumb('g" + gdata[0] + "p" + picdata[0] + "',1);\" onmouseout=\"javascript:rollthumb('g" + gdata[0] + "p" + picdata[0] + "',0);\"></a>";
                j++;
            }
            else if(j == 6)
            {
                display += "<img src='images/spacer.gif' width='7' height='1'><a href=\"javascript:getPicture('" + gdata[0] + "','" + picdata[0] + "');\"><img id='img_g" + gdata[0] + "p" + picdata[0] + "' class='thumb' src='imgutility.aspx?size=atgt&img=galleries\\" + gdata[0] + "\\" + picdata[1] + ".jpg' border='0' onmouseover=\"javascript:rollthumb('g" + gdata[0] + "p" + picdata[0] + "',1);\" onmouseout=\"javascript:rollthumb('g" + gdata[0] + "p" + picdata[0] + "',0);\"></a><br><img src='images/spacer.gif' height='5' width='1'><br>";
                j = 1;
            }
        }
        display += "</td></tr></table>";
        
        document.getElementById("g_" + activeGallery + "_pics").innerHTML = display;
        //getPicture(gdata[0],imgOneId);
    }
}

function getPicture(id, imgID)
{
    activeImage = imgID;
    var query = "xmlutility.aspx?reqtype=picture&gallery=" + id + "&id=" + imgID;
    serverCallBack(query);
    interval = setInterval("showPicture()", 100);
}

function showPicture()
{
    if(iData != null)
    {
        clearInterval(interval);
        // 0 - description | 1 - file
        var pdata = iData.split(";");
        iData = null;
        
         var newdiv = document.createElement('div');
           newdiv.setAttribute('id', "photo_display");
           
           //newdiv.style.width = 540;
           //newdiv.style.height = 540;
           
           newdiv.style.position = "absolute";
           
           newdiv.style.top = (posTop() + 100) + "px";
            newdiv.style.left = (pageWidth() / 2) - 270 + "px";

            newdiv.style.zIndex = 10;
            
        var display = "<table cellpadding='0' cellspacing='0' border='0' width='540' bgcolor='#ffffff'>";
        display += "<tr>";
        display += "<td width='1' bgcolor='#000000' rowspan='9'><img src='images/spacer.gif' height='1' width='1'></td>";
        display += "<td width='538' height='1' bgcolor='#000000' colspan='3'><img src='images/spacer.gif' height='1' width='538'></td>";
        display += "<td width='1' bgcolor='#000000' rowspan='9'><img src='images/spacer.gif' height='1' width='1'></td>";
        display += "</tr>";
        display += "<tr>";
        display += "<td width='19' bgcolor='#ffffff' rowspan='7'><img src='images/spacer.gif' height='1' width='19'></td>";
        display += "<td height='9' width='500' bgcolor='#ffffff'><img src='images/spacer.gif' width='500' height='1'></td>";
        display += "<td width='19' bgcolor='#ffffff' rowspan='7'><img src='images/spacer.gif' height='1' width='19'></td>";
        display += "</tr>";
        display += "<tr><td bgcolor='#ffffff' align='center'><span style='font-size:10px;'>click image to close</span></td></tr>";
        display += "<tr><td height='5' bgcolor='#ffffff'><img src='images/spacer.gif' height='5' width='1'></td></tr>";
        display += "<tr><td bgcolor='#ffffff'><a href='javascript:close_photo();'><img src='imgutility.aspx?size=gp&img=\\galleries\\" + activeGallery + "\\" + pdata[1] + ".jpg' border='0'></a></td></tr>";
        display += "<tr><td height='5' bgcolor='#ffffff'><img src='images/spacer.gif' height='5' width='1'></td></tr>";
        display += "<tr><td align='center' bgcolor='#ffffff'><span><b>" + pdata[0] + "</b></span></td></tr>";
        display += "</tr>";
        display += "<tr>";
        display += "<td height='9' width='500' bgcolor='#ffffff'><img src='images/spacer.gif' width='500' height='1'></td>";
        display += "</tr>";
        display += "<tr>";
        display += "<td width='538' height='1' bgcolor='#000000' colspan='3'><img src='images/spacer.gif' height='1' width='538'></td>";
        display += "</tr>";
        display += "</table>";
        
        newdiv.innerHTML = display;
        
        document.body.appendChild(newdiv);
        
        /*
        document.getElementById("ctl00_ContentPlaceHolder1_photodisplay").innerHTML = display;
        //alert(posTop());
        if(360 < posTop()) {
            document.getElementById("ctl00_ContentPlaceHolder1_photodisplay").style.top = posTop() + 50 + "px";
        }
        else {
            document.getElementById("ctl00_ContentPlaceHolder1_photodisplay").style.top = "268px";
        }
        */
    }
}

function close_photo() {
    document.body.removeChild(document.getElementById("photo_display"));
}

function rollGallery(id, roll)
{
    if(id != activeGallery)
    {
        if(0 == roll)
        {   
            document.getElementById("g_" + id + "_1").style.backgroundColor = "#B79667";
            document.getElementById("g_" + id + "_2").style.backgroundColor = "#B79667";
            document.getElementById("g_" + id + "_3").style.backgroundColor = "#B79667";
        }
        else if(1 == roll)
        {
            document.getElementById("g_" + id + "_1").style.backgroundColor = "#986A3D";
            document.getElementById("g_" + id + "_2").style.backgroundColor = "#986A3D";
            document.getElementById("g_" + id + "_3").style.backgroundColor = "#986A3D";
        }
    }
}

function closeGallery()
{
    document.getElementById("g_" + activeGallery + "_pics").innerHTML = "";
    document.getElementById("g_" + activeGallery + "_1").style.backgroundColor = "#B79667";
    document.getElementById("g_" + activeGallery + "_2").style.backgroundColor = "#B79667";
    document.getElementById("g_" + activeGallery + "_3").style.backgroundColor = "#B79667";
    document.getElementById("photo_display").innerHTML = "";
    activeGallery = null;
}
// end galleries page

// artists page
function getArtist(artist)
{
    if(artist != activeArtist)
    {
        document.getElementById("a" + activeArtist).src = "images/spacer.gif";
        document.getElementById("a" + artist).src = "images/artists/over.png";
        activeArtist = artist
        var query = "xmlutility.aspx?reqtype=artist&id=" + artist;
        serverCallBack(query);
        interval = setInterval("showArtist()", 100);
    }
}

function showArtist()
{
    if(iData != null)
    {
        clearInterval(interval);
             
        // 0 - details/bio | 1 - releases
        var aData = iData.split("|");
        
        // 0 - name | 1 - positions | 2 - email | 3 - web | 4 - link image | 5 - bioimage | 6 - bio
        var bdata = aData[0].split(";");
        var display = "<table cellpadding='0' cellspacing='0' border='0' width='332'><tr><td>";
        display += "<p><img src='imgutility.aspx?size=ab&img=artists\\" + bdata[5] + "' style='float:left;padding-right:5px;'>";
        display += "<span style='color:#B79667;'>" + bdata[0] + "</span>";
        display += "<br><img src='images/spacer.gif' height='5' width='1'><br>";
        var positions = bdata[1].split(",");
        for (var i = 0; i<positions.length; i++)
        {
            display += positions[i] + "<br>";
        }
        display += "<img src='images/spacer.gif' height='5' width='1'><br>";
        display += "<a href='mailto:" + bdata[2] + "'>" + bdata[2] + "</a><br>";
        if("" != bdata[3])
        {
            display += "</p></td></tr><tr><td>";
            var websites = bdata[3].split(";");
            for (var i = 0; i<websites.length; i++)
            {
                var wsite = websites[i].split(",");
                display += "<br><img src='images/spacer.gif' height='5' width='1'><br>";
                display += "<a href='" + wsite[0] + "'>" + wsite[0] + "</a>";
            }
            display += "<br><img src='images/spacer.gif' height='10' width='1'></td></tr></table>";
        }
        else
        {
            display += "</p></td></tr></table>";
        }

        document.getElementById("ctl00_ContentPlaceHolder1_artist_image").innerHTML = display;
        
        if(bdata[6] != "false")
        {
            var btxt = bdata[6];
            btxt = btxt.replace(/&amp/g, "&amp;");
            btxt = btxt.replace(/&#39/g, "&#39;");
            btxt = btxt.replace(/&quot/g, "&quot;");
            document.getElementById('ctl00_ContentPlaceHolder1_details').innerHTML = btxt;
            document.getElementById("ctl00_ContentPlaceHolder1_biotxt").value = btxt;
        }
        else
        {
            document.getElementById("ctl00_ContentPlaceHolder1_biotxt").value = "";
            document.getElementById('ctl00_ContentPlaceHolder1_details').innerHTML = "";
        }
        
        //document.getElementById("ctl00_ContentPlaceHolder1_disctxt").value = aData[1];
        
        //document.getElementById("bio1").style.backgroundColor = "#B79667";
        //document.getElementById("bio2").style.backgroundColor = "#B79667";
        //document.getElementById("bio3").style.backgroundColor = "#B79667";
        //document.getElementById("disc1").style.backgroundColor = "#986A3D";
        //document.getElementById("disc2").style.backgroundColor = "#986A3D";
        //document.getElementById("disc3").style.backgroundColor = "#986A3D";
        
        biodisc = "bio";
        
        iData = null;
    }
}
function rollArtist(aid, roll)
{
    if(activeArtist == null)
    {
        activeArtist = document.getElementById("actart").value;
    }   
    if(aid != activeArtist)
    {
        if(1 == roll)
        {
            document.getElementById("a" + aid).src = "images/artists/over.png";
        }
        else if(0 == roll)
        {
            document.getElementById("a" + aid).src = "images/spacer.gif";
        }
    }
}
// end artists

// bio/disc
function showBioDisc(row)
{
    document.getElementById(biodisc + "1").style.backgroundColor = "#986A3D";
    document.getElementById(biodisc + "2").style.backgroundColor = "#986A3D";
    document.getElementById(biodisc + "3").style.backgroundColor = "#986A3D";
    
    if("bio" == row)
    {
        if("false" != document.getElementById('ctl00_ContentPlaceHolder1_biotxt').value)
        {
            document.getElementById('ctl00_ContentPlaceHolder1_details').innerHTML = document.getElementById('ctl00_ContentPlaceHolder1_biotxt').value;
        }
        else
        {
            document.getElementById('ctl00_ContentPlaceHolder1_details').innerHTML = "";
        }
    }
    else
    {
        if("false" != document.getElementById('ctl00_ContentPlaceHolder1_disctxt').value)
        {
            document.getElementById('ctl00_ContentPlaceHolder1_details').innerHTML = document.getElementById('ctl00_ContentPlaceHolder1_disctxt').value;
        }
        else
        {
            document.getElementById('ctl00_ContentPlaceHolder1_details').innerHTML = "<span style='font-size:10px;'>There are no releases to display</span>";
        }
    }
    document.getElementById(row + "1").style.backgroundColor = "#B79667";
    document.getElementById(row + "2").style.backgroundColor = "#B79667";
    document.getElementById(row + "3").style.backgroundColor = "#B79667";
    
    biodisc = row; 
}

function rollBioDisc(row, roll)
{
    if(biodisc != row)
    {
        if(0 == roll)
        {
            document.getElementById(row + "1").style.backgroundColor = "#986A3D";
            document.getElementById(row + "2").style.backgroundColor = "#986A3D";
            document.getElementById(row + "3").style.backgroundColor = "#986A3D";
        }
        else if(1 == roll)
        {
            document.getElementById(row + "1").style.backgroundColor = "#B79667";
            document.getElementById(row + "2").style.backgroundColor = "#B79667";
            document.getElementById(row + "3").style.backgroundColor = "#B79667";
        }
    }   
}
// end bio/disc page

// generics
function rollthumb(id, roll)
{
    if(id != activeProduct && id != activeRelease)
    {
        if(0 == roll)
        {
            document.getElementById("img_" + id).style.borderColor = "";
        }
        else if(1 == roll)
        {
            document.getElementById("img_" + id).style.borderColor = "#986A3D";
        }
    }
}
function rollco(roll)
{
    if(0 == roll)
    {
        document.getElementById('co').src = "images/checkout.jpg";
    }
    else if(1 == roll)
    {
        document.getElementById('co').src = "images/checkout_over.jpg";
    }
}
function rollsubmit(roll)
{
    if(0 == roll)
    {
        document.getElementById('submit').src = "images/submit.jpg";
    }
    else if(1 == roll)
    {
        document.getElementById('submit').src = "images/submit_over.jpg";
    }
}
function rollremove(id, roll)
{
    if(0 == roll)
    {
        document.getElementById('a' + id).src = "images/remove.jpg";
    }
    else if(1 == roll)
    {
        document.getElementById('a' + id).src = "images/remove_over.jpg";
    }
}
function rollgraphic(directory, graphic, roll)
{
    if(graphic != activeArtist && graphic != activePage)
    {
        if(0 == roll)
        {
            document.getElementById(graphic).src = "images/" + directory + graphic + ".jpg";
        }
        else if(1 == roll)
        {
            document.getElementById(graphic).src = "images/" + directory + graphic + "_over.jpg";
        }
    }
}

function rollbutton(directory, graphic, roll)
{
    if(0 == roll)
    {
        document.getElementById(graphic).src = "images/" + directory + graphic + ".png";
    }
    else if(1 == roll)
    {
        document.getElementById(graphic).src = "images/" + directory + graphic + "_over.png";
    }
}

function input(num, realnum)
{
	document.getElementById(num).src = "images/vault/buttons/" + num + "_click.png";
	interval = setInterval("switchOffNum('" + num + "')", 300);
	vaultcode += realnum;
}
function switchOffNum(num)
{
	clearInterval(interval);
	document.getElementById(num).src = "images/vault/buttons/" + num + ".png";
	if(4 == vaultcode.length)
	{
	    var query = "xmlutility.aspx?reqtype=vault&code=" + vaultcode;
	    serverCallBack(query);
	    interval = setInterval("showVaultList()", 100);
	}
}

function showVaultList()
{
    if(iData != null)
    {
        clearInterval(interval);
        
        if("false" != iData)
        {
            document.getElementById('vcontent').innerHTML = "";
            
            var vdata = iData.split('|');
            
            var display = "<table cellpadding='0' cellspacing='0' border='0'>";
            display += "<tr><td align='left' colspan='3'>Signed in as: <b>" + vdata[1] + "</b></td></tr>";
            display += "<tr><td height='10' colspan='3'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
            display += "<tr><td align='left' colspan='3'><b>Downloading files:</b> click the 'DOWNLOAD' button next to the file(s) you want. If JavaScript is disabled, right-click on the file name and choose 'Save as...'</td></tr>";
            display += "<tr><td height='10' colspan='3'><img src='images/spacer.gif' height='10' width='1'></td></tr>";
            
            for(var i=2; i<vdata.length; i++)
            {
                // 0:id | 1:title | 2:link
                var ddata = vdata[i].split(';');
                display += "<tr><td align='left'><a href=\"javascript:downloadFile('vault\\\\" + ddata[2] + "')\">" + ddata[1] + "</a></td><td width='20'><img src='images/spacer.gif' width='20' height='1'></td><td><a href=\"javascript:downloadFile('vault\\\\" + ddata[2] + "')\"><img src='images/download.jpg' border='0'></a></td></tr>";
                display += "<tr><td height='5'><img src='images/spacer.gif' height='5' width='1'></td></tr>";
            }
            
            display += "</table>";
            
            document.getElementById('vcontent').innerHTML = display;
        }
        else
        {
            alert("The ID entered: " + vaultcode + " could not be verified. Please try again.");
            vaultcode = "";
        }
        
        iData = null;
    }
}

function getEventDetails()
{
    if(indexLoaded)
    {
        var eID = document.getElementById('ctl00_ContentPlaceHolder1_event_name').options[document.getElementById('ctl00_ContentPlaceHolder1_event_name').selectedIndex].value;
        var query = "xmlutility.aspx?reqtype=event&id=" + eID;
        serverCallBack(query);
        interval = setInterval("showEvent()", 100);
    }
}

function showEvent()
{
    if(iData != null)
    {
        clearInterval(interval);
        
        // 0 - date | 1 - title | 2 - location | 3 - time | 4 - cost | 5 - over21 | 6 - text | 7 - img1 | 8 - img2 | 9 - img3
        var edetails = iData.split("|");
        
        iData = null;
        
        var display = "<table cellpadding='0' cellspacing='0' border='0' width='332'>";
        display += "<tr>";
        display += "<td>";
        display += "<span style='color:#BC9B78;'>DETAILS</span><br><img src='images/spacer.gif' height='5' width='1'><br>";
        display += "<span><b>" + edetails[1] + "</b></span><br>";
        display += "<span style='color:#959595;'>Date: </span><span>" + edetails[0] + "</span>&nbsp;&nbsp;&nbsp;<span style='color:#959595;'>Time: </span><span>" + edetails[4] + "</span><br>";
        if("" != edetails[4] && "free" != edetails[4].toLowerCase())
        {
            display += "<span style='color:#959595;'>Cost: </span><span>$" + edetails[4] + "</span>";
        }
        else if("free" == edetails[4].toLowerCase())
        {
            display += "<span style='color:#959595;'>Cost: </span><span>no cover</span>";
        }
        if ("1" == edetails[5])
        {
            display += "&nbsp;&nbsp;<span>(21+)</span><br>";
        }
        else
        {
            display += "<br>";
        }
        display += "<span style='color:#959595;'>Location: </span><span>" + edetails[2] + "</span><br><img src='images/spacer.gif' height='5' width='1'><br>";
        display += "<span>" + edetails[6] + "</span>";
        display += "</td>";
        display += "</tr>";
        if(edetails[7] != "")
        {
            display += "<tr><td><span style='font-size:10px;'>click an image to view larger</span></td></tr>";
            display += "<tr><td><a href=\"javascript:neimgfull('imgutility.aspx?size=ne_full&img=newsevents/" + edetails[7] + "');\"><img src='imgutility.aspx?size=ne_thumb&img=newsevents\\" + edetails[7] + "' border='0'></a>";
            if(edetails[8] != "")
            {
                display += "<img src='images/spacer.gif' width='10' height='1'><a href=\"javascript:neimgfull('imgutility.aspx?size=ne_full&img=newsevents\\" + edetails[8] + "');\"><img src='imgutility.aspx?size=ne_thumb&img=newsevents\\" + edetails[8] + "' border='0'></a>";
            }
            if(edetails[9] != "")
            {
                display += "<img src='images/spacer.gif' width='10' height='1'><a href=\"javascript:neimgfull('imgutility.aspx?size=ne_full&img=newsevents\\" + edetails[9] + "');\"><img src='imgutility.aspx?size=ne_thumb&img=newsevents\\" + edetails[9] + "' border='0'></a>";
            }
            display += "</td></tr>";
        }
        display += "</table>";
        
        document.getElementById('ctl00_ContentPlaceHolder1_event_details').innerHTML = display;
    }
}

function neimgfull(img)
{
    var newdiv = document.createElement('div');
           newdiv.setAttribute('id', "photo_display");
           
           //newdiv.style.width = 540;
           //newdiv.style.height = 540;
           
           newdiv.style.position = "absolute";
           
           newdiv.style.top = (posTop() + 100) + "px";
            newdiv.style.left = (pageWidth() / 2) - 270 + "px";

            newdiv.style.zIndex = 10;
            
    var display = "<table cellpadding='0' cellspacing='0' border='0' width='540' bgcolor='#ffffff'>";
    display += "<tr>";
    display += "<td width='1' bgcolor='#000000' rowspan='9'><img src='images/spacer.gif' height='1' width='1'></td>";
    display += "<td width='538' height='1' bgcolor='#000000' colspan='3'><img src='images/spacer.gif' height='1' width='538'></td>";
    display += "<td width='1' bgcolor='#000000' rowspan='9'><img src='images/spacer.gif' height='1' width='1'></td>";
    display += "</tr>";
    display += "<tr>";
    display += "<td width='19' bgcolor='#ffffff' rowspan='7'><img src='images/spacer.gif' height='1' width='19'></td>";
    display += "<td height='9' width='500' bgcolor='#ffffff'><img src='images/spacer.gif' width='500' height='1'></td>";
    display += "<td width='19' bgcolor='#ffffff' rowspan='7'><img src='images/spacer.gif' height='1' width='19'></td>";
    display += "</tr>";
    display += "<tr><td bgcolor='#ffffff' align='center'><span style='font-size:10px;'>click image to close</span></td></tr>";
    display += "<tr><td height='5' bgcolor='#ffffff'><img src='images/spacer.gif' height='5' width='1'></td></tr>";
    display += "<tr><td bgcolor='#ffffff'><a href='javascript:close_photo();'><img src='" + img + "' border='0'></a></td></tr>";
    display += "<tr><td height='5' bgcolor='#ffffff'><img src='images/spacer.gif' height='5' width='1'></td></tr>";
    display += "<tr><td align='center' bgcolor='#ffffff'>&nbsp;</td></tr>";
    display += "</tr>";
    display += "<tr>";
    display += "<td height='9' width='500' bgcolor='#ffffff'><img src='images/spacer.gif' width='500' height='1'></td>";
    display += "</tr>";
    display += "<tr>";
    display += "<td width='538' height='1' bgcolor='#000000' colspan='3'><img src='images/spacer.gif' height='1' width='538'></td>";
    display += "</tr>";
    display += "</table>";
        
    newdiv.innerHTML = display;
    document.body.appendChild(newdiv);
}

function serverCallBack(query)
{
    // for non-IE browsers
    if(window.XMLHttpRequest)
    {
        http_req = new XMLHttpRequest();
    }
    // IE
    else if(window.ActiveXObject)
    {
        try
        {
	        http_req = new ActiveXObject("Msxml12.XMLHTTP");
        }
        catch(e)
        {
	        try
	        {
		        http_req = new ActiveXObject("Microsoft.XMLHTTP");
	        }
	        catch(e)
	        {
	        }
        }
    }
    // verify the request variable is set
    if(!http_req)
    {
        return false;
    }
    else
    {
        // continue processing
        http_req.onreadystatechange = function()
        {
	        if(http_req.readyState == 4)
	        {
		        if(http_req.status == 200)
		        {
			        iData = http_req.responseText;	
		        }
		        else
		        {
			        return false;
		        }
	        }
        }
        http_req.open('GET', query, true);
        http_req.send(null);
    }	
}

// code by handle:poppyrich
function showdeadcenterdiv(Xwidth,Yheight,divid) { 
// First, determine how much the visitor has scrolled 

var scrolledX, scrolledY; 
if( self.pageYoffset ) { 
scrolledX = self.pageXoffset; 
scrolledY = self.pageYoffset; 
} else if( document.documentElement && document.documentElement.scrollTop ) { 
scrolledX = document.documentElement.scrollLeft; 
scrolledY = document.documentElement.scrollTop; 
} else if( document.body ) { 
scrolledX = document.body.scrollLeft; 
scrolledY = document.body.scrollTop; 
} 

// Next, determine the coordinates of the center of browser's window 

var centerX, centerY; 
if( self.innerHeight ) { 
centerX = self.innerWidth; 
centerY = self.innerHeight; 
} else if( document.documentElement && document.documentElement.clientHeight ) { 
centerX = document.documentElement.clientWidth; 
centerY = document.documentElement.clientHeight; 
} else if( document.body ) { 
centerX = document.body.clientWidth; 
centerY = document.body.clientHeight; 
} 

// Xwidth is the width of the div, Yheight is the height of the 
// div passed as arguments to the function: 
var leftoffset = scrolledX + (centerX - Xwidth) / 2; 
var topoffset = scrolledY + (centerY - Yheight) / 2; 
// The initial width and height of the div can be set in the 
// style sheet with display:none; divid is passed as an argument to // the function 
var o=document.getElementById(divid); 
var r=o.style;  
r.top = topoffset + 'px'; 
r.left = leftoffset + 'px'; 
r.position = "absolute";
//r.display = "block"; 
}