function divSwitch(div, divCount)
{ 
	var divId;
	var divStyle;	
	
    for(i=0; i<=divCount; i++)
    {
        divStyle = (div == i) ? 'block' : 'none';
        
        divId = document.getElementById('div' + i);
        
        divId.style.display = divStyle;
    }
}

function divToggle(div)
{
	var divId;

    divId = document.getElementById('div' + div);
    
    divId.style.display = (divId.style.display == 'none') ? 'block' : 'none';
    divId.style.left = getLeftPosition();
}

function getLeftPosition()
{
	var windowWidth;
	var leftPosition;

	//ensure centering of pop-up poster div
	if (parseInt(navigator.appVersion) > 3) 
	{
 		if (navigator.appName.indexOf("Microsoft") != -1) 
		{
  			windowWidth  = document.body.offsetWidth - 20;		
 		}
		else
		{
			//catch-all value for scrollbar or non-scrollbar width
			windowWidth = document.width;			
		}

		leftPosition = ((windowWidth - 430) / 2);
    }
    
    return leftPosition;
}


function picSwitch(div)
{
	var divIdA;
	var divIdB;
	var divStyleA;	
	var divStyleB;
	
    for(i=1; i<=6; i++)
    {
        divStyleA = (div == i) ? 'none' : 'block';
        divStyleB = (div == i) ? 'block' : 'none';
        
        divIdA = document.getElementById('divPicA_' + i);
        divIdB = document.getElementById('divPicB_' + i);
        
        divIdA.style.display = divStyleA;
        divIdB.style.display = divStyleB;
    }
}

function changeImage(picName, imgName)
{
	if (document.images)
	{
		var img = eval(imgName + ".src");
		document[picName].src = img;
	}
}

//perform multiple functions with passed-in parameters
function completeSwitch(div, count, pic, image)
{
	divSwitch(div, count); 
	picSwitch(div); 
	
	//added for Firefox mouseout caching issue
	changeImage(pic, image);
}

function positionAd(div)
{ 
	var divId;
	
    divId = document.getElementById(div);
    
    divId.style.left = getLeftPosition();
    divId.style.display = 'block';
}


function drawMenu(page)
{
	var home	  = "<a href=\"index.htm\" onMouseover=\"changeImage('pic1','image1_on" + page + "')\" onMouseout=\"changeImage('pic1','image1_off" + page + "')\"><img src=\"images/menu_home" + page + ".jpg\" name=\"pic1\" border=\"0\"></a>";
	var concerts  = "<a href=\"concerts.htm\" onMouseover=\"changeImage('pic2','image2_on" + page + "')\" onMouseout=\"changeImage('pic2','image2_off" + page + "')\"><img src=\"images/menu_concerts" + page + ".jpg\" name=\"pic2\" border=\"0\"></a>";
	var bios	  = "<a href=\"bios.htm\" onMouseover=\"changeImage('pic3','image3_on" + page + "')\" onMouseout=\"changeImage('pic3','image3_off" + page + "')\"><img src=\"images/menu_bios" + page + ".jpg\" name=\"pic3\" border=\"0\"></a>";
	var pictures  = "<a href=\"pictures.htm\" onMouseover=\"changeImage('pic4','image4_on" + page + "')\" onMouseout=\"changeImage('pic4','image4_off" + page + "')\"><img src=\"images/menu_pictures" + page + ".jpg\" name=\"pic4\" border=\"0\"></a>";
	var media	  = "<a href=\"media.htm\" onMouseover=\"changeImage('pic5','image5_on" + page + "')\" onMouseout=\"changeImage('pic5','image5_off" + page + "')\"><img src=\"images/menu_media" + page + ".jpg\" name=\"pic5\" border=\"0\"></a>";
	var contact	  = "<a href=\"contact.htm\" onMouseover=\"changeImage('pic6','image6_on" + page + "')\" onMouseout=\"changeImage('pic6','image6_off" + page + "')\"><img src=\"images/menu_contact" + page + ".jpg\" name=\"pic6\" border=\"0\"></a>";
	
	switch(page)
	{
		case "0":
			home = "<img src=\"images/menu_home_s" + page + ".jpg\" name=\"pic1\" border=\"0\">";
			break;
		case "1":
			concerts = "<img src=\"images/menu_concerts_s" + page + ".jpg\" name=\"pic2\" border=\"0\">";
			break;
		case "2":
			bios = "<img src=\"images/menu_bios_s" + page + ".jpg\" name=\"pic3\" border=\"0\">";
			break;
		case "3":
			pictures = "<img src=\"images/menu_pictures_s" + page + ".jpg\" name=\"pic4\" border=\"0\">";
			break;
		case "4":
			media = "<img src=\"images/menu_media_s" + page + ".jpg\" name=\"pic5\" border=\"0\">";
			break;
		case "5":
			contact = "<img src=\"images/menu_contact_s" + page + ".jpg\" name=\"pic6\" border=\"0\">";
			break;
	}

	var html =
	"<tr><td class=\"layout_menu\">" +
	"<table cellpadding=\"0\" cellspacing=\"0\"><tr>" +
	"<td style=\"height:40px;width:133px;\">" + home + "</td>" +
	"<td style=\"height:40px;width:141px;\">" + concerts + "</td>" +
	"<td style=\"height:40px;width:99px;\">" + bios + "</td>" +
	"<td style=\"height:40px;width:133px;\">" + pictures + "</td>" +
	"<td style=\"height:40px;width:112px;\">" + media + "</td>" +
	"<td style=\"height:40px;width:160px;\">" + contact + "</td>" +
	"</tr></table></td></tr>";

	document.write(html);
}

function drawFooter()
{
	var html = "<tr><td class=\"layout_footer branding_textFooter\">" +
			   "All site contents &copy;2009 by Parallels (Seattle).&nbsp;&nbsp;Background art based on original work by <a href=\"http:\/\/www.rogerdean.com\" class=\"branding_linkFooter\" target=\"_blank\">Roger Dean<\/a>.<br\/>" +
			   "Web Design by <a href=\"mailto:chrisg@chris-g.com?subject=Website Design\" class=\"branding_linkFooter\">WonderWorks Studios<\/a>" +
			   "</td></tr>";
	
	document.write(html);
}	


function initializePictures() 
{
	buildCaptionArray();
	buildScrollingImages();
	    
	var scroller = new Bs_ScrollableDiv();
	scroller.init('divContainer_1', 'divContent_1');
    
	var sliderObj = new Bs_Slider();
	sliderObj.width          = 11;
	sliderObj.height         = 'auto';
	sliderObj.arrowMouseOver = true;
	sliderObj.direction      = 1;
	sliderObj.imgDir         = 'images/';
	sliderObj.setBackgroundImage('scroll_ln.png', 'repeat');
	sliderObj.setSliderIcon('scroll_knob.png', 11, 5);
	sliderObj.setArrowIconLeft('scroll_up.gif', 11, 10);
	sliderObj.setArrowIconRight('scroll_dn.gif', 11, 10);
    
	scroller.setSliderObject(sliderObj, 'divSlider_1');
	scroller.setSlideSpeed(50, 'pixel');
	scroller.setWheelSpeed(10, 'pixel');
}


function hidePicture()
{
    document.getElementById('div_largePhoto').innerHTML = "";
}
		
function showPicture(pictureId)
{
	var tables = "<table cellpadding=\"0\" cellspacing=\"0\"><tr>" +
	"<td colspan=\"2\" class=\"layout_picturesDiv\"><a href=\"javascript:hidePicture();\"><img src=\"images/pictures_" + pictureId + ".jpg\" title=\"Close Window\" border=\"0\"></a></td></tr>" +
	"<tr><td class=\"branding_pictureCaption\">" + captionArray[pictureId] + "</td>" +
	"<td class=\"branding_pictureClose\"><a href=\"javascript:hidePicture();\" class=\"branding_linkSmall\" title=\"Close Window\">Close</a></td>" +
	"</tr></table>";

    document.getElementById('div_largePhoto').innerHTML = tables;
}

function buildCaptionArray()
{
	captionArray = new Array();	
	
	captionArray[0]  = "<b>Parallels</b> - In concert at Lincoln Theatre - November 16, 2007";
	captionArray[1]  = "<b>Parallels</b> - Robyn Dawn, Vocals";
	captionArray[2]	 = "<b>Parallels</b> - Jonathan Sindelman, Keyboards";
	captionArray[3]  = "<b>Parallels</b> - In concert at The Rocksport - July 19, 2008";
	captionArray[4]  = "<b>Parallels</b> - Alan Genatossio, Guitars";
	captionArray[5]  = "<b>Parallels</b> - Randy George, Bass";
	captionArray[6]  = "<b>Parallels</b> - Chris G, Drums";
	captionArray[7]  = "<b>Parallels</b> - In concert at Lincoln Theatre - November 16, 2007";
	captionArray[8]  = "<b>Parallels</b> - In concert at Big Daddy's - April 3, 2008";
	captionArray[9]  = "<b>Parallels</b> - In concert at The Rocksport - July 19, 2008";
	captionArray[10] = "<b>Parallels</b> - In concert at Roy's Place - March 10, 2007";
	captionArray[11] = "<b>Parallels</b> - Robyn Dawn, Vocals";
	captionArray[12] = "<b>Parallels</b> - In concert at Big Daddy's - April 3, 2008<br/>With special guest performer Alan White";
	captionArray[13] = "<b>Parallels</b> - Special guest performer Alan White - April 3, 2008";
	captionArray[14] = "<b>Parallels</b> - Patrick Moraz and Jonathan Sindelman - November 3, 2007";
	captionArray[15] = "<b>Parallels</b> - Jonathan Sindelman, Keyboards";
	captionArray[16] = "<b>Parallels</b> - Randy George, Bass";
	captionArray[17] = "<b>Parallels</b> - Alan Genatossio, Guitars";
	captionArray[18] = "<b>Parallels</b> - Chris G, Drums";
	captionArray[19] = "<b>Parallels</b> - Robyn Dawn, Vocals";
	captionArray[20] = "<b>Parallels</b> - In concert at Roy's Place - March 10, 2007";
	captionArray[21] = "<b>Parallels</b> - In concert at Big Daddy's - December 11, 2008";
	captionArray[22] = "<b>Parallels</b> - In concert at The Rocksport - July 19, 2008";
	captionArray[23] = "<b>Parallels</b> - In concert at Lincoln Theatre - November 16, 2007";
	captionArray[24] = "<b>Parallels</b> - Robyn Dawn, Vocals";
	captionArray[25] = "<b>Parallels</b> - Alan Genatossio, Guitars";
	captionArray[26] = "<b>Parallels</b> - Randy George, Bass";
	captionArray[27] = "<b>Parallels</b> - Jonathan Sindelman, Keyboards";
	captionArray[28] = "<b>Parallels</b> - Rehearsing with Alan White - April 25, 2009<br/>Randy George, Robyn Dawn, Alan White, Jonathan Sindelman,<br/>Chris G, Alan Genatossio";
	captionArray[29] = "<b>Yes</b> and <b>Parallels</b> members at Seattle EMP - June 29, 2009<br/>Alan Genatossio, Steve Howe, Chris Squire, Randy George,<br/>Alan White";
	captionArray[30] = "<b>Yes</b> and <b>Parallels</b> members at Snoqualmie Casino - April 18, 2009<br/>Jonathan Sindelman, Alan White, Chris Squire, Randy George";
}

function buildScrollingImages()
{
    var html = "";

    for(i=0; i<=30; i++)
    {
        html += "<a href=\"javascript:showPicture(" + i + ");\"><img title=\"Click to enlarge\" src=\"images/pictures_tn_" + i + ".jpg\" width=\"175\" height=\"130\" border=\"0\"></a><br/>";
    	
    	if(i<30)
    	{
    		html += "<img src=\"images/spacer.gif\" width=\"1\" height=\"13\"><br/>";
    	}
    }

    document.getElementById('divContent_1').innerHTML = html;    
}