" ).pop( );
sContentText = "" + sContentTitle + "
" + aContentTextParts.shift( ).split( "';
} else {
sOutputHTML += '
';
sOutputHTML += '';
}
}
var sContentTextDisplay = "invisible";
if ( aContentImages.length == 0 ) sContentTextDisplay = "visible";
sOutputHTML += '' + sContentText + '
';
sOutputHTML += ' ';
if ( aContentImages.length + Number( sContentText.length != "" ) > 1 ) {
sOutputHTML += '';
}
if ( aContentImages.length > 0 ) {
sOutputHTML += '';
}
oContentDiv.style.marginTop = 16 + oContentOffset.y * ( oThumbSize.height + oThumbSpacing.y - 8 );
oContentDiv.style.display = "block";
oContentDiv.innerHTML = sOutputHTML;
}
function sizeGrid( ) {
// DETERMINE GRIDSIZE
var iGridWidth = 2 * 16 + oGridSize.width * ( oThumbSize.width + oThumbSpacing.x ) + oThumbSpacing.x;
var iGridHeight = 2 * 16 + 8 + oGridSize.height * ( oThumbSize.height + oThumbSpacing.y - 8 ) + oThumbSpacing.y;
var iWindowWdth = window.innerWidth;
if ( iWindowWdth == undefined ) iWindowWdth = document.body.clientWidth;
var iWindowHght = window.innerHeight;
if ( iWindowHght == undefined ) iWindowHght = document.body.clientHeight;
// CALCULATE SCALEFACTOR
var nScaleFactor = 1.0;
if ( 2 * iGridWidth > iWindowWdth || 2 * iGridHeight > iWindowHght ) {
if ( iGridWidth / iGridHeight > iWindowWdth / iWindowHght ) {
nScaleFactor = iWindowWdth / iGridWidth;
} else {
nScaleFactor = iWindowHght / iGridHeight;
}
}
// SCALE GRID-DIV
var oGridDiv = document.getElementById( "grid" );
oGridDiv.style.zoom = ( 100 * nScaleFactor ) + "%";
oGridDiv.style.MozTransform = "scale( " + nScaleFactor + ", " + nScaleFactor + ")";
if ( navigator.userAgent.indexOf( "MSIE" ) != -1 )
oGridDiv.style.left = ( iWindowWdth ) / 2 - - iGridWidth * ( 1 - nScaleFactor ) / 2;
// SCALE BACKGROUND-DIV
var oBackgroundDiv = document.getElementById( "background" );
oBackgroundDiv.style.height = Math.round( nScaleFactor * ( 2 * 16 + oGridSize.height * ( oThumbSize.height + oThumbSpacing.y ) + oThumbSpacing.y ) ) + "px";
var oLogo = document.getElementById( "logoimage" );
oLogo.setAttribute( "width", iGridWidth * nScaleFactor );
}
function selectChapter( iChapterIndex ) {
if ( iChapterIndex != iSelectedChapter )
bDisplayImages = false;
iSelectedChapter = iChapterIndex;
iSelectedItem = -1;
if ( aContent[ iChapterIndex ].subs != undefined ) {
iSelectedSub = 0;
buildGrid( iChapterIndex, 0 );
} else {
iSelectedSub = -1;
buildGrid( iChapterIndex );
}
}
function selectSub( iChapterIndex, iSubIndex ) {
iSelectedChapter = iChapterIndex;
iSelectedSub = iSubIndex;
iSelectedItem = -1;
buildGrid( iChapterIndex, iSubIndex );
}
function selectItem( iChapterIndex, iItemIndex ) {
iSelectedChapter = iChapterIndex;
iSelectedSub = -1;
iSelectedItem = iItemIndex;
buildGrid( iChapterIndex, iItemIndex );
}
function toggleImages( ) {
bDisplayImages = !bDisplayImages;
buildGrid( iSelectedChapter );
}
function showRollOver( oPostit ) {
if ( oPostit.className.indexOf( "_sel" ) == -1 ) {
var aImages = oPostit.getElementsByTagName( "img" );
if ( aImages.length > 0 ) {
if ( aImages[ 0 ].src.indexOf( + "_rollover" ) == -1 ) {
var aExtensions = [ ".jpg", "gif", ".png" ];
for ( var i=0; i 0 ) {
if ( aImages[ 0 ].src.indexOf( "_rollover" ) != -1 ) {
var aExtensions = [ ".jpg", "gif", ".png" ];
for ( var i=0; i';
var sStyleAddition = "";
switch ( sItemType ) {
case "chapter":
sClickBehaviour = "selectChapter(" + iChapterIndex + ");";
if ( iChapterIndex == iSelectedChapter ) sClassName += "_sel";
break;
case "sub":
sClickBehaviour = "selectSub(" + iChapterIndex + "," + iOtherIndex + ");";
if ( iOtherIndex == iSelectedSub ) sClassName += "_sel";
break;
case "item":
sClickBehaviour = "selectItem(" + iChapterIndex + "," + iOtherIndex + ");";
sStyleAddition = ' font-size:7pt!important;';
if ( bDisplayImages )
sDivContent = '
';
break;
case "toggle":
// SET CLICKBEHAVIOUR
sClickBehaviour = "toggleImages();";
// DETERMINE CLASSNAME
sClassName = "postit0" + iTogglePostit;
//if ( bDisplayImages ) sClassName += "_sel";
break;
case "backlink":
sClickBehaviour = "selectChapter(" + oItem.index + ");";
// DETERMNE CLASSNAME
sClassName = "postit0" + iBackLinkPostit;
break;
}
// RETURN POSTIT-DIV
return '' + sDivContent + '';
}
function buildGrid( iChapterIndex, iOtherIndex ) {
var sContentClass = -1;
var sContentType = "content";
var sContentUrl = -1;
if ( iChapterIndex == undefined ) {
iChapterIndex = 1;
iOtherIndex = -1;
}
var oGridDiv = document.getElementById( "grid" );
var iGridWidth = oGridSize.width * ( oThumbSize.width + oThumbSpacing.x ) + oThumbSpacing.x;
oGridDiv.style.width = iGridWidth + "px";
oGridDiv.style.marginLeft = -iGridWidth / 2;
var iMaxY = 0;
var sGridOutput = "";
var bRefreshContent = true;
for ( var i=0; i
| ' + sContentText + ' |
' + sDivContent + '
';
}
function buildGrid( iChapterIndex, iOtherIndex ) {
var sContentClass = -1;
var sContentType = "content";
var sContentUrl = -1;
if ( iChapterIndex == undefined ) {
iChapterIndex = 1;
iOtherIndex = -1;
}
var oGridDiv = document.getElementById( "grid" );
var iGridWidth = oGridSize.width * ( oThumbSize.width + oThumbSpacing.x ) + oThumbSpacing.x;
oGridDiv.style.width = iGridWidth + "px";
oGridDiv.style.marginLeft = -iGridWidth / 2;
var iMaxY = 0;
var sGridOutput = "";
var bRefreshContent = true;
for ( var i=0; i