<!--

var NAV_WIDTH=930;
var SIDE_IMG_WIDTH=320;
var SIDE_IMG_IDS=new Array("sideimg00","sideimg01","sideimg02","sideimg03","sideimg04","sideimg05","sideimg06","sideimg07","sideimg08","sideimg09",
					  "sideimg10","sideimg11","sideimg12","sideimg13","sideimg14","sideimg15","sideimg16","sideimg17","sideimg18","sideimg19",
					  "sideimg20","sideimg21","sideimg22","sideimg23","sideimg24","sideimg25","sideimg26","sideimg27","sideimg28","sideimg29",
					  "sideimg30","sideimg31","sideimg32","sideimg33","sideimg34","sideimg35","sideimg36","sideimg37","sideimg38","sideimg39",
					  "sideimg40","sideimg41","sideimg42","sideimg43","sideimg44","sideimg45","sideimg46","sideimg47","sideimg48","sideimg49");
var MAX_N_SIDE_IMGS=50;
var INP_NAME_ID="inpname";
var INDEX_PAGE_ID="home";
var BRAIN_NAV_DIV_ID="brain_nav_div";
var TRANS_BLACK_OVERLAY_ID="transparent_black";
var EXPANDED_SIDE_IMG_DIV_ID="expanded_side_img_div";
var EXPANDED_SIDE_IMG_ID="expanded_side_img";
var biggest_height=-1;

window.onresize=configure_side_imgs_inpname;

function get_window_width()
{
//adapted from a script at http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
//n.b.: not all browsers treat whether scrollbars etc. are included the same way, so treat this as an approximation
    var myWidth = 0;
    if( typeof( window.innerWidth ) == 'number' ) //not IE
    {
        myWidth = window.innerWidth;
    }
    else if( document.documentElement && document.documentElement.clientWidth ) //IE 6+
    {
        myWidth = document.documentElement.clientWidth;
    }
    else //assume we're somewhere in IE4 territory?
    {
        myWidth = document.body.clientWidth;
    }
    return myWidth;
}

function get_window_height()
{
//adapted from various sites; the theory is that at least one of these will have the right value
    var myHeight = 1000; //default value if nothing else works
    if( typeof( window.innerHeight ) == 'number' && window.innerHeight>0 )
    {
        myHeight = window.innerHeight;
    }
    else if( typeof( document.body.offsetHeight ) == 'number' && document.body.offsetHeight>0 )
    {
        myHeight = document.body.offsetHeight;
    }
    else if( typeof( document.body.scrollHeight ) == 'number' && document.body.scrollHeight>0 )
    {
        myHeight = document.body.scrollHeight;
    }
    
    return myHeight;
}

function get_document_height()
{
//adapted from various sites; the theory is that at least one of these will have the right value
    var myHeight = 300; //default value if nothing else works
    if( typeof( document.body.scrollHeight ) == 'number' && document.body.scrollHeight>0 )
    {
        myHeight = document.body.scrollHeight;
    }
    
    var windHeight=get_window_height();
    if (windHeight>myHeight)
    {
	return windHeight;
    }
    else
    {
	return myHeight;
    }
}

function configure_side_imgs_inpname()
{
    var cur_width=get_window_width();
    var cur_height=get_document_height();
    var i;
    var el;
    var myAlt;
    var side_img_left_edge;
    var home_el;
    
    for (i=0; i<MAX_N_SIDE_IMGS; i++)
    {
        side_img_left_edge=reposition_side_img_lr(SIDE_IMG_IDS[i],cur_width);
    }
    
    position_inpname(side_img_left_edge);
    home_el=document.getElementById(INDEX_PAGE_ID);
    if (home_el)
    {
	position_brain_nav(side_img_left_edge);
    }
    
    if (cur_height > biggest_height)
    {
        biggest_height=cur_height;
        var cumu_height=0;
        i=0;
        while (cumu_height<biggest_height && i<MAX_N_SIDE_IMGS)
        {
            el=document.getElementById(SIDE_IMG_IDS[i]);
            
            myAlt=el.src;
            if (myAlt.indexOf("xxxx")>-1)
            {
                el.src=el.alt;
                el.alt=el.title;
                el.style.top=cumu_height;
                el.style.visibility="visible";
            }
            cumu_height=cumu_height+el.height;
            i++;
        }
    }
}

function reposition_side_img_lr(img_id,doc_width)
{
    var img_el = document.getElementById(img_id);
    var left_edge;

    if (doc_width<(NAV_WIDTH+SIDE_IMG_WIDTH))
    {
        img_el.style.left=NAV_WIDTH;
        img_el.style.right='';
	left_edge=NAV_WIDTH;
    }
    else
    {
        img_el.style.left='';
        img_el.style.right=0;
	left_edge=doc_width-SIDE_IMG_WIDTH;
    }
    return left_edge;
}

function position_inpname(side_img_left_edge)
{
	var inpname_el = document.getElementById(INP_NAME_ID);

	inpname_el.style.left = (side_img_left_edge / 2) - (inpname_el.offsetWidth / 2);
}

function position_brain_nav(side_img_left_edge)
{
	var brain_nav_div_el = document.getElementById(BRAIN_NAV_DIV_ID);
	
	brain_nav_div_el.style.left = (side_img_left_edge / 2) - (brain_nav_div_el.offsetWidth / 2);
}

function side_image_expand(imgID)
{
	var el = document.getElementById(imgID);

	changeSrc(EXPANDED_SIDE_IMG_ID,el.src);
	var myStr = el.title;
	myStr = myStr.replace('Click to expand','Click to dismiss');
	changeTitle(EXPANDED_SIDE_IMG_ID,myStr);
	myStr = el.alt;
	myStr = myStr.replace('Click to expand','Click to dismiss');
	changeAlt(EXPANDED_SIDE_IMG_ID,myStr);
	
	
	el = document.getElementById(TRANS_BLACK_OVERLAY_ID);
	el.style.visibility = 'visible';
	el = document.getElementById(EXPANDED_SIDE_IMG_DIV_ID);
	el.style.visibility = 'visible';
	el = document.getElementById(EXPANDED_SIDE_IMG_ID);
	el.style.visibility = 'visible';
}

function side_image_unexpand()
{
	var el = document.getElementById(EXPANDED_SIDE_IMG_ID);
	el.style.visibility = 'hidden';
	el = document.getElementById(EXPANDED_SIDE_IMG_DIV_ID);
	el.style.visibility = 'hidden';
	el = document.getElementById(TRANS_BLACK_OVERLAY_ID);
	el.style.visibility = 'hidden';
}

function changeSrc(obj, newSrc)
{
	var el = document.getElementById(obj);
	
	el.src=newSrc;
}

function changeTitle(obj, newTitle)
{
	var el = document.getElementById(obj);
	
	el.title=newTitle;
}

function changeAlt(obj, newAlt)
{
	var el = document.getElementById(obj);
	
	el.alt=newAlt;
}

//-->