//overlay sutff. There is one main overlay function that will make the div in the _header visible and set the background and such....It's all in a style on screen.css named overlay and overlayinside. 
//Each action such as AddToFavorites, SuggestKeyword, ScriptureSearchHelp, etc. is simply loaded into an iframe. To add more overlay features in the future just create a function for it, set
//the iframe url and then call the ShowOverlay() function. The timeout is included to give the iframe some time to load before it's displayed.
function ShowOverlay(){
	//document.documentElement.scrollTop work on all browsers on the PC. Macs will have a value of 0.
    var scrollTop1 = document.documentElement.scrollTop;
    //document.body.scrollTop works on all browsers on the MAC. PCs will have a value of 0.
    var scrollTop2 = document.body.scrollTop;
    
    var useScrollTop = scrollTop1; 
    if(scrollTop2 > scrollTop1) //set useScrollTop equal to whichever scrollTop has a value that isn't 0.
    {
        useScrollTop = scrollTop2;
    }
	document.getElementById("Overlay").style.top = useScrollTop + "px";
	document.getElementById("Overlay").style.display = "";
	document.getElementById("OverlayInside").style.top =  (useScrollTop +60) + "px";
	document.getElementById("OverlayInside").style.display = "block";
	//document.getElementById("OverlayInside").style.valign = "middle";
	
	//window.onscroll = closeOverlay;
	//document.body.onscroll = closeOverlay;
}


function showCustomerInfoOverlay() {
    document.getElementById("CustomerOverlay").style.display = "block";
}

function showCustomerInfo(CustomerID) {
    document.getElementById("CustomerIFrame").src = "/Admin/ManageCustomers/ViewCustomer.aspx?Customer_ID=" + CustomerID;
    window.setTimeout("showCustomerInfoOverlay()", 600);
}

function closeCustomerInfo() {

    document.getElementById("CustomerIFrame").src = "";
    document.getElementById("CustomerOverlay").style.display = "none";

}


function showSalesTaxInfo() {
    document.getElementById("LargeOverlayImage").style.display = "none";
    document.getElementById("iFrameContainer").style.display = "block";
    document.getElementById("iFrameSrc").src = "/CommonQuestions/WhySalesTax.aspx";
    window.setTimeout("ShowOverlay()", 600);
}

function showPDFMessage() {
    document.getElementById("LargeOverlayImage").style.display = "none";
    document.getElementById("iFrameContainer").style.display = "block";
    document.getElementById("iFrameSrc").src = "/HowToMeasure/DownloadPDF.aspx";
    window.setTimeout("ShowOverlay()", 600);
}

function hideMovie() {
    document.body.id = "home";
    document.getElementById("YouTubeMovie").style.display = "none";
    document.getElementById("homepagetext").style.display = "";
    window.location = "?movie=false";
}

function showMovie() {
    document.body.id = "home2";
    document.getElementById("YouTubeMovie").style.display = "";
    document.getElementById("homepagetext").style.display = "none";
}

function showMeasuringSelection() {
    document.getElementById("LargeOverlayImage").style.display = "none";
    document.getElementById("iFrameContainer").style.display = "block";
    document.getElementById("iFrameSrc").src = "/Videos/MeasuringSelection.aspx";
    window.setTimeout("ShowOverlay()", 600);
}

function showOver18() {
   
    document.getElementById("LargeOverlayImage").style.display = "none";
    document.getElementById("iFrameContainer").style.display = "block";
    document.getElementById("iFrameContainer").style.width = "699px";
    document.getElementById("iFrameContainer").style.height = "393px";
    document.getElementById("iFrameSrc").style.width = "699px";
    document.getElementById("iFrameSrc").style.height = "393px";
    document.getElementById("iFrameSrc").src = "/Videos/Over18.aspx";
    window.setTimeout("ShowOverlay()", 600);
    document.getElementById("YouTubeMovie").style.display = "none";
    document.getElementById("homepagetext").style.display = "";
   // hideMovie();

}

function showHowToAttachTutorial() {
    document.getElementById("LargeOverlayImage").style.display = "none";
    document.getElementById("iFrameContainer").style.display = "block";
    document.getElementById("iFrameContainer").style.width = "699px";
    document.getElementById("iFrameContainer").style.height = "393px";
    document.getElementById("iFrameSrc").style.width = "699px";
    document.getElementById("iFrameSrc").style.height = "393px";
    document.getElementById("iFrameSrc").src = "/Videos/HowToAttachTutorial.aspx";
    window.setTimeout("ShowOverlay()", 600);
}

function showMeasuringWBandTutorial()
{
    document.getElementById("LargeOverlayImage").style.display = "none";
    document.getElementById("iFrameContainer").style.display = "block";
    document.getElementById("iFrameContainer").style.width = "699px";
    document.getElementById("iFrameContainer").style.height = "393px";
    document.getElementById("iFrameSrc").style.width = "699px";
    document.getElementById("iFrameSrc").style.height = "393px";
    document.getElementById("iFrameSrc").src = "/Videos/MeasuringWBandTutorial.aspx";
	window.setTimeout("ShowOverlay()", 600);
}

function showMeasuringWPaperTutorial() {
    document.getElementById("LargeOverlayImage").style.display = "none";
    document.getElementById("iFrameContainer").style.display = "block";
    document.getElementById("iFrameContainer").style.width = "699px";
    document.getElementById("iFrameContainer").style.height = "393px";
    document.getElementById("iFrameSrc").style.width = "699px";
    document.getElementById("iFrameSrc").style.height = "393px";
    document.getElementById("iFrameSrc").src = "/Videos/MeasuringWPaperTutorial.aspx";
    window.setTimeout("ShowOverlay()", 600);
}

function showHowToSave30Dollars() {
    document.getElementById("LargeOverlayImage").style.display = "none";
    document.getElementById("iFrameContainer").style.display = "block";
    document.getElementById("iFrameSrc").src = "/OrderNow/HowToSave30Dollars.aspx";
    window.setTimeout("ShowOverlay()", 600);
}

function ShowLargerImage(imgURL) {
    document.getElementById("iFrameContainer").style.display = "none";
	document.getElementById("LargeOverlayImage").src = imgURL
	window.setTimeout("ShowOverlay()", 600);	
}

function closeOverlay(){
    document.getElementById("Overlay").style.display = "none";
    document.getElementById("OverlayInside").style.display = "none";
    document.getElementById("LargeOverlayImage").src = "/images/blank.jpg";
    document.getElementById("iFrameSrc").src = "";
	//window.onscroll = null;
	//document.body.onscroll = null;
}

//////////////////End OVERLAY STUFF/////////////////////////////////////////////////////
//////////////////////////////////