/*
DATE WHO CHANGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
16.05.2007 Axel Schneider Took the closing-sign from top-right to bottom-right
*/
/***************************************************************************************/
/* filename: DV.js */
/* version: 1.3 */
/* last modified: 11.02.2007 */
/* author: Axel Schneider */
/* mail: mail@axelschneider.info */
/* www: http://javascript.axelschneider.info */
/* */
/* description: This JavaScript is showing a picture in a */
/* division-container. This procedure substitutes */
/* the ordinary way to open a new window. The Pic */
/* is shown in the middle of the current window. If the */
/* screen-resolution is smaller than the width */
/* and/or height it is resized to the largest */
/* possible size. */
/* */
/* advantages: - there occure no problems with pop-up-blockers. */
/* - picture is shown independently of the screen-resolution as one item*/
/* - customizable settings */
/* */
/* customization: you may vary some settings */
/* - closingSign: the sign which is shown in the upper right corner to*/
/* close/hide the picture. you could use text or an */
/* image. */
/* - loadingSign: the sign which is shown at the bottom in the left */
/* corner. it is visible as long as the picture is */
/* loading. you could use text or an image. */
/* - borderDV: the width of the border around the picture in pixel.*/
/* - spaceDV: the minimal space which should be between the shown */
/* image and the (inner) browser-border. */
/* - borderColorDV: color of the border which is around the picture. */
/* - bgColorDV: background-color for the closing-sign. if it is set */
/* to empty the background is transparent. */
/* */
/* usage: append the function "dv.showDV('![]()
')" */
/* to a certain event. */
/* the image-tag needs to consist of the width */
/* and height-attribute. to avoid the problem of */
/* multi-nested single and double apostrophe use */
/* a javascript variable for the image-tag. eg.: */
/* var myPic = '
'; */
/* */
/* to use the before-next-functionality you have to provide an array */
/* which consists of all img-tags to the dv-instance. eg.: */
/* var myPic = new Array(); */
/* myPic[0] = ''; */
/* dv.setAllImagesArray(myPicArray); */
/* */
/* example: click here */
/* */
/* history: 22.09.2006 - added functionality of alt (title) */
/* 11.02.2007 - added opacity for loading, closing and before-next-signs*/
/* - added functionality to navigate to the last and next */
/* image */
/* */
/***************************************************************************************/
//Hanner Boxter galleri:
var boxter1 = '
'
var boxter2 = '
'
var boxter3 = '
'
var boxter4 = '
'
var boxter5 = '
'
var boxter6 = '
'
var boxter7 = '
'
var boxter8 = '
'
var boxter9 = '
'
var boxter10 = '
'
var boxter11 = '
'
var boxter12 = '
'
var boxter13 = '
'
var boxter14 = '
'
var boxter15 = '
'
var boxter16 = '
'
var boxter17 = '
'
var boxter18 = '
'
var boxter19 = '
'
var boxter20 = '
'
var boxter21 = '
'
var boxter22 = '
'
var boxter23 = '
'
var boxter24 = '
'
var boxter25 = '
'
var boxter26 = '
'
var boxter27 = '
'
var boxter28 = '
'
var boxter29 = '
'
var boxter30 = '
'
var boxter31 = '
'
var boxter32 = '
'
var boxterbestefar = '
'
var boxtermamma = '
'
var boxterpappa = '
'
//Hanner Valle galleri:
var valle = '
'
var valle2 = '
'
var valle3 = '
'
var valle4 = '
'
var valle5 = '
'
var valle6 = '
'
var valle7 = '
'
var valle8 = '
'
var valle9 = '
'
var valle10 = '
'
var valle11 = '
'
var zidane1 = '
'
var geno1 = '
'
//Hunner Exotica galleri:
var exotica1 = '
'
var exotica2 = '
'
var exotica3 = '
'
var exotica4 = '
'
var exotica5 = '
'
var exotica6 = '
'
var exotica7 = '
'
var exotica8 = '
'
var exotica9 = '
'
var exotica10 = '
'
var exotica11 = '
'
var exotica12 = '
'
var exotica13 = '
'
var exotica15 = '
'
var exotica17 = '
'
var exoticamamma = '
'
var exoticapappa = '
'
//Hunner Demi galleri:
var demi1 = '
'
var demi2 = '
'
var demi3 = '
'
var demi4 = '
'
var demi5 = '
'
var demi6 = '
'
var demi7 = '
'
var demi8 = '
'
var demi9 = '
'
var demi10 = '
'
var demi11 = '
'
var demi12 = '
'
var demi13 = '
'
var demi14 = '
'
var demi15 = '
'
var demi16 = '
'
var demi17 = '
'
var demi18 = '
'
var demi19 = '
'
var demi20 = '
'
var demi21 = '
'
var demi22 = '
'
var demi23 = '
'
var demi24 = '
'
var demi25 = '
'
var demi26 = '
'
var demi27 = '
'
var demi28 = '
'
var demi29 = '
'
var demi30 = '
'
var demi31 = '
'
var demipappa = '
'
var demimamma = '
'
//Hunner Angelina galleri:
var angelina1 = '
'
var angelina2 = '
'
var angelina3 = '
'
var angelina4 = '
'
var angelina5 = '
'
var angelina6 = '
'
var angelina7 = '
'
var angelina8 = '
'
var angelina9 = '
'
var angelina10 = '
'
var angelina11 = '
'
var angelina12 = '
'
var angelina17 = '
'
var angelina18 = '
'
var angelina19 = '
'
var angelina20 = '
'
var angelina21 = '
'
var angelina22 = '
'
var angelina23 = '
'
var angelina24 = '
'
var angelinapappa = '
'
var angelinamamma = '
'
//Hunner Miss galleri:
var miss1 = ''
var miss2 = '
'
var miss3 = '
'
var miss4 = '
'
var miss5 = '
'
var miss6 = '
'
var misspappa = '
'
var missmamma = '
'
//Hunner Ginger galleri:
var ginger1 = '
'
var ginger2 = '
'
var ginger3 = '
'
var ginger4 = '
'
var ginger5 = '
'
var ginger6 = '
'
var ginger7 = '
'
var ginger8 = '
'
var ginger9 = '
'
var ginger10 = '
'
var ginger11 = '
'
var ginger12 = '
'
var ginger13 = '
'
var ginger14 = '
'
var ginger15 = '
'
var ginger16 = '
'
var ginger17 = '
'
var ginger18 = '
'
var ginger19 = '
'
var ginger20 = '
'
var ginger21 = '
'
var ginger22 = '
'
var gingerpappa = '
'
var gingermamma = '
'
//A-kullet
var angel_1 = '
'
var angel_2 = '
'
var angel_3 = '
'
var atomic_1 = '
'
var atomic_2 = '
'
var atomic_3 = '
'
var atomic_4 = '
'
var atomic_5 = '
'
var atomic_6 = '
'
var aslan_1 = '
'
var aslan_2 = '
'
var ace_1 = '
'
var ace_2 = '
'
var ace_3 = '
'
var ace_4 = '
'
var ace_5 = '
'
//b-kullet
var valle1 = '
'
var valle4uk1 = '
'
var valle4uk2 = '
'
var valle4uk3 = '
'
var valle5uk1 = '
'
var valle5uk2 = '
'
var valle5uk3 = '
'
var valle5uk4 = '
'
var valle6uk1 = '
'
var valle6uk2 = '
'
var valle6uk3 = '
'
var valle6uk4 = '
'
var valle7uk1 = '
'
var valle7uk2 = '
'
var valle7uk3 = '
'
var valle7uk4 = '
'
var britney1 = '
'
var britney4uk1 = '
'
var britney4uk2 = '
'
var britney5uk1 = '
'
var britney5uk2 = '
'
var britney6uk1 = '
'
var britney6uk2 = '
'
var britney6uk3 = '
'
var britney6uk4 = '
'
var britney7uk1 = '
'
var britney7uk2 = '
'
var britney7uk3 = '
'
var britney7uk4 = '
'
var babygrace1 = '
'
var babygrace4uk1 = '
'
var babygrace4uk2 = '
'
var babygrace4uk3 = '
'
var babygrace4uk4 = '
'
var babygrace4_5uk1 = '
'
var babygrace4_5uk2 = '
'
var babygrace4_5uk3 = '
'
var babygrace5uk1 = '
'
var babygrace5uk2 = '
'
var babygrace5uk3 = '
'
var babygrace5uk4 = '
'
var babygrace5uk5 = '
'
var babygrace5uk6 = '
'
var babygrace6uk1 = '
'
var babygrace6uk2 = '
'
var babygrace6uk3 = '
'
var babygrace6uk4 = '
'
var babygrace7uk1 = '
'
var babygrace7uk2 = '
'
var babygrace7uk3 = '
'
var babygrace7uk4 = '
'
var babygrace7uk5 = '
'
var babygrace7uk6 = '
'
var babygrace7uk7 = '
'
var babygrace7uk8 = '
'
var tiffany1 = '
'
var tiffany4uk1 = '
'
var tiffany4uk2 = '
'
var tiffany4uk3 = '
'
var tiffany5uk1 = '
'
var tiffany5uk2 = '
'
var tiffany5uk3 = '
'
var tiffany7uk1 = '
'
var tiffany7uk2 = '
'
var tiffany7uk3 = '
'
var tiffany7uk4 = '
'
var fifi1 = '
'
var fifi4uk1 = '
'
var fifi4uk2 = '
'
var fifi4uk3 = '
'
var fifi4uk4 = '
'
var fifi4_5uk1 = '
'
var fifi4_5uk2 = '
'
var fifi4_5uk3 = '
'
var fifi5uk1 = '
'
var fifi5uk2 = '
'
var fifi5uk3 = '
'
var fifi5uk4 = '
'
var fifi7uk1 = '
'
var fifi7uk2 = '
'
var fifi7uk3 = '
'
var fifi7uk4 = '
'
var valentinobaby1 = '
'
var valentinobaby2 = '
'
var valentinobaby3 = '
'
var britneybaby1 = '
'
var britneybaby2 = '
'
var britneybaby3 = '
'
var britneybaby4 = '
'
var britneybaby5 = '
'
var britneybaby6 = '
'
var britneybaby7 = '
'
var britneybaby8 = '
'
var britneybaby9 = '
'
var fifibaby1 = '
'
var fifibaby2 = '
'
var fifibaby3 = '
'
var fifibaby4 = '
'
var gracebaby1 = '
'
var gracebaby2 = '
'
var gracebaby3 = '
'
var gracebaby4 = '
'
var gracebaby5 = '
'
var gracebaby6 = '
'
var gracebaby7 = '
'
var tiffanybaby1 = '
'
var tiffanybaby2 = '
'
var tiffanybaby3 = '
'
var angelinababy1 = '
'
var angelinababy2 = '
'
var angelinababy3 = '
'
var atomicbaby1 = '
'
var atomicbaby2 = '
'
var atomicbaby3 = '
'
var acebaby1 = '
'
var acebaby2 = '
'
//Hanner Boxter galleri:
var zid1 = '
'
var merry1 = '
'
//attributes you may vary
var closingSign = "X"; //the sign in the upper right corner which signs to close the viewer
var loadingSign = "Bildet laster/Picture loading"; //the sign in the loading-div
var beforeSign = "<"; //the sign to show the last image
var nextSign = ">"; //the sign to show the next image
var borderDV = 2; //border-width arround the viewer
var spaceDV = 20; //space between the viewer and the inner-window
var borderColorDV = "#A79DA8"; //border color and the color of the closing-sign-text
var bgColorDV = "black"; //background color for the closing sign
var bgOpacity = 50; //opacity in percent
//DO NOT CHANGE ANYTHING IF YOU ARE NOT FAMILIAR WITH JAVASCRIPT NOW
/**********************************************************************/
/* DivViewer */
/**********************************************************************/
//create DV-Object
var dv = new DVObject();
function initDV() {
//write html code to the document
dv.writeHtmlCode();
//initialize the dhtml-library
DHTML_init();
//set attributes
dv.setAttributes();
}
function DVObject() {
//attributes
this.htmlCode;
this.parentDV;
this.childDVCont;
this.childDVClose;
this.childDVLoad;
this.childDVBeforeAndNext;
this.childDVTblBeforeAndNext;
this.childDVBefore;
this.childDVNext;
this.errorMessage;
this.img = new DVImg();
this.swapImg;
this.allImages;
this.currentDisplayedImage;
//general functions for the div-viewer
// # writeHtmlCode()
// # setAttributes()
// # showDV()
// # hideDV()
// # showLoadDV()
// # checkImgParameter()
// # checkLoad()
// # regSearch()
// # regSearchNumber()
// # getMiddlePosition()
// # getScreenSize()
// # decodeHtml()
// # setOpacityStyle()
// # getOpacityValue()
//functions for a before-next-functionality
// # setAllImagesArray()
// # checkBeforeAndNextImages()
// # showLastImage()
// # showNextImage()
// # getPositionOfImage()
}
function DVImg() {
this.src;
this.width;
this.height;
this.border;
this.alt;
}
// # writeHtmlCode()
DVObject.prototype.writeHtmlCode = function() {
//the DV-Object consists of two inner divs
// # content-div
// # close-div
//build the html code
dv.htmlCode = '\n' +
'
\n' +
'
'+loadingSign+'
' +
'
'+closingSign+'
' +
'
' +
'
' +
' ' +
' '+beforeSign+' | ' +
' '+nextSign+' | ' +
'
' +
'
' +
'
' +
'