// preload hover tabs images
			pic1 = new Image( 171, 48 ); pic1.src = "/images/tab-mid-active-inactive-hover-right.gif";
			pic2 = new Image( 171, 48 ); pic2.src = "/images/tab-mid-inactive-inactive-hover-left.gif";
			pic3 = new Image( 171, 48 ); pic3.src = "/images/tab-mid-inactive-inactive-hover-right.gif";
			pic4 = new Image( 29, 48 ); pic4.src = "/images/tab-right-inactive-hover.gif";
			pic5 = new Image( 171, 48 ); pic5.src = "/images/tab-left-inactive-hover.gif";
			pic6 = new Image( 171, 48 ); pic6.src = "/images/tab-mid-inactive-active-hover-left.gif";

// if info pages {
			pic7 = new Image( 171, 40 ); pic7.src = "/images/tab-secondary-left-inactive-hover.gif";
			pic8 = new Image( 171, 40 ); pic8.src = "/images/tab-secondary-mid-inactive-active-hover-left.gif";
			pic9 = new Image( 171, 40 ); pic9.src = "/images/tab-secondary-mid-active-inactive-hover-right.gif";
			pic10 = new Image( 29, 40 ); pic10.src = "/images/tab-secondary-right-inactive-hover.gif";
// }

			function unhover( element )
			{

				switch( element.id )
				{
					case 'mid-active-inactive1':
						document.getElementById( 'mid-active-inactive1' ).style.backgroundImage = "url( /images/tab-mid-active-inactive.gif )";
						document.getElementById( 'mid-inactive-inactive2' ).style.backgroundImage = "url( /images/tab-mid-inactive-inactive.gif )";
						break;
					case 'mid-inactive-inactive2':
						document.getElementById( 'mid-inactive-inactive2' ).style.backgroundImage = "url( /images/tab-mid-inactive-inactive.gif )";
						document.getElementById( 'right-inactive' ).style.backgroundImage = "url( /images/tab-right-inactive.gif )";
						break;
					case 'left-inactive':
						document.getElementById( 'left-inactive' ).style.backgroundImage = "url( /images/tab-left-inactive.gif )";
						if( document.getElementById( 'mid-inactive-active1' ) )	{
							document.getElementById( 'mid-inactive-active1' ).style.backgroundImage = "url( /images/tab-mid-inactive-active.gif )";
						} else {
							document.getElementById( 'mid-inactive-inactive1' ).style.backgroundImage = "url( /images/tab-mid-inactive-inactive.gif )";
						}
						break;
					case 'mid-active-inactive2':
						document.getElementById( 'right-inactive' ).style.backgroundImage = "url( /images/tab-right-inactive.gif )";
						document.getElementById( 'mid-active-inactive2' ).style.backgroundImage = "url( /images/tab-mid-active-inactive.gif )";
						break;
					case 'mid-inactive-inactive1':
						document.getElementById( 'mid-inactive-inactive1' ).style.backgroundImage = "url( /images/tab-mid-inactive-inactive.gif )";
						if( document.getElementById( 'mid-inactive-active2' ) ) {
							document.getElementById( 'mid-inactive-active2' ).style.backgroundImage = "url( /images/tab-mid-inactive-active.gif )";
						} else {
							document.getElementById( 'mid-inactive-inactive2' ).style.backgroundImage = "url( /images/tab-mid-inactive-inactive.gif )";
						}
						break;
					case 'secondary-left-inactive':
						document.getElementById( 'secondary-left-inactive' ).style.backgroundImage = "url( /images/tab-secondary-left-inactive.gif )";
						document.getElementById( 'secondary-mid-inactive-active' ).style.backgroundImage = "url( /images/tab-secondary-mid-inactive-active.gif )";
						break;
					case 'secondary-mid-active-inactive':
						document.getElementById( 'secondary-mid-active-inactive' ).style.backgroundImage = "url( /images/tab-secondary-mid-active-inactive.gif )";
						document.getElementById( 'secondary-right-inactive' ).style.backgroundImage = "url( /images/tab-secondary-right-inactive.gif )";
						break;
				}
			}
			function hover( element )
			{

				switch( element.id )
				{
					case 'mid-active-inactive1':
						document.getElementById( 'mid-active-inactive1' ).style.backgroundImage = "url( /images/tab-mid-active-inactive-hover-right.gif )";
						document.getElementById( 'mid-inactive-inactive2' ).style.backgroundImage = "url( /images/tab-mid-inactive-inactive-hover-left.gif )";
						break;
					case 'mid-inactive-inactive2':
						document.getElementById( 'mid-inactive-inactive2' ).style.backgroundImage = "url( /images/tab-mid-inactive-inactive-hover-right.gif )";
						document.getElementById( 'right-inactive' ).style.backgroundImage = "url( /images/tab-right-inactive-hover.gif )";
						break;
					case 'left-inactive':
						document.getElementById( 'left-inactive' ).style.backgroundImage = "url( /images/tab-left-inactive-hover.gif )";
						if( document.getElementById( 'mid-inactive-active1' ) )	{
							document.getElementById( 'mid-inactive-active1' ).style.backgroundImage = "url( /images/tab-mid-inactive-active-hover-left.gif )";
						} else {
							document.getElementById( 'mid-inactive-inactive1' ).style.backgroundImage = "url( /images/tab-mid-inactive-inactive-hover-left.gif )";
						}
						break;
					case 'mid-active-inactive2':
						document.getElementById( 'right-inactive' ).style.backgroundImage = "url( /images/tab-right-inactive-hover.gif )";
						document.getElementById( 'mid-active-inactive2' ).style.backgroundImage = "url( /images/tab-mid-active-inactive-hover-right.gif )";
						break;
					case 'mid-inactive-inactive1':
						document.getElementById( 'mid-inactive-inactive1' ).style.backgroundImage = "url( /images/tab-mid-inactive-inactive-hover-right.gif )";
						if( document.getElementById( 'mid-inactive-active2' ) ) {
							document.getElementById( 'mid-inactive-active2' ).style.backgroundImage = "url( /images/tab-mid-inactive-active-hover-left.gif )";
						} else {
							document.getElementById( 'mid-inactive-inactive2' ).style.backgroundImage = "url( /images/tab-mid-inactive-inactive-hover-left.gif )";
						}
						break;
					case 'secondary-left-inactive':
						document.getElementById( 'secondary-left-inactive' ).style.backgroundImage = "url( /images/tab-secondary-left-inactive-hover.gif )";
						document.getElementById( 'secondary-mid-inactive-active' ).style.backgroundImage = "url( /images/tab-secondary-mid-inactive-active-hover-left.gif )";
						break;
					case 'secondary-mid-active-inactive':
						document.getElementById( 'secondary-mid-active-inactive' ).style.backgroundImage = "url( /images/tab-secondary-mid-active-inactive-hover-right.gif )";
						document.getElementById( 'secondary-right-inactive' ).style.backgroundImage = "url( /images/tab-secondary-right-inactive-hover.gif )";
						break;
				}
			}