//-------------------------------//
//           website by          //
//         Andrew Levine         //
//   coppertop@wonder-drug.com   //
//-------------------------------//

//preload background
image0 = new Image();image0.src = "../images/store/bg_store.jpg";

//rollover declarations
var audioff = new Image(); audioff.src = "../images/store/nv_audi_off.gif";
var bookoff = new Image(); bookoff.src = "../images/store/nv_book_off.gif";
var diaooff = new Image(); diaooff.src = "../images/store/nv_diam_off.gif";
var expeoff = new Image(); expeoff.src = "../images/store/nv_expe_off.gif";
var iphooff = new Image(); iphooff.src = "../images/store/nv_ipho_off.gif";
var onlioff = new Image(); onlioff.src = "../images/store/nv_onli_off.gif";
var tooloff = new Image(); tooloff.src = "../images/store/nv_tool_off.gif";
var videoff = new Image(); videoff.src = "../images/store/nv_vide_off.gif";

var audion = new Image(); audion.src = "../images/store/nv_audi_on.gif";
var bookon = new Image(); bookon.src = "../images/store/nv_book_on.gif";
var diaoon = new Image(); diaoon.src = "../images/store/nv_diam_on.gif";
var expeon = new Image(); expeon.src = "../images/store/nv_expe_on.gif";
var iphoon = new Image(); iphoon.src = "../images/store/nv_ipho_on.gif";
var onlion = new Image(); onlion.src = "../images/store/nv_onli_on.gif";
var toolon = new Image(); toolon.src = "../images/store/nv_tool_on.gif";
var videon = new Image(); videon.src = "../images/store/nv_vide_on.gif";


//show/hide layers
function setVisibility(id, visibility) {
	document.getElementById(id).style.display = visibility;
}


//pause javascript
function pausejs(millisec) {
    var date = new Date();
    var curDate = null;
    do { curDate = new Date(); } 
    while(curDate-date < millisec);
} 


//fades layer in/out
function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}

function shiftOpacity(id, millisec) { 
    //if an element is invisible, make it visible, else make it ivisible 
    if(document.getElementById(id).style.opacity == 0) { 
        opacity(id, 0, 100, millisec); 
    } else { 
        opacity(id, 100, 0, millisec); 
    } 
}

function fadein(id, millisec) { 
    setVisibility(id, 'block');
    opacity(id, 0, 100, millisec);
}

function fadeout(id, millisec) { 
    opacity(id, 100, 0, millisec);
    setVisibility(id, 'none');
}

function fadeon (id, millisec) {
	fadeout('storeintro', 250);
	pausejs(250);
	fadein(id, millisec);
}

function fadeoff (id, millisec) {
	fadeout(id, millisec);
	pausejs(500);
	fadein('storeintro', 700);
}
