// let's get ready to rumble

d = document;
DocLoaded = 0;
var httppath = baseURL; 

function ShowPreview(imgSource,WhichPreview,KindOfLink)
            {
d.getElementById('preview').src = httppath +'img/content/'+ imgSource;
ShowSubText(WhichPreview,KindOfLink);
            }
            

	
// restore preview when finished
function RestorePreview(imgSource)
	{

d.getElementById('preview').src = imgSource + "_preview_xplain.gif"
TheText = 0;
ShowSubText("00");

	}
	

// write text dynamically on a layer
function ShowSubText(SubText,KindOfLink)
            {
                        if(KindOfLink=='xtra'){
                        VCA=VCX;
            }           else {
                        VCA = VC;
            }

// general, modern browsers
if (document.getElementById)
            document.getElementById('TheTextField').innerHTML = VCA[SubText];
// stupid, netscape browsers
else if (document.all)
            document.all['TheTextField'].innerHTML = VCA[SubText];
// all the other browsers
else if (document.layers && document.layers['TheTextField'])
                        {
            document.layers['TheTextField'].document.open();
            document.layers['TheTextField'].document.write(VCA[SubText]);
            document.layers['TheTextField'].document.close();
                        }
            }


function toggle2(showHideDiv, switchTextDiv) {
	var ele = document.getElementById(showHideDiv);
	var imag = document.getElementById(switchTextDiv);
	if(ele.style.display == "block") {
    		ele.style.display = "none";
		imag.src = baseURL+"/img/book/main/dot.gif";
  	}
	else {
		ele.style.display = "block";
		imag.src = baseURL+"/img/book/main/arrow.gif";
	}
}
		
function toggle3(contentDiv, controlDiv) {
        if (contentDiv.constructor == Array) {
                for(i=0; i < contentDiv.length; i++) {
                     toggle2(contentDiv[i], controlDiv[i]);
                }
        }
        else {
               toggle2(contentDiv, controlDiv);
        }
}

// interactive butts

function ChangeButtonStyle(WhichMove,WhichButton)
    {
if(WhichMove == '1')
    {
WhichButton.style.color      = '#FFFFFF';
WhichButton.style.background = '#18293E';
    }
else
    {
WhichButton.style.color      = '#333333';
WhichButton.style.background = '#D1DCE3';
    }
    }