// The following code was programmed by Joel Dixon and Belinda Cecere of Ladybug Web Design,  2005

var prefix = ["inde", "abou", "news", "gall", "faqs", "link", "cont", "brew", "beer", "reso", "calc"];

// The following code pre-loads all images for the menu bar, to ensure mouse-over changes look seemless

if (document.images)
{
    var norm = new Array();
    var over = new Array();
    var curr = new Array();

    for (i = 0; i < prefix.length; i++)
    {
        norm[i] = new Image();
        norm[i].src = "./images/" + prefix[i] + "norm.gif";
        over[i] = new Image();
        over[i].src = "./images/" + prefix[i] + "over.gif";
        curr[i] = new Image();
        curr[i].src = "./images/" + prefix[i] + "curr.gif";
    }
}

// The following method changes the image of the button the mouse is over

function swapBtn(btnNum, state)
{
    switch (state)
    {
        case 'norm':
            document.images[prefix[btnNum]].src = norm[btnNum].src;
            break;
        case 'over':
            document.images[prefix[btnNum]].src = over[btnNum].src;
            break;
    }
}

//The following is additional code by Mat Selleck

var nothumbs = "false";

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 + ")";
}

/*Designed from material learnt from:
Use http://brainerror.net/scripts/javascript/blendtrans/ as a start
*/

function fadeOut(id,nav)	{
	var millisec = 1000;
	var speed = Math.round(millisec / 100);
  var timer = 0;
	
	for(i = 100; i >= 0; i--)	{
		setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
		timer++;
    }
	
		if ((id=='navside') && (nav=='shownav'))	{
			setTimeout("fadeIn('large','true')",1000);
		}
		else if (id=='navside')	{
			setTimeout("fadeIn('large','null')",1000);
		}
		else	{
			/* fade out large, but not thumbs */
		}
	
	setTimeout("makeInvisible('" + id + "')",1000);  /*get syntax right for the id part*/	
		
		if (nav=='null')	{
		}
		else if (nav=='navside')	{
			makeVisible(nav);
			setTimeout("fadeIn('" + nav + "','null')",1000);
		}
		else	{
			setTimeout("fadeIn('" + nav + "','null')",1000);
			// nav  - one of the hide/show nav buttons or even the navside
		}
}

function fadeIn(id,thumbfade)	{
	makeVisible(id);
	var millisec = 1000;
	var speed = Math.round(millisec / 100);
  var timer = 0;
	
	for(i = 0; i <= 100; i++)	{
		setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
		timer++;
    }
    
  var millisec = 1000;
	var speed = Math.round(millisec / 100);
  var timer = 0;
	
	if (thumbfade=='true')	{
		/*only load this next bit if id = navside?*/
		for(i = 0; i <= 100; i++)	{
			setTimeout("changeOpac(" + i + ",'thumbs')",(timer * speed));
			timer++;
		}
    }
	else if (thumbfade=='null')		{
	}
}

function quickfade(id1, id2)	{
	var object = document.getElementById(id1).style;
	opacity = 0;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
	
	var object2 = document.getElementById(id2).style;
    object2.opacity = (opacity / 100);
    object2.MozOpacity = (opacity / 100);
    object2.KhtmlOpacity = (opacity / 100);
    object2.filter = "alpha(opacity=" + opacity + ")";
}

function makeVisible(id)	{
	document.getElementById(id).style.display="inline";
}

function makeInvisible(id)	{
	document.getElementById(id).style.display="none";
	/*document.getElementById(shownav).style.display="inline";*/
}

function hideJSWarning(id)	{
	document.getElementById(id).style.display="none";
}

function swapLargeImg(imgNum, state, page)
{
    switch (state)
    {
        case 'over':
			switch (page)
			{
				case 'photos':
					document.getElementById("large").src = "./photos/BMB" + imgNum + "lg.jpg";
					break;
				case 'gallery':
					document.getElementById("large").src = "./gallery/brewmates" + imgNum + "lg.jpg";
			}
            
//            document.getElementById("imgCaption").innerHTML = captions[imgNum - 1];
            break;
    }
}