var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=parseFloat(b_version);

window.onload=function()
{
    var url="proc.php";
    var vars="m=videointromod";
    
    ddCommand(url, vars, null, loadIntroPageDone);
}

function loadIntroPageDone()
{
    var response="";
    if (xhttp.readyState==4 || xhttp.readyState=="complete"){
        
        response=xhttp.responseText;

        var cBlock=response.split("(~)");
        
        if (cBlock[0]=="ok") {
        
            document.getElementById("page").innerHTML=cBlock[1];
            getImageList();
            
        } else {
        
            if (response.length==0)
                alert("there was a server error.  please try again.");
            else {
            
                if (response.match("( ! )")!=null) {
                    
                    document.getElementById("debug").innerHTML="<div style=\"background:darkred; color:white; padding:10px;\">"+response+"</div>";
                    
                } else 
                    alert("server error:\n\n"+response);
                
            }
            
        }
        
    }
    
}

function loadPage()
{

    //alert(mainPicsLoadedCount);
    if (imageLoadDone == true) {
    
        var url="proc.php";
        var vars="m=mainpagemod";
        
        ddCommand(url, vars, null, loadPageDone);
    } else {
        document.getElementById("page").innerHTML=('<br><br><br><br><center><div style="top:50px;" class=""><img src="/i/a0.gif"><br>loading...</div></center>');
        setTimeout(loadPage, 1000);
    }
}

function loadPageDone()
{
    var response="";
    if (xhttp.readyState==4 || xhttp.readyState=="complete"){
        
        response=xhttp.responseText;

        var cBlock=response.split("(~)");
        
        if (cBlock[0]=="ok") {
        
            //alert(cBlock[1]);
            document.getElementById("page").innerHTML=cBlock[1];
            
            //document.getElementById("toplogowipe").style.width="713px";
            //document.getElementById("toplogowipe").style.height="55px";
            document.getElementById("rightlogowipe").style.width="36px";
            document.getElementById("rightlogowipe").style.height="508px";
            document.getElementById("smalllogowipe").style.width="232px";
            document.getElementById("smalllogowipe").style.height="72px";
            
            curSlideWipe=0;
            //addSlideWipe("toplogowipe", "right");
            addSlideWipe("rightlogowipe", "down");
            addSlideWipe("smalllogowipe", "left");
            
            resetAssocTrans(true);
            
            var buttonareaseq=[0,100,0,50,50,50,100,0,100];
            assocTransparency("buttonarea", buttonareaseq);
            
            var newsbuttonseq=[0,0,0,0,0,0,0,0,0,0,0,0,100,0,50,50,50,100,0,100];
            assocTransparency("newsbutton", newsbuttonseq);
            
            var bandsbuttonseq=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,100,0,50,50,50,100,0,100];
            assocTransparency("bandsbutton", bandsbuttonseq);
            
            var videosbuttonseq=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,100,0,50,50,50,100,0,100];
            assocTransparency("videosbutton", videosbuttonseq);
            
            var shopbuttonseq=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,100,0,50,50,50,100,0,100];
            assocTransparency("shopbutton", shopbuttonseq);
            
            var forumbuttonseq=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,100,0,50,50,50,100,0,100];
            assocTransparency("forumbutton", forumbuttonseq);
            
            var radiobuttonseq=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,100,0,50,50,50,100,0,100];
            assocTransparency("radiobutton", radiobuttonseq);
            
            var whitestripeseq=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,100,0,50,50,50,100,0,100];
            assocTransparency("whitestripe", whitestripeseq);
            
            var toplogoseq=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,100,0,50,50,50,100,0,100];
            assocTransparency("toplogowipe", toplogoseq);
            
            //var titleseq=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,100,0,50,50,50,100,0,100];
            //assocTransparency("pagetitle", titleseq);
            
            triggerTransAnimation();
            
            
            //setTimeout(fadeInbuttonArea, 50);
            //addSlideWipe("rightlogo", "vert");
            
        } else {
        
            if (response.length==0)
                alert("there was a server error.  empty reply.  please try again.");
            else {
            
                if (response.match("( ! )")!=null) {
                    
                    document.getElementById("debug").innerHTML="<div style=\"background:darkred; color:white; padding:10px;\">"+response+"</div>";
                    
                } else 
                    alert("server error:\n\n"+response);
                
            }
            
        }
        
    }
    
}

function triggerAfterSlideWipe()
{
    //triggerSlideWipe("toplogowipe");
    triggerSlideWipe("rightlogowipe");
    triggerSlideWipe("smalllogowipe");
    doSlideWipe();
    
    //document.getElementById("listenbutton").style.display="block";
    document.getElementById("maillistbutton").style.display="block";
    document.getElementById("detourdesigns").style.display="block";
    
    setTimeout(loadFirstPage, 100);
}

function loadFirstPage()
{
    if (allSlidesDone==true)
        loadBody("news");
    else
        setTimeout(loadFirstPage, 100);
}

var curId="";
function loadBody(id)
{
    //alert(id);
    curId=id;
    var url="proc.php";
    var vars="m="+id+"mod";
    
    ddCommand(url, vars, null, loadBodyDone);
    
    resetAssocTrans(false);
    
    //var titleseq=[0,100,0,50,50,50,100,0,100];
    var titleseq=[100,100,100,0,0,0,100,100,100,0,0,0];
    
    assocTransparency("pagetitle", titleseq);
    
    triggerTransAnimation();
        
}

function loadBodyDone()
{
    var response="";
    if (xhttp.readyState==4 || xhttp.readyState=="complete"){
        
        response=xhttp.responseText;

        var cBlock=response.split("(~)");
        
        if (cBlock[0]=="ok") {
        
            resetAssocTrans(false);
            
            assocImage("pagetitle", curId)
        
            var titleseq=[0,0,0,100,100,100,0,0,0,50,50,50,50,50,50,50,50,50,100,100,100,0,0,0,100,100,100];
            
            assocTransparency("pagetitle", titleseq);
            
            triggerTransAnimation();
        
            //alert(cBlock[1]);
            document.getElementById("body").innerHTML=cBlock[1];
            
            //alert(curId);
            if (curId=="bands") {
                
                //setOpacity("body", 100);
                
                if (browser=="Microsoft Internet Explorer") {
                    document.getElementById("body").style.background="none";
                    
                    document.getElementById("body").style.left="220px";
                    
                    document.getElementById("body").style.top="130px";
                    
                    document.getElementById("body").style.width="740px";
                    
                    document.getElementById("body").style.height="750px";
                }
                
                initExhaleDisplay();
                
            } else {
            
                //setOpacity("body", 50);
                if (browser=="Microsoft Internet Explorer") {
                    
                    document.getElementById("body").style.background="black";
                    
                }
                
            }
            
            
        } else {
        
            if (response.length==0)
                alert("there was a server error.  empty reply.  please try again.");
            else {
            
                if (response.match("( ! )")!=null) {
                    
                    document.getElementById("debug").innerHTML="<div style=\"background:darkred; color:white; padding:10px;\">"+response+"</div>";
                    
                } else 
                    alert("server error:\n\n"+response);
                
            }
            
        }
        
    }
    
}