diff options
Diffstat (limited to 'modules/lightbox/js/clsource_music.js')
| -rw-r--r-- | modules/lightbox/js/clsource_music.js | 2242 |
1 files changed, 2242 insertions, 0 deletions
diff --git a/modules/lightbox/js/clsource_music.js b/modules/lightbox/js/clsource_music.js new file mode 100644 index 0000000000..dec4d237a5 --- /dev/null +++ b/modules/lightbox/js/clsource_music.js @@ -0,0 +1,2242 @@ +/* clsource_music.js - Author Brian Holland .... email webman@windmillway.f2s.com - (modified from Clsource.js - Author Pyro ... email pyrex@chello.hu) + * @package webtrees + * @subpackage Module + * @version $Id$ + * @author Brian Holland +*/ + +//Browser detection ==================================================================== + +var nVer = navigator.appVersion; +var nAgt = navigator.userAgent; +var browserName = ''; +var fullVersion = 0; +var majorVersion = 0; + +// In Internet Explorer, the true version is after "MSIE" in userAgent +if ((verOffset=nAgt.indexOf("MSIE"))!=-1) { + browserName = "Microsoft Internet Explorer"; + fullVersion = parseFloat(nAgt.substring(verOffset+5)); + majorVersion = parseInt(''+fullVersion); +} + +// In Opera, the true version is after "Opera" +else if ((verOffset=nAgt.indexOf("Opera"))!=-1) { + browserName = "Opera"; + fullVersion = parseFloat(nAgt.substring(verOffset+6)); + majorVersion = parseInt(''+fullVersion); +} + +// In Firefox, the true version is after "Firefox" +else if ((verOffset=nAgt.indexOf("Firefox"))!=-1) { + browserName = "Firefox"; + fullVersion = parseFloat(nAgt.substring(verOffset+8)); + majorVersion = parseInt(''+fullVersion); +} + +// In most other browsers, "name/version" is at the end of userAgent +else if ( (nameOffset=nAgt.lastIndexOf(' ')+1) < (verOffset=nAgt.lastIndexOf('/')) ) +{ + browserName = nAgt.substring(nameOffset,verOffset); + fullVersion = parseFloat(nAgt.substring(verOffset+1)); + if (!isNaN(fullVersion)) majorVersion = parseInt(''+fullVersion); + else {fullVersion = 0; majorVersion = 0;} +} + +// Finally, if no name and/or no version detected from userAgent... +if (browserName.toLowerCase() == browserName.toUpperCase() + || fullVersion==0 || majorVersion == 0 ) +{ + browserName = navigator.appName; + fullVersion = parseFloat(nVer); + majorVersion = parseInt(nVer); +} + +//document.write('Browser name = '+browserName+'<br>'); +//document.write('Full version = '+fullVersion+'<br>'); +//document.write('Major version = '+majorVersion+'<br>'); +//document.write('navigator.appName = '+navigator.appName+'<br>'); +//document.write('navigator.userAgent = '+navigator.userAgent+'<br>'); + +// ================================================================================================= + +// Initial variable settings + +var CB_Show = 1; +var CB_Zoom = null; +var zoomSet = 0; // ZoomSet = 0 means No Lightbox window. (Leave at 0 here please) + // Note: ZoomSet = 1 means Lightbox window open. + // Note: ZoomSet = 2 means Lightbox window open and zoomed. + +var soond = null; +var CB_Alignm = CB_Alignm; +var CB_Balloon = CB_Balloon; +var CB_Animation = CB_Animation; +var CB_SlShowTime = CB_SlShowTime; +var CB_ImgDetails = CB_ImgDetails; +var CB_Detail_Info = CB_Detail_Info; +var CB_ImgNotes = CB_ImgNotes; +var CB_ImgNotes2 = CB_ImgNotes2; +var CB_Note_Info = CB_Note_Info; +var CB_Start_SS = CB_Start_SS; +var CB_Pause_SS = CB_Pause_SS; +var CB_Music = CB_Music; +var CB_Zoom_Off = CB_Zoom_Off; +var CB_Zoom_On = CB_Zoom_On; +var CB_Close_Win = CB_Close_Win; + +// ------- Keyboard options --------------------------------------------------------- + + function CB_KeyPress(a) { + + var b; + if (!a) { + var a = window.event; + } + if (a.keyCode) { + b = a.keyCode; + }else if (a.which) { + b = a.which; + } + var c = String.fromCharCode(b); + + if (CB_ClearBox == "be") { + + // Previous or Move Left - "Keys P, or left arrow, or 4" + if (c == "%" || c == "p" || b == 80 || b == 37 || b == 52) { + if (CB_Zoom == "true" ) { + moveLeft(); + return false; + }else if (CB_ActImgId > 1) { + if (CB_SSTimer ) { + CB_SlideShowJump(); + } + CB_LoadImage(CB_ActImgId - 1); + return false; + }else{ + } + } + + // Next or Move Right - "Keys N, or right arrow, or 6" + if (c == "'" || c == "n" || b == 78 || b == 39 || b == 54) { + if (CB_Zoom == "true") { + moveRight(); + return false; + }else if (CB_ActImgId < CB_Gallery.length - 1) { + if (CB_SSTimer) { + CB_SlideShowJump(); + } + CB_LoadImage(CB_ActImgId + 1); + return false; + }else{ + } + } + + // Move Up - "Keys U, or up arrow" + if (c == "u" || b == 38 || b == 85) { + if (CB_Zoom == "true") { + moveUp(); + return false; + }else{ + } + } + + // Move Up - "Keys D, or down arrow" + if (c == "d" || b == 40 || b == 68) { + if (CB_Zoom == "true") { + moveDown(); + return false; + }else{ + } + } + + // Start/Stop Slideshow - "Key Spacebar" + if ((c == " " || b == 32) && CB_IsAnimating == 0) { + if (CB_Gallery.length < 3) { + return false; + } + if (CB_SS == "start") { + resetZoom(); + CB_SSStart(); + return false; + }else{ + CB_SSPause(); + return false; + } + } + + // Close - "Keys Esc or X" + if (c == "\x1B" || b == 27 || c == "x" || b == 88 ) { + CB_Close(); + return false; + } + + // Toggle Volume - "Key S" + if (c == "s" || b == 83) { + player.toggleVolume(); + return false; + } + + // Zoom in - "Key I" + if (c == "i" || b == 73) { + if (CB_SS == "start") { + zoomIn(); + return false; + } + } + + // Zoom Out - "Key O" + if (c == "o" || b == 79) { + if (CB_SS == "start") { + zoomOut(); + return false; + } + } + + // Reset Zoom - "Key Z" + if (c == "z" || b == 90) { + if (CB_SS == "start") { + resetZoom(); + CB_SSStart(); + CB_SSPause(); + return false; + // }else if (CB_SS == "start" && zoomSet==1) { + // CB_FullSize(); + }else{ + } + } + + // Do nothing - "Key Enter" + if (b == 13) { + return false; + } + + }else{ + + // If animating Do nothing - "Keys Spacebar, or Enter" + if (CB_IsAnimating == 1 && (c == " " || b == 32 || b == 13)) { + return false; + } + } + } +// End function keyboard ---------------------------------------------- + + +// Mousewheel for zooming --------------------------------------------- +// if (zoomSet == 2) { + function handle(delta) { + if (delta <0) { + if (CB_SS == "start" ) { + zoomIn(); + return false; + } + }else{ + if (CB_SS == "start" ) { + zoomOut(); + return false; + } + } + } + + function wheel(event){ + var delta = 0; + if (!event) event = window.event; + if (event.wheelDelta) { + delta = event.wheelDelta/120; + if (window.opera) delta = -delta; + } else if (event.detail) { + delta = -event.detail/3; + } + if (delta) + handle(delta); + + if (zoomSet == 2 || zoomSet == 1) { + // Prevents default scrolling + if (event.preventDefault) + event.preventDefault(); + event.returnValue = false; + } + } + + /* Initialization code. */ + if (window.addEventListener) + window.addEventListener('DOMMouseScroll', wheel, false); + window.onmousewheel = document.onmousewheel = wheel; +//} +// End Mousewheel for zooming --------------------------------------------- + + +// Music Player Class ---------------------------------------------- + function Player () { + this.paused = true; + this.stoped = true; + + this.options = new Object(); + this.options.swfLocation = SoundBridgeSWF; + this.sound = new Sound(this.options); + + this.position = 0; + this.frequency = 1000; + this.isLoaded = false; + this.duration = 0; + this.bytesTotal = 0; + this.callback = this.registerCallback(); + } + + + Player.prototype.onTimerEvent = function() { + var isDurationOk = false + if(!this.paused) { + var position = this.sound.getPosition(); + if(!position) position = 0; + + if(position != this.position && position != 0) { + this.onPlaying(); + } else { + this.onBuffering(); + } + this.position = position; + + var duration = 0; + duration = this.sound.getDuration(); + + if(!duration) duration = 0; + if(duration == this.duration && duration != 0) { + isDurationOk = true; + } + this.duration = duration; + var progress = position/duration; + if(isDurationOk) { + this.setProgressBar(progress); + } + + var isBytesTotalOk = false; + + var bytesTotal = this.sound.getBytesTotal(); + if(bytesTotal == this.bytesTotal) { + isBytesTotalOk = true; + } + this.bytesTotal = bytesTotal; + + if(isBytesTotalOk) { + var loaded = this.sound.getBytesLoaded()/bytesTotal; + this.setLoadedBar(loaded); + } + if (progress == 1 && duration != 0 && position != 0) { + this.onSoundComplete(); + } + } + } + + Player.prototype.registerCallback = function() { + return setInterval(this.onTimerEvent.bind(this), this.frequency); + } + + Player.prototype.clearCallback = function() { + clearInterval(this.callback); + this.callback = null; + } + + Player.prototype.setProgressBar = function(progress) { + if(!progress) progress = 0; + } + + Player.prototype.setLoadedBar = function(loaded) { + if(!loaded) loaded = 0; + } + + Player.prototype.onPlaying = function() { + //Element.show('caption'); + //Element.setInnerHTML( 'caption', this.sound.getId3()); + } + + Player.prototype.onPause = function() { + } + + Player.prototype.onBuffering = function() { + } + + Player.prototype.onSoundComplete = function() { + if(!this.paused) { + if (loopMusic) { + this.onForward(); + } + } + } + + Player.prototype.onForward = function() { + this.position = 0; + this.duration = 0; + this.sound.start(this.duration/1000, 1); + this.sound.stop(); + this.loadTrack(this.track); + this.stoped = true; + this.setProgressBar(0); + this.setLoadedBar(0); + if (this.sound.getVolume() == 0) { + if (!this.paused) { + this.paused = true; + this.play(); + this.sound.setVolume(0); + } + }else{ + if (!this.paused) { + this.paused = true; + this.play(); + } + } + } + + Player.prototype.fadeOut = function() { + for (var i=this.sound.getVolume()-1; i>=0; i--) { + this.sound.setVolume(i); + //pause(1); + } + } + + Player.prototype.fadeIn = function() { + for (var i=1; i <= 100; i++) { + this.sound.setVolume(i); + //pause(1); + } + } + + Player.prototype.toggleVolume = function() { + if (this.paused) return; + var volume = this.sound.getVolume(); + if (volume == 0) { + this.fadeIn(); + //this.sound.setVolume(100); + CB_Speak.setAttribute('src', CB_PicDir + CB_MusicStop); + } + if (volume == 100) { + this.fadeOut(); + //this.sound.setVolume(0); + CB_Speak.setAttribute('src', CB_PicDir + CB_MusicStart); + } + } + + Player.prototype.play = function() { + if(this.paused) { + this.paused = false; + if(this.stoped) { + this.sound.loadSound(this.track, true); + } + this.sound.start(this.position/1000, 1); + this.stoped = false; + CB_Speak.setAttribute('src', CB_PicDir + CB_MusicStop); + } else { + this.position = this.sound.getPosition(); + this.sound.stop(); + this.paused = true; + this.onPause(); + CB_Speak.setAttribute('src', CB_PicDir + CB_MusicStart); + } + } + + Player.prototype.stop = function() { + if (! this.paused) { + //fade out + for (var i=this.sound.getVolume()-1; i>=0; i--) { + this.sound.setVolume(i); + pause(1); + } + } + this.paused = true; + this.stoped = true; + this.position = 0; + this.duration = 0; + this.sound.start(this.duration/1000, 1); + this.sound.stop(); + } + + Player.prototype.loadTrack = function(track) { + this.track = track; + } + + Player.prototype.onStopButtonClick = function() { + this.paused = true; + this.stoped = true; + this.position = 0; + this.duration = 0; + this.sound.start(this.duration/1000, 1); + this.sound.stop(); + this.setProgressBar(0); +// $('button_play').className ='button_play'; +// $('display').innerHTML = "stoped"; + } + + var player; + +// Set Music Player functions ---------------------------------------------- + function setMusicPlayer() { + if (slideshowMusic == null) { + player = new Player(); + slideshowMusic = null; + } + } + + function resetVolume() { + if (player.sound.getVolume() == 0) { + player.toggleVolume(); + }else{ + } + } + + +// Start slideshow --------------------------------------------------------------------- + function CB_SSStart() { + resetZoom(); + saveForeverLoop = foreverLoop; + saveLoopMusic = loopMusic; +// if (imageArray.length == 1) { +// slideshowMusic = anchor.getAttribute('music'); + slideshowMusic = myMusic; + if (slideshowMusic == null) { + CB_Speak.style.display = "none"; + } else { + CB_Speak.style.display = "block"; + player.loadTrack(slideshowMusic); + if ( soond==null ){ + CB_Speak.setAttribute('src', CB_PicDir + CB_MusicStart); + }else{ + } + } +// var foreverMusic = anchor.getAttribute('loopMusic'); + var foreverMusic = "true"; + if (foreverMusic != null) { + if (foreverMusic == "true") loopMusic = true; else loopMusic = false; + } + if (foreverLoop == 1) { loopMusic = true; } +// } + +// CB_Prv.style.display = "none"; +// CB_Nxt.style.display = "none"; + CB_SlideS.style.display = "none"; + CB_SlideP.style.display = "block"; + CB_ZoomS.style.display = "none"; + CB_ZoomP.style.display = "none"; + CB_SlideB.style.display = "block"; + CB_SS = "pause"; + CB_SlideShow(); + if ( slideshowMusic != null && soond==null) { + soond="playing"; + }else{ + } + } + + +// Pause slideshow --------------------------------------------------------------------- + function CB_SSPause() { +// CB_Prv.style.display = "block"; +// CB_Nxt.style.display = "block"; + CB_SlideP.style.display = "none"; + CB_SlideS.style.display = "block"; + if (slideshowMusic == null) { + CB_Speak.style.display = "none"; + }else{ + CB_Speak.style.display = "block"; + } + CB_ZoomS.style.display = "block"; + CB_ZoomP.style.display = "none"; + CB_SlideShowStop(); + } + +// --------------------------------------------------------------------- + + + CB_AnimTimeout = parseInt(CB_AnimTimeout); + if (CB_AnimTimeout < 5) { + CB_AnimTimeout = 5; + } + CB_BodyMarginLeft = parseInt(CB_BodyMarginLeft); + if (CB_BodyMarginLeft < 0) { + CB_BodyMarginLeft = 0; + } + CB_BodyMarginRight = parseInt(CB_BodyMarginRight); + if (CB_BodyMarginRight < 0) { + CB_BodyMarginRight = 0; + } + CB_BodyMarginTop = parseInt(CB_BodyMarginTop); + if (CB_BodyMarginTop < 0) { + CB_BodyMarginTop = 0; + } + CB_BodyMarginBottom = parseInt(CB_BodyMarginBottom); + if (CB_BodyMarginBottom < 0) { + CB_BodyMarginBottom = 0; + } + CB_HideOpacity = parseInt(CB_HideOpacity); + if (CB_HideOpacity < 0 || CB_HideOpacity > 100) { + CB_HideOpacity = 70; + } + CB_OpacityStep = parseInt(CB_OpacityStep); + if (CB_OpacityStep < 1 || CB_OpacityStep > CB_HideOpacity) { + CB_OpacityStep = 10; + } + CB_WinBaseW = parseInt(CB_WinBaseW); + if (CB_WinBaseW < 25 || CB_WinBaseW > 1000) { + CB_WinBaseW = 120; + } + CB_WinBaseH = parseInt(CB_WinBaseH); + if (CB_WinBaseH < 50 || CB_WinBaseH > 1000) { + CB_WinBaseH = 110; + } + CB_WinPadd = parseInt(CB_WinPadd); + if (CB_WinPadd < 0) { + CB_WinPadd = 5; + } + + if (CB_Animation != "none" && + CB_Animation != "normal" && + CB_Animation != "double" && CB_Animation != "warp") { + CB_Animation = "double"; + } + + CB_Jump_X = parseInt(CB_Jump_X); + if (CB_Jump_X < 1 || CB_Jump_X > 99) { + CB_Jump_X = 50; + } + + CB_Jump_Y = parseInt(CB_Jump_Y); + if (CB_Jump_Y < 1 || CB_Jump_Y > 99) { + CB_Jump_Y = 50; + } + + CB_ImgBorder = parseInt(CB_ImgBorder); + if (CB_ImgBorder < 0) { + CB_ImgBorder = 1; + } + + CB_Padd = parseInt(CB_Padd); + if (CB_Padd < 0) { + CB_Padd = 2; + } + + if (CB_ShowImgURL != "be" && CB_ShowImgURL != "ki") { + CB_ShowImgURL = "ki"; + } + + CB_PadT = parseInt(CB_PadT); + if (CB_PadT < 0) { + CB_PadT = 10; + } + + CB_RoundPix = parseInt(CB_RoundPix); + if (CB_RoundPix < 0) { + CB_RoundPix = 12; + } + + CB_TextH = parseInt(CB_TextH); + if (CB_TextH < 25) { + CB_TextH = 25; + } + + CB_FontSize = parseInt(CB_FontSize); + if (CB_FontSize < 6) { + CB_FontSize = 13; + } + + if (CB_ImgNum != "be" && CB_ImgNum != "ki") { + CB_ImgNum = "be"; + } + + CB_SlShowTime = parseInt(CB_SlShowTime); + if (CB_SlShowTime < 1) { + CB_SlShowTime = 5; + } + +// var CB_SlShowTime = 5; + + CB_SlShowTime *= 1000; + if (CB_CheckDuplicates != "be" && CB_CheckDuplicates != "ki") { + CB_CheckDuplicates = "ki"; + } + + if (CB_Preload != "be" && CB_Preload != "ki") { + CB_Preload = "be"; + } + + var CB_AllThumbsWidth, CB_ResizeTimer, CB_IsAnimating, CB_ImgWidthOrig, CB_ImgHeightOrig; + var CB_ieRPBug = 0, CB_ie6RPBug = "", CB_ClearBox, CB_AnimX, CB_AnimY; + var CB_BodyMarginX = CB_BodyMarginLeft + CB_BodyMarginRight, CB_BodyMarginY = CB_BodyMarginTop + CB_BodyMarginBottom; + var FF_ScrollbarBug, CB_Links, CB_SlideBW = 0, CB_SSTimer, CB_SS = "start", CB_ii = 0, CB_jj = 0; + var CB_Hide, CB_LoadingImg, CB_JumpX, CB_JumpY, CB_MarginL, CB_MarginT, CB_Content; + var CB_ImgWidth = CB_WinBaseW, CB_ImgHeight = CB_WinBaseH - CB_TextH; + var CB_ImgRate, CB_Win, CB_Txt, CB_Img, CB_Prv, CB_Nxt, CB_ImgWidthOld, CB_ImgHeightOld, CB_ActImgId; + var CB_Gallery, CB_Count, CB_preImages, CB_Loaded, CB_Header, CB_Footer, CB_Left, CB_Right, CB_Txt3, CB_Txt3a; + + CB_PicDir += "/"; + + var IE = document.all ? true : false; + if (!IE) { + document.captureEvents(Event.MOUSEMOVE); + } + + function OnLoad(a, b) { + if (typeof window.addEventListener != "undefined") { + window.addEventListener(a, b, false); + } else if (typeof document.addEventListener != "undefined") { + document.addEventListener(a, b, false); + } else if (typeof window.attachEvent != "undefined") { + window.attachEvent("on" + a, b); + } + } + + OnLoad("load", CB_Init); + + + function CB_Init() { + //BH --------------- Changed following lines for IE7 arrow keys ------------- + if (navigator.appVersion.indexOf("MSIE")!=-1){ + document.onkeydown = CB_KeyPress; + }else{ + document.onkeypress = CB_KeyPress; + } + //BH ------------------------------------------------------------------------------ + + if (!document.getElementById("CB_All") && CB_Show != 0) { + document.body.style.position = "static"; + var a = "<div class=\"CB_RoundPixBugFix\" style=\"width: " + CB_RoundPix + "px; height: " + CB_RoundPix + "px;\"></div>"; + var b = document.getElementsByTagName("body").item(0); + var c = document.createElement("div"); + c.setAttribute("id", "CB_All"); + b.appendChild(c); + + document.getElementById("CB_All").innerHTML = "<table cellspacing=\"0\" cellpadding=\"0\" id=\"CB_Window\"><tr id=\"CB_Header\"><td id=\"CB_TopLeft\">" + a + "</td><td id=\"CB_Top\"></td><td id=\"CB_TopRight\">" + a + "</td></tr><tr id=\"CB_Body\"><td id=\"CB_Left\"></td><td id=\"CB_Content\" valign=\"top\" align=\"left\"><div id=\"CB_Padding\"><div id=\"CB_Text\"></div><div id=\"CB_ImgContainer\"><iframe frameborder=\"0\" id=\"CB_iFrame\" src=\"\"></iframe><div id=\"CB_UrlNotes\" ></div><div id=\"CB_ShowTh\"></div><div id=\"CB_Thumbs\"><div id=\"CB_Thumbs2\"></div></div><img id=\"CB_LoadingImage\" title=\"loading\" src=\"" + CB_PicDir + CB_PictureLoading + "\" alt=\"\" /><img id=\"CB_Image\" alt=\"\" src=\"" + CB_PicDir + "blank.gif\" /><div id=\"CB_PrevNext\"><div id=\"CB_ImgHide\"></div><img id=\"CB_SlideShowBar\" src=\"" + CB_PicDir + "white.gif\" alt=\"\" /><a id=\"CB_Prev\" href=\"#\"></a><a id=\"CB_Next\" href=\"#\"></a></div></div><div id=\"CB_NavBar\"><img id=\"CB_SlideShowP\" title=\"" + CB_Pause_SS + "\" src=\"" + CB_PicDir + CB_PicturePause + "\" alt=\"\" /><img id=\"CB_SlideShowS\" title=\"" + CB_Start_SS + "\" src=\"" + CB_PicDir + CB_PictureStart + "\" alt=\"\" /><img id=\"CB_Speaker\" title=\"" + CB_Music + "\" src=\"" + CB_PicDir + CB_MusicNull + "\" alt=\"\" /><img id=\"CB_ZoomOff\" title=\"" + CB_Zoom_Off + "\" src=\"" + CB_PicDir + CB_ZoomStop + "\" alt=\"\" /><img id=\"CB_ZoomOn\" title=\"" + CB_Zoom_On + "\" src=\"" + CB_PicDir + CB_ZoomStart + "\" alt=\"\" /><center><table><tr><td valign=\"top\"><div id=\"CB_Notes\"></div></td><td><div id=\"CB_NoteText\" ></div></td><td><div id=\"CB_DetailText\" title=\"" + CB_Detail_Info + "\" alt=\"\"></div></td><td valign=\"top\"><a href=\"\"><img id=\"CB_Details\" title=\"" + CB_Detail_Info + "\" src=\"" + CB_PicDir + CB_PictureDetails + "\" alt=\"\" /></a></td></tr></table></center><img id=\"CB_CloseWindow\" title=\"" + CB_Close_Win + "\" src=\"" + CB_PicDir + CB_PictureClose + "\" alt=\"\" /></div></div></td><td id=\"CB_Right\"></td></tr><tr id=\"CB_Footer\"><td id=\"CB_BtmLeft\">" + a + "</td><td id=\"CB_Btm\"></td><td id=\"CB_BtmRight\">" + a + "</td></tr></table><div id=\"CB_ContentHide\"></div>"; + + if (navigator.userAgent.indexOf("MSIE 6") != -1 && + CB_RoundPix == 0) { + CB_ie6RPBug = 1; + } + + if (navigator.userAgent.indexOf("MSIE") != -1 && + CB_RoundPix < 2) { + CB_ieRPBug = 6; + } + + //Music player + var objFlashPlayer = document.createElement("div"); + objFlashPlayer.setAttribute('id','__sound_flash__'); + b.appendChild(objFlashPlayer); + + //CB All elements + document.getElementById("CB_Padding").style.padding = CB_Padd + "px"; + CB_ShTh = document.getElementById("CB_ShowTh"); + CB_ImgHd = document.getElementById("CB_ImgHide"); + CB_ImgHd.style.backgroundColor = "#fff"; + CB_ImgHd.style.opacity = 0.75; + CB_ImgHd.style.filter = "alpha(opacity=75)"; + CB_Win = document.getElementById("CB_Window"); + CB_Thm = document.getElementById("CB_Thumbs"); + CB_Thm2 = document.getElementById("CB_Thumbs2"); + CB_HideContent = document.getElementById("CB_ContentHide"); + CB_HideContent.style.backgroundColor = CB_HideColor; + CB_HideContent.style.opacity = 0; + CB_HideContent.style.filter = "alpha(opacity=0)"; + CB_Img = document.getElementById("CB_Image"); + CB_LoadingImg = document.getElementById("CB_LoadingImage"); + CB_ImgCont = document.getElementById("CB_ImgContainer"); + CB_Img.style.border = CB_ImgBorder + "px solid " + CB_ImgBorderColor; + CB_Cls = document.getElementById("CB_CloseWindow"); + CB_SlideS = document.getElementById("CB_SlideShowS"); + CB_SlideP = document.getElementById("CB_SlideShowP"); + CB_Speak = document.getElementById("CB_Speaker"); + CB_ZoomS = document.getElementById("CB_ZoomOn"); + CB_ZoomP = document.getElementById("CB_ZoomOff"); + CB_SlideB = document.getElementById("CB_SlideShowBar"); + CB_SlideB.style.opacity = 0.5; + CB_SlideB.style.filter = "alpha(opacity=50)"; + CB_Prv = document.getElementById("CB_Prev"); + CB_Nxt = document.getElementById("CB_Next"); + CB_Txt = document.getElementById("CB_Text"); + // CB_Txt.style.height = CB_TextH - CB_PadT + "px"; + // CB_Txt.style.marginTop = CB_PadT + "px"; + CB_Txt.style.fontFamily = CB_Font; + CB_Txt.style.fontSize = CB_FontSize + "px"; + CB_Txt.style.fontWeight = CB_FontWeigth; + //CB_Txt.style.color = CB_FontColor; + + CB_Txt2 = document.getElementById("CB_DetailText"); + CB_Txt2.style.fontFamily = CB_Font; + CB_Txt2.style.fontSize = CB_FontSize + "px"; + CB_Txt2.style.fontWeight = CB_FontWeigth; + + CB_Txt2a = document.getElementById("CB_Details"); + CB_Txt2a.style.fontFamily = CB_Font; + CB_Txt2a.style.fontSize = CB_FontSize + "px"; + CB_Txt2a.style.fontWeight = CB_FontWeigth; + + CB_Txt3 = document.getElementById("CB_NoteText"); + CB_Txt3.style.fontFamily = CB_Font; + CB_Txt3.style.fontSize = CB_FontSize + "px"; + CB_Txt3.style.fontWeight = CB_FontWeigth; + + CB_Txt3a = document.getElementById("CB_Notes"); + CB_Txt3a.style.fontFamily = CB_Font; + CB_Txt3a.style.fontSize = CB_FontSize + "px"; + CB_Txt3a.style.fontWeight = CB_FontWeigth; + + CB_Txt4 = document.getElementById("CB_UrlNotes"); + CB_Txt4.style.fontFamily = CB_Font; + CB_Txt4.style.fontSize = CB_FontSize + "px"; + CB_Txt4.style.fontWeight = CB_FontWeigth; + + CB_Header = document.getElementById("CB_Header").style; + CB_Header.height = CB_RoundPix + "px"; + CB_Footer = document.getElementById("CB_Footer").style; + CB_Footer.height = CB_RoundPix + "px"; + CB_Left = document.getElementById("CB_Left").style; + CB_Left.width = CB_RoundPix + CB_ie6RPBug + "px"; + CB_Right = document.getElementById("CB_Right").style; + CB_Right.width = CB_RoundPix + "px"; + CB_iFr = document.getElementById("CB_iFrame"); + CB_PrvNxt = document.getElementById("CB_PrevNext").style; + CB_ShTh.onmouseover = function () {CB_ShowThumbs();return;}; + CB_ImgHd.onmouseover = function () {CB_HideThumbs();return;}; + CB_Txt.onmouseover = function () {CB_HideThumbs();return;}; + CB_HideContent.onmouseover = function () {CB_HideThumbs();return;}; + + if (navigator.userAgent.indexOf("MSIE") != -1 && + navigator.userAgent.indexOf("Windows") != -1 && + navigator.userAgent.indexOf("MSIE 7") == -1) { + CB_pngFixIE(); + } + + if (navigator.userAgent.indexOf("Opera") != -1) { + CB_BodyMarginX = 0; + CB_BodyMarginY = 0; + } + + if (navigator.userAgent.indexOf("Firefox") != -1) { + CB_BodyMarginY = 0; + } + } + + document.getElementById("CB_Thumbs").onmousemove = getMouseXY; + + var d = 0; + var e = 0; + CB_Links = document.getElementsByTagName("a"); + for (i = 0; i < CB_Links.length; i++) { + CB_Rel = CB_Links[i].rel; + CB_URL = CB_Links[i].getAttribute("href"); + if (CB_Rel.match("clearbox") != null && CB_Show != 0) { + if (CB_Rel == "clearbox") { + CB_Links[i].onclick = function () {CB_ClickIMG(this.rel + "+\\+" + this.getAttribute("href") + "+\\+" + this.getAttribute("rev"));return false;}; + } else { + if (CB_Rel.substring(0, 8) == "clearbox" && + CB_Rel.charAt(8) == "[" && + CB_Rel.charAt(CB_Rel.length - 1) == "]") { + if (CB_Links[i].rel.substring(9, CB_Links[i].rel.length - 1).split(",")[0] != "clearbox") { + CB_Links[i].onclick = function () {CB_ClickIMG(this.rel.substring(9, this.rel.length - 1) + "+\\+" + this.getAttribute("href") + "+\\+" + this.getAttribute("rev"));return false;}; + } else { + alert("ClearBox HIBA:\n\nClearBox galeria neve NEM lehet \"clearbox[clearbox]\"!\n(Helye: dokumentum, a " + i + ". <a> tag-en belul.)"); } + } else if (CB_Rel.substring(0, 8) == "clearbox" && + CB_Rel.charAt(8) == "(" && + CB_Rel.charAt(CB_Rel.length - 1) == ")") { + if (CB_Rel.substring(9, CB_Rel.length - 1).split(", ")[2] == "click") { + CB_Links[i].onclick = function () {CB_ClickURL(this.rel.substring(9, this.rel.length - 1) + "+\\+" + this.getAttribute("href") + "+\\+" + this.getAttribute("rev"));return false;}; + } else { + CB_Links[i].onmouseover = function () {CB_ClickURL(this.rel.substring(9, this.rel.length - 1) + "+\\+" + this.getAttribute("href") + "+\\+" + this.getAttribute("rev"));return false;}; + } + } else { + alert("ClearBox HIBA:\n\nHibasan megadott clearbox REL azonosito: \"" + CB_Links[i].rel + "\"!\n(Helye: dokumentum, a " + i + ". <a> tag-en belul.)"); + } + } + } + } + } + + function CB_ClickIMG(a) { + zoomSet=1; + if (CB_Show == 0) { + return false; + } + CB_Cls.onclick = ""; + CB_SlideS.onclick = ""; + CB_SlideP.onclick = ""; + CB_Clicked = a.split("+\\+"); + CB_Rel = CB_Clicked[0].split(","); + + if (CB_Rel[1] > 0) { + CB_SlShowTimer = parseInt(CB_Rel[1]) * 1000; + } else { + CB_SlShowTimer = CB_SlShowTime; + } + + if (CB_Rel[2] == "start") { + CB_SS = "pause"; + } + + if (CB_Gallery && + CB_Rel[0] == CB_Gallery[0][0] && CB_Gallery[0][0] != "clearbox") { + } else { + CB_Gallery = new Array; + CB_Gallery.push(new Array(CB_Rel[0], CB_Rel[1], CB_Rel[2])); + if (CB_Clicked[0] == "clearbox") { + CB_Gallery.push(new Array(CB_Clicked[1], CB_Clicked[2])); + } else { + for (i = 0; i < CB_Links.length; i++) { + if (CB_Links[i].rel.substring(9, CB_Links[i].rel.length - 1).split(",")[0] == CB_Gallery[0][0]) { + var b = CB_PicDir + "blank.gif"; + if (CB_Links[i].getAttribute("tnhref") == null || + CB_Links[i].getAttribute("tnhref") == "null") { + for (j = 0; j < CB_Links[i].childNodes.length; j++) { + if (CB_Links[i].childNodes[j].src != undefined) { + b = CB_Links[i].childNodes[j].src; + } + } + } else { + b = CB_Links[i].getAttribute("tnhref"); + } + // Split the rev attribute + var splitTitle = CB_Links[i].getAttribute("rev").split("::",4); + CB_Gallery.push(new Array(CB_Links[i].getAttribute("href"), splitTitle[2], b, splitTitle[0], splitTitle[1], splitTitle[3])); + } + } + } + } + + CB_ActImgId = 0; + + while (CB_Gallery[CB_ActImgId][0] != CB_Clicked[1]) { + CB_ActImgId++; + } + CB_ImgWidthOld = CB_WinBaseW; + CB_ImgHeightOld = CB_WinBaseH - CB_TextH; + CB_SetAllPositions(); + CB_HideDocument(); + } + + function CB_SetAllPositions() { + getBrowserSize(); + getDocumentSize(); + getScrollPosition(); + if (BrSizeY > DocSizeY) { + DocSizeY = BrSizeY; + } + if ((navigator.userAgent.indexOf("Netscape") != -1 || + navigator.userAgent.indexOf("Firefox") != -1) && + BrSizeX != DocSizeX) { + FF_ScrollbarBug = window.scrollMaxY + window.innerHeight - DocSizeY; + } else { + FF_ScrollbarBug = 0; + } + CB_SetMargins(); + if (CB_BodyMarginX == 0) { + if (DocSizeX > BrSizeX) { + CB_HideContent.style.width = DocSizeX + "px"; + } else { + CB_HideContent.style.width = BrSizeX + "px"; + } + } else { + CB_HideContent.style.width = DocSizeX + CB_BodyMarginX + "px"; + } + CB_HideContent.style.height = BrSizeY + DocScrY + "px"; + CB_HideContent.style.visibility = "visible"; + return; + } + + var clicks=0; + function CB_BrBack_Close() { + // Debug ----------------- + // alert(browserName); + if (browserName=="Firefox" || browserName=="Opera"){ + CB_Close(); + history.go(-1); + }else if (browserName=="Microsoft Internet Explorer") { + clicks=(clicks+1); + if (clicks==1) { + CB_Close(); + }else{ + CB_Close(); + clicks=0; + history.go(-1); + } + }else{ + CB_Close(); + } + } + + + function CB_ClickURL(a) { + CB_iFr.src = ""; + // alert("Open = " + clicks); + if (CB_Show == 0) { + return false; + } + CB_ClearBox = "ki"; + CB_Clicked = a.split("+\\+"); + CB_PrvNxt.display = "none"; + CB_Cls.style.display = "block"; + CB_Cls.onclick = function () { CB_BrBack_Close();return false; }; + CB_Rel = CB_Clicked[0].split(", "); + // alert(CB_Clicked[0] + " and " + CB_Clicked[1] + " and " + CB_Clicked[2]); + CB_SetAllPositions(); + CB_ImgWidth = parseInt(CB_Rel[0]); + CB_ImgHeight = parseInt(CB_Rel[1]); + CB_ImgWidthOld = CB_WinBaseW; + CB_ImgHeightOld = CB_WinBaseH - CB_TextH; + if (CB_ImgWidth > BrSizeX - 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd + CB_WinPadd)) { + CB_ImgWidth = BrSizeX - 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd + CB_WinPadd); + } + if (CB_ImgHeight > BrSizeY - 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd + CB_WinPadd) - CB_TextH) { + CB_ImgHeight = BrSizeY - 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd + CB_WinPadd) - CB_TextH; + } + CB_Img.style.width = CB_WinBaseW + "px"; + CB_Img.style.height = CB_WinBaseH - CB_TextH + "px"; + CB_Img.style.display = "block"; + CB_Img.style.visibility = "hidden"; + CB_Win.style.visibility = "visible"; + CB_SlideS.style.display = "none"; + CB_SlideP.style.display = "none"; + CB_Speak.style.display = "none"; + CB_ZoomS.style.display = "none"; + CB_ZoomP.style.display = "none"; + + CB_Txt2.style.visibility = "hidden"; + CB_Txt2a.style.visibility = "hidden"; + CB_HideDocument("x"); + CB_HideContent.onclick = function () {CB_Close();return false;}; + CB_SS = "pause"; + } + + function CB_HideDocument(a) { + var b = a; + if (CB_ii < CB_HideOpacity) { + CB_ii += CB_OpacityStep; + CB_HideContent.style.opacity = CB_ii / 100; + CB_HideContent.style.filter = "alpha(opacity=" + CB_ii + ")"; + CB_Hide = CB_ii; + CB_Blur = setTimeout("CB_HideDocument('" + b + "')", 5); + } else { + CB_ii = 0; + CB_HideContent.style.height = DocSizeY + CB_BodyMarginY + "px"; + if (CB_HideOpacity != 0) { + clearTimeout(CB_Blur); + } + if (b == "x") { + CB_LoadingImg.style.visibility = "visible"; + CB_AnimatePlease("x"); + } else { + CB_NewWindow(); + } + return; + } + } + + function CB_NewWindow() { + CB_Img.style.width = CB_WinBaseW + "px"; + CB_Img.style.height = CB_WinBaseH - CB_TextH + "px"; + CB_Img.style.display = "block"; + CB_Img.style.visibility = "hidden"; + CB_Win.style.visibility = "visible"; + CB_LoadImage(); + } + + function CB_LoadImage(a) { + CB_ImgWidthOld = CB_ImgWidth; + CB_ImgHeightOld = CB_ImgHeight; + CB_Thm.style.display = "none"; + CB_ImgHd.style.width = "0px"; + CB_ImgHd.style.height = "0px"; + CB_ImgHd.style.visibility = "hidden"; + CB_Thm.style.width = "0px"; + CB_ClearBox = "ki"; + CB_jj = 0; + CB_HideContent.onclick = ""; + if (CB_Gallery.length < 3) { + CB_SlideS.style.display = "none"; + CB_SlideP.style.display = "none"; + CB_Speak.style.display = "none"; + CB_ZoomP.style.display = "none"; + CB_ZoomS.style.display = "block"; + } else { + if (CB_SS == "start") { + CB_SlideS.style.display = "block"; + CB_SlideP.style.display = "none"; + if (slideshowMusic == null) { + CB_Speak.style.display = "none"; + }else{ + CB_Speak.style.display = "block"; + } +// CB_ZoomS.style.display = "none"; + CB_ZoomP.style.display = "none"; + } else { + CB_SlideP.style.display = "block"; + CB_SlideS.style.display = "none"; +// CB_Speak.style.display = "none"; + CB_ZoomP.style.display = "none"; + CB_ZoomS.style.display = "none"; + } + } + CB_Prv.style.display = "none"; + CB_Nxt.style.display = "none"; + + if (a) { + CB_ActImgId = parseInt(a); + } + CB_JumpX = CB_Jump_X; + CB_JumpY = CB_Jump_Y; + if (CB_Animation != "warp") { + CB_Img.style.visibility = "hidden"; + CB_LoadingImg.style.visibility = "visible"; + } + CB_Txt.innerHTML = CB_LoadingText; + CB_Txt.innerHTML = ""; + CB_Count = 0; + CB_preImages = new Image; + CB_preImages.src = CB_Gallery[CB_ActImgId][0]; + CB_Loaded = false; +// CB_preImages.onerror = function () {CB_ShowImage();alert("ClearBox ERROR:\n\nCould not open Image: " + CB_Gallery[CB_ActImgId][0]);return;}; + CB_preImages.onerror = function () {CB_ShowImage();alert("ClearBox ERROR:\n\nCould not open Image : " );return;}; + CB_CheckLoaded(); +// resetZoom(); + } + + function CB_CheckLoaded() { + if (CB_Count == 1) { + CB_Loaded = true; + clearTimeout(CB_ImgLoadTimer); + CB_GetImageSize(); + return; + } + if (CB_Loaded == false && CB_preImages.complete) { + CB_Count++; + } + CB_ImgLoadTimer = setTimeout("CB_CheckLoaded()", 5); + return; + } + + function CB_GetImageSize() { + CB_ImgWidth = CB_preImages.width; + CB_ImgHeight = CB_preImages.height; + CB_ImgWidthOrig = CB_ImgWidth; + CB_ImgHeightOrig = CB_ImgHeight; + CB_ImgRate = CB_ImgWidth / CB_ImgHeight; + CB_FitToBrowser(); + CB_Img.src = CB_Gallery[CB_ActImgId][0]; +// CB_Img.mid = CB_Gallery[CB_ActImgId][2]; +// CB_Txt.style.width = CB_ImgWidth + "px"; + CB_AnimatePlease(); + return; + } + + function CB_AnimatePlease(a) { + // CB_Speak.style.display = "none"; + tt_HideInit(); + CB_tt="closed"; + CB_JumpX = CB_Jump_X; + CB_JumpY = CB_Jump_Y; + CB_AnimX = "false"; + CB_AnimY = "false"; + CB_IsAnimating = 1; + + if (CB_Animation == "double") { + CB_WindowResizeX(); + CB_WindowResizeY(); + } else if (CB_Animation == "warp") { + if (!a) { + CB_LoadingImg.style.visibility = "hidden"; + CB_Img.style.visibility = "visible"; + } + CB_WindowResizeX(); + CB_WindowResizeY(); + } else if (CB_Animation == "none") { + CB_SetMargins(); + CB_ImgCont.style.height = CB_ImgHeight + 2 * CB_ImgBorder + "px"; + CB_Img.style.width = CB_ImgWidth + "px"; + CB_Img.style.height = CB_ImgHeight + "px"; + CB_AnimX = "true"; + CB_AnimY = "true"; + } else if (CB_Animation == "normal") { + CB_WindowResizeX(); + }else{ + // ---Adjust Title width to image --------------------------------------- + CB_Txt.style.width = CB_ImgWidthOld + "px"; + // -------------------------------------------------------------------------- + + } + if (a) { + CB_CheckResize2(); + } else { + CB_CheckResize(); + } + return; + } + + function CB_WindowResizeX() { + if (CB_ImgWidth == CB_ImgWidthOld) { + if (CB_TimerX) { + clearTimeout(CB_TimerX); + } + if (CB_Animation == "normal") { + CB_AnimX = "true"; + CB_WindowResizeY(); + } else { + CB_AnimX = "true"; + } + return; + } else { + if (CB_ImgWidth < CB_ImgWidthOld) { + if (CB_ImgWidthOld < CB_ImgWidth + 100 && CB_Jump_X > 20) { + CB_JumpX = 20; + } + if (CB_ImgWidthOld < CB_ImgWidth + 60 && CB_Jump_X > 10) { + CB_JumpX = 10; + } + if (CB_ImgWidthOld < CB_ImgWidth + 30 && CB_Jump_X > 5) { + CB_JumpX = 5; + } + if (CB_ImgWidthOld < CB_ImgWidth + 15 && CB_Jump_X > 2) { + CB_JumpX = 2; + } + if (CB_ImgWidthOld < CB_ImgWidth + 4) { + CB_JumpX = 1; + } + CB_ImgWidthOld -= CB_JumpX; + } else { + if (CB_ImgWidthOld > CB_ImgWidth - 100 && CB_Jump_X > 20) { + CB_JumpX = 20; + } + if (CB_ImgWidthOld > CB_ImgWidth - 60 && CB_Jump_X > 10) { + CB_JumpX = 10; + } + if (CB_ImgWidthOld > CB_ImgWidth - 30 && CB_Jump_X > 50) { + CB_JumpX = 5; + } + if (CB_ImgWidthOld > CB_ImgWidth - 15 && CB_Jump_X > 2) { + CB_JumpX = 2; + } + if (CB_ImgWidthOld > CB_ImgWidth - 4) { + CB_JumpX = 1; + } + CB_ImgWidthOld += CB_JumpX; + } + CB_Img.style.width = CB_ImgWidthOld + "px"; + // ---Adjust Title width to image --------------------------------------- + CB_Txt.style.width = CB_ImgWidthOld + "px"; + // -------------------------------------------------------------------------- + CB_MarginL = parseInt(DocScrX - (CB_ImgWidthOld + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + CB_Win.style.marginLeft = CB_MarginL + "px"; + CB_TimerX = setTimeout("CB_WindowResizeX()", CB_AnimTimeout); + } + } + + function CB_WindowResizeY() { + if (CB_ImgHeight == CB_ImgHeightOld) { + if (CB_TimerY) { + clearTimeout(CB_TimerY); + } + CB_AnimY = "true"; + return; + } else { + if (CB_ImgHeight < CB_ImgHeightOld) { + if (CB_ImgHeightOld < CB_ImgHeight + 100 && CB_Jump_Y > 20) { + CB_JumpY = 20; + } + if (CB_ImgHeightOld < CB_ImgHeight + 60 && CB_Jump_Y > 10) { + CB_JumpY = 10; + } + if (CB_ImgHeightOld < CB_ImgHeight + 30 && CB_Jump_Y > 5) { + CB_JumpY = 5; + } + if (CB_ImgHeightOld < CB_ImgHeight + 15 && CB_Jump_Y > 2) { + CB_JumpY = 2; + } + if (CB_ImgHeightOld < CB_ImgHeight + 4) { + CB_JumpY = 1; + } + CB_ImgHeightOld -= CB_JumpY; + } else { + if (CB_ImgHeightOld > CB_ImgHeight - 100 && CB_Jump_Y > 20) { + CB_JumpY = 20; + } + if (CB_ImgHeightOld > CB_ImgHeight - 60 && CB_Jump_Y > 10) { + CB_JumpY = 10; + } + if (CB_ImgHeightOld > CB_ImgHeight - 30 && CB_Jump_Y > 5) { + CB_JumpY = 5; + } + if (CB_ImgHeightOld > CB_ImgHeight - 15 && CB_Jump_Y > 2) { + CB_JumpY = 2; + } + if (CB_ImgHeightOld > CB_ImgHeight - 4) { + CB_JumpY = 1; + } + CB_ImgHeightOld += CB_JumpY; + } + CB_Img.style.height = CB_ImgHeightOld + "px"; + CB_ImgCont.style.height = CB_ImgHeightOld + 2 * CB_ImgBorder + "px"; + CB_MarginT = parseInt(DocScrY - (CB_ieRPBug + CB_ImgHeightOld + CB_TextH + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + CB_Win.style.marginTop = CB_MarginT - FF_ScrollbarBug / 2 + "px"; + CB_TimerY = setTimeout("CB_WindowResizeY()", CB_AnimTimeout); + } + } + + function CB_CheckResize() { + if (CB_AnimX == "true" && CB_AnimY == "true") { + if (CB_ResizeTimer) { + clearTimeout(CB_ResizeTimer); + } + + // ---Adjust Title width to image --------------------------------------- + CB_Txt.style.width = CB_ImgWidthOld + "px"; + // -------------------------------------------------------------------------- + + CB_ShowImage(); + return; + } else { + CB_ResizeTimer = setTimeout("CB_CheckResize()", 5); + } + } + + function CB_CheckResize2() { + if (CB_AnimX == "true" && CB_AnimY == "true") { + if (CB_ResizeTimer) { + clearTimeout(CB_ResizeTimer); + } + CB_Gallery = ""; + CB_iFr.src = CB_Clicked[1]; + CB_Img.style.visibility = "visible"; + CB_LoadingImg.style.visibility = "hidden"; + CB_iFr.style.top = CB_ImgBorder + "px"; + CB_iFr.style.left = CB_ImgBorder + "px"; + CB_iFr.style.width = CB_ImgWidth + "px"; + //BH next line changed to make url navbar smaller in Firefox + //BH CB_iFr.style.height = CB_ImgHeight + 2 + "px"; + CB_iFr.style.height = CB_ImgHeight + 4 + "px"; + + if (CB_Clicked[2] && + CB_Clicked[2] != "null" && CB_Clicked[2] != null) { + + CB_Txt.style.visibility = "visible"; + CB_Txt3.style.visibility = "visible"; + CB_Txt3a.style.visibility = "visible"; + + CB_Txt4.style.top = "20px"; + CB_Txt4.style.left = "20px"; + CB_Txt4.style.width = "200px"; + CB_Txt4.style.height = "80px"; + CB_Txt4.innerHTML = " Testing "; + CB_Txt4.style.visibility = "hidden"; + + // Split URL title and also create CB_Txt.innerHTML + // CB_Txt.innerHTML = CB_Clicked[2]; + var splitURLTitle = CB_Clicked[2].split("::",4); + CB_Txt.innerHTML = splitURLTitle[2]; + var MIDa = splitURLTitle[0]; + var GEDCOMa = splitURLTitle[1]; + var notey = splitURLTitle[3]; + if (notey != "<br />" && notey) { + CB_Txt3.innerHTML = "<a href=\"JavaScript:void(0);\" onclick=\"TipTog('<font color=#008800><b>" + CB_ImgNotes2 + ":</b></font><br />" + notey + "', CENTERWINDOW, false, DELAY, 0, TEXTALIGN, '" + CB_Alignm + "', WIDTH, -450, BGCOLOR, '#fffbcc', BALLOON, true, BALLOONSTEMWIDTH, 0, ABOVE, false, BORDERCOLOR, '', TITLEBGCOLOR, '', CLOSEBTNTEXT, 'X', CLOSEBTN, false, CLOSEBTNCOLORS, ['#ff0000', '#ffffff', '#ffffff', '#ff0000'], OFFSETY, -25, OFFSETX, 40, STICKY, true, PADDING, 6, CLICKCLOSE, true );\" ></a>"; + CB_Txt3a.innerHTML = "<a href=\"JavaScript:void(0);\" onclick=\"TipTog('<font color=#008800><b>" + CB_ImgNotes2 + ":</b></font><br />" + notey + "', CENTERWINDOW, false, DELAY, 0, TEXTALIGN, '" + CB_Alignm + "', WIDTH, -450, BGCOLOR, '#fffbcc', BALLOON, true, BALLOONSTEMWIDTH, 0, ABOVE, false, BORDERCOLOR, '', TITLEBGCOLOR, '', CLOSEBTNTEXT, 'X', CLOSEBTN, false, CLOSEBTNCOLORS, ['#ff0000', '#ffffff', '#ffffff', '#ff0000'], OFFSETY, -25, OFFSETX, 40, STICKY, true, PADDING, 6, CLICKCLOSE, true );\" ><img id=\"CB_PicNotes\" title=\"" + CB_ImgNotes + "\" src=\"" + CB_PicDir + CB_PictureNotes + "\" alt=\"\" /></a>"; + + } + CB_Txt2.onclick = function () { window.location.href = 'mediaviewer.php?mid='+MIDa+'&ged='+GEDCOMa; return false; }; + CB_Txt2a.onclick = function () { window.location.href = 'mediaviewer.php?mid='+MIDa+'&ged='+GEDCOM; return false; }; + } else { + CB_Txt.innerHTML = CB_Clicked[1]; + } +//Temp CB_Txt.innerHTML += " " + CB_ImgNumBracket.substring(0, 1) + "<a class=\"CB_TextNav\" href=\"javascript:void(0)\" onclick=\"CB_Close();\">" + CB_NavTextCls + "</a>" + CB_ImgNumBracket.substring(1, 2); + CB_HideContent.onclick = function () {CB_BrBack_Close();return false;}; + CB_ClearBox = "be"; + CB_IsAnimating = 0; + return; + } else { + CB_ResizeTimer = setTimeout("CB_CheckResize2()", 5); + } + } + + + function moveLeft() { + if ( CB_ImgWidthOld > BrSizeX ) { + CB_MarginL = CB_MarginL - 10; + CB_Win.style.marginLeft = CB_MarginL + "px"; + CB_Prv.style.display = "none"; + CB_Nxt.style.display = "none"; + CB_SlideB.style.display = "none"; + CB_ZoomP.style.display = "block"; + CB_ZoomS.style.display = "none"; + CB_SlideS.style.display = "block"; + CB_SlideP.style.display = "none"; + CB_ShTh.style.display = "none"; + }else{ + } + } + + function moveRight() { + if (CB_ImgWidthOld > BrSizeX ){ + CB_MarginL = CB_MarginL + 10; + CB_Win.style.marginLeft = CB_MarginL + "px"; + CB_Prv.style.display = "none"; + CB_Nxt.style.display = "none"; + CB_SlideB.style.display = "none"; + CB_ZoomP.style.display = "block"; + CB_ZoomS.style.display = "none"; + CB_SlideS.style.display = "block"; + CB_SlideP.style.display = "none"; + CB_ShTh.style.display = "none"; + }else{ + } + } + + function moveUp() { + if ( CB_ImgHeightOld > BrSizeY ) { + CB_MarginT = CB_MarginT - 10; + CB_Win.style.marginTop = CB_MarginT + "px"; + CB_Prv.style.display = "none"; + CB_Nxt.style.display = "none"; + CB_SlideB.style.display = "none"; + CB_ZoomP.style.display = "block"; + CB_ZoomS.style.display = "none"; + CB_SlideS.style.display = "block"; + CB_SlideP.style.display = "none"; + CB_ShTh.style.display = "none"; + }else{ + } + } + + function moveDown() { + if ( CB_ImgHeightOld > BrSizeY ) { + CB_MarginT = CB_MarginT + 10; + CB_Win.style.marginTop = CB_MarginT + "px"; + CB_Prv.style.display = "none"; + CB_Nxt.style.display = "none"; + CB_SlideB.style.display = "none"; + CB_ZoomP.style.display = "block"; + CB_ZoomS.style.display = "none"; + CB_SlideS.style.display = "block"; + CB_SlideP.style.display = "none"; + CB_ShTh.style.display = "none"; + }else{ + } + } + + function zoomIn() { + if (zoomSet == 1) { + CB_ImgWidthOld = CB_ImgWidthOld + ( CB_ImgWidthOld * 0.05 ); + CB_ImgHeightOld = CB_ImgHeightOld + ( CB_ImgHeightOld * 0.05 ); + CB_Img.style.width = CB_ImgWidthOld + "px"; + CB_Img.style.height = CB_ImgHeightOld + "px" ; + CB_ImgCont.style.height = CB_ImgHeightOld + ( 2 ) * CB_ImgBorder + "px"; + CB_MarginL = parseInt(DocScrX - (CB_ImgWidthOld + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + CB_Win.style.marginLeft = CB_MarginL + "px"; + CB_MarginT = parseInt(DocScrY - (CB_ieRPBug + CB_ImgHeightOld + CB_TextH + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + CB_Win.style.marginTop = CB_MarginT - FF_ScrollbarBug / 2 + "px"; + CB_Prv.style.display = "none"; + CB_Nxt.style.display = "none"; + CB_SlideB.style.display = "none"; + CB_ZoomP.style.display = "block"; + CB_ZoomS.style.display = "none"; + if (CB_Gallery.length < 3) { + CB_SlideS.style.display = "none"; + }else{ + CB_SlideS.style.display = "block"; + } + CB_SlideP.style.display = "none"; + CB_ShTh.style.display = "none"; + // ---Adjust Title width to image --------------------------------------- + CB_Txt.style.width = CB_ImgWidthOld + "px"; + // -------------------------------------------------------------------------- + CB_Zoom = "true"; + // Drag and Drop + dragDrop.initElement(CB_Win); + CB_Win.onclick = function() {return false;}; + } + } + + function zoomOut() { + if (zoomSet == 1) { + CB_ImgWidthOld = CB_ImgWidthOld - ( CB_ImgWidthOld * 0.05 ); + CB_ImgHeightOld = CB_ImgHeightOld - ( CB_ImgHeightOld * 0.05 ); + CB_Img.style.width = CB_ImgWidthOld + "px"; + CB_Img.style.height = CB_ImgHeightOld + "px"; + CB_ImgCont.style.height = CB_ImgHeightOld + ( 2 ) * CB_ImgBorder + "px"; + CB_MarginL = parseInt(DocScrX - (CB_ImgWidthOld + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + CB_Win.style.marginLeft = CB_MarginL + "px"; + CB_MarginT = parseInt(DocScrY - (CB_ieRPBug + CB_ImgHeightOld + CB_TextH + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + CB_Win.style.marginTop = CB_MarginT - FF_ScrollbarBug / 2 + "px"; + CB_Prv.style.display = "none"; + CB_Nxt.style.display = "none"; + CB_SlideB.style.display = "none"; + CB_ZoomP.style.display = "block"; + CB_ZoomS.style.display = "none"; + if (CB_Gallery.length < 3) { + CB_SlideS.style.display = "none"; + }else{ + CB_SlideS.style.display = "block"; + } + CB_SlideP.style.display = "none"; + CB_ShTh.style.display = "none"; + // ---Adjust Title width to image --------------------------------------- + CB_Txt.style.width = CB_ImgWidthOld + "px"; + // -------------------------------------------------------------------------- + CB_Zoom = "true"; + // Drag and Drop + dragDrop.initElement(CB_Win); + CB_Win.onclick = function() {return false;}; + } + } + + function setZoom() { + zoomSet = 2; + // Drag and Drop + } + + function resetZoom() { + + CB_AnimatePlease(); + + CB_ImgWidthOld = CB_ImgWidthOrig; + CB_ImgHeightOld = CB_ImgHeightOrig; + CB_Img.style.width = CB_ImgWidthOld + "px"; + CB_Img.style.height = CB_ImgHeightOld + "px"; + CB_ImgCont.style.height = CB_ImgHeightOld + ( 2 ) * CB_ImgBorder + "px"; + CB_MarginL = parseInt(DocScrX - (CB_ImgWidthOld + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + CB_Win.style.marginLeft = CB_MarginL + "px"; + CB_MarginT = parseInt(DocScrY - (CB_ieRPBug + CB_ImgHeightOld + CB_TextH + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + CB_Win.style.marginTop = CB_MarginT - FF_ScrollbarBug / 2 + "px"; + if (CB_Gallery.length < 3) { + CB_Prv.style.display = "none"; + CB_Nxt.style.display = "none"; + }else{ + CB_Prv.style.display = "block"; + CB_Nxt.style.display = "block"; + } + CB_SlideB.style.display = "none"; + CB_ZoomS.style.display = "block"; + CB_ZoomP.style.display = "none"; + + if (CB_Gallery.length < 3) { + CB_SlideS.style.display = "none"; + }else{ + CB_SlideS.style.display = "block"; + } + CB_SlideP.style.display = "none"; + CB_ShTh.style.display = "block"; + zoomSet=1; + CB_Win.style.left = "50%"; + CB_Win.style.top = "50%"; + return; + } + + + + function closeZoom() { + CB_ImgWidthOld = CB_ImgWidthOrig; + CB_ImgHeightOld = CB_ImgHeightOrig; + CB_Img.style.width = CB_ImgWidthOrig + "px"; + CB_Img.style.height = CB_ImgHeightOrig + "px"; + CB_ImgCont.style.height = CB_ImgHeightOrig + ( 2 ) * CB_ImgBorder + "px"; + CB_MarginL = parseInt(DocScrX - (CB_ImgWidthOrig + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + CB_Win.style.marginLeft = CB_MarginL + "px"; + CB_MarginT = parseInt(DocScrY - (CB_ieRPBug + CB_ImgHeightOrig + CB_TextH + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + CB_Win.style.marginTop = CB_MarginT - FF_ScrollbarBug / 2 + "px"; + CB_Prv.style.display = "block"; + CB_Nxt.style.display = "block"; + CB_SlideB.style.display = "none"; + CB_ZoomS.style.display = "block"; + CB_ZoomP.style.display = "none"; + CB_SlideS.style.display = "block"; + CB_SlideP.style.display = "none"; + CB_ShTh.style.display = "block"; + zoomSet=1; + return; + } + + // New function used when counting number of lines in a Note ==================================== + function countOccurrencesOf(source, pattern) { + count = 0; + if (source!=null) { + len = pattern.length; + found = -1; + start = 0; + while( (found = source.indexOf(pattern, start) ) != -1) { + start = found + len; + count++; + } + return count; + } + else return 0; + } + // ======================================================================================== + + function decode_htmlspecialchars(p_string) { + p_string = p_string.replace(/&/g, '&'); + p_string = p_string.replace(/</g, '<'); + p_string = p_string.replace(/>/g, '>'); + p_string = p_string.replace(/\\"/g, '"'); + p_string = p_string.replace(/"/g, '"'); + p_string = p_string.replace(/'/g, '\''); + p_string=p_string.replace(/\\'/g,'\''); + p_string=p_string.replace(/\\"/g,'"'); + p_string=p_string.replace(/\\\\/g,'\\'); + p_string=p_string.replace(/\\0/g,'\0'); + return p_string; + }; + + function CB_ShowImage() { + // ---Adjust Title width to image ---------------------------- + CB_Txt.style.width = CB_ImgWidth + "px"; + // --------------------------------------------------------------- + + // UnTip(); // Supposed to Clear Notes Tooltip ... Does not work ? + tt_HideInit(); // Clears Notes Tooltip + + // init music player + setMusicPlayer(); + // set navigation controls + CB_Cls.onclick = function () {resetVolume(); CB_Close();}; // Close + CB_SlideS.onclick = function () {resetZoom(); CB_SSStart();return false; }; // Start Slideshow + CB_SlideP.onclick = function () {CB_SSPause();return false;}; // pause Slideshow + CB_Speak.onclick = function () {player.play();return false;}; // Speaker on/off + CB_ZoomP.onclick = function () {resetZoom(); CB_SSStart(); CB_SSPause(); return false; }; // Reset Zoom + CB_Win.ondblclick= function () {resetZoom(); CB_SSStart(); CB_SSPause(); return false; }; // REset Zoom +// CB_ZoomS.onclick = function () {CB_FullSize(); }; + + CB_PrvNxt.display = "block"; + if (CB_Animation != "warp") { + CB_Txt.innerHTML = ""; + CB_Txt3.innerHTML = ""; + CB_Txt3a.innerHTML = ""; + CB_LoadingImg.style.visibility = "hidden"; + CB_Img.src = CB_Gallery[CB_ActImgId][0]; + CB_Img.style.visibility = "visible"; + } + CB_Cls.style.display = "block"; + CB_HideContent.onclick = function () {CB_Close();return false;}; + CB_Prv.style.height = CB_ImgHeight + "px"; + CB_Nxt.style.height = CB_ImgHeight + "px"; + + if (CB_Gallery[CB_ActImgId][1] && + CB_Gallery[CB_ActImgId][1] != "null" && + CB_Gallery[CB_ActImgId][1] != null) { + + CB_Txt.innerHTML = CB_Gallery[CB_ActImgId][1]; + var notey1 = CB_Gallery[CB_ActImgId][5]; + if (notey1 != "<br />" && notey1 ) { + // alert(notey1); + var brs = countOccurrencesOf(notey1, "<br />"); + var spacer=7; + if (brs==1) {spacer=spacer+0;} + if (brs==2) {spacer=spacer+5;} + if (brs==3) {spacer=spacer+10;} + if (brs==4) {spacer=spacer+17;} + if (brs==5) {spacer=spacer+20;} + if (brs==6) {spacer=spacer+27;} + if (brs==7) {spacer=spacer+35;} + if (brs==8) {spacer=spacer+45;} + if (brs==9) {spacer=spacer+55;} + if (brs==10) {spacer=spacer+65;} + //alert(brs + " - " + spacer); + + // CB_Txt3.innerHTML = "<a href=\"JavaScript:void(0);\" onclick=\"TipTog('<font color=#008800><b>" + CB_ImgNotes2 + ":</b></font><br />" + notey1 + "', CENTERWINDOW, true, DELAY, 0, TEXTALIGN, '" + CB_Alignm + "', WIDTH, "+CB_ImgWidth+"-30, BGCOLOR, '#fffbcc', BALLOON, true , BALLOONSTEMWIDTH, 0, ABOVE, true, BORDERCOLOR, '', TITLEBGCOLOR, '', CLOSEBTNTEXT, 'X', CLOSEBTN, false, CLOSEBTNCOLORS, ['#ff0000', '#ffffff', '#ffffff', '#ff0000'], OFFSETY, 150-" + ((DocSizeY-BrSizeY)/2) + ", OFFSETX, 0, STICKY, true, PADDING, 6, CLICKCLOSE, true );\" ></a>"; + // CB_Txt3a.innerHTML = "<a href=\"JavaScript:void(0);\" onclick=\"TipTog('<font color=#008800><b>" + CB_ImgNotes2 + ":</b></font><br />" + notey1 + "', CENTERWINDOW, true, DELAY, 0, TEXTALIGN, '" + CB_Alignm + "', WIDTH, "+CB_ImgWidth+"-30, BGCOLOR, '#fffbcc', BALLOON, true, BALLOONSTEMWIDTH, 0, ABOVE, true, BORDERCOLOR, '', TITLEBGCOLOR, '', CLOSEBTNTEXT, 'X', CLOSEBTN, false, CLOSEBTNCOLORS, ['#ff0000', '#ffffff', '#ffffff', '#ff0000'], OFFSETY, -10-" + ((DocSizeY-BrSizeY)/2) + "+" +(CB_ImgHeight/2)+ "-" +(spacer)+ ", OFFSETX, 0, STICKY, true, PADDING, 6, CLICKCLOSE, true );\" ><img id=\"CB_PicNotes\" title=\"" + CB_ImgNotes + "\" src=\"" + CB_PicDir + CB_PictureNotes + "\" alt=\"\" /></a>"; + CB_Txt3.innerHTML = "<a href=\"JavaScript:void(0);\" onclick=\"TipTog('" + notey1 + "', CENTERWINDOW, true, DELAY, 0, TEXTALIGN, '" + CB_Alignm + "', WIDTH, "+CB_ImgWidth+"-30, BGCOLOR, '#fffbcc', BALLOON, true , BALLOONSTEMWIDTH, 0, ABOVE, true, BORDERCOLOR, '', TITLEBGCOLOR, '', CLOSEBTNTEXT, 'X', CLOSEBTN, false, CLOSEBTNCOLORS, ['#ff0000', '#ffffff', '#ffffff', '#ff0000'], OFFSETY, 150-" + ((DocSizeY-BrSizeY)/2) + ", OFFSETX, 0, STICKY, true, PADDING, 6, CLICKCLOSE, true );\" ></a>"; + CB_Txt3a.innerHTML = "<a href=\"JavaScript:void(0);\" onclick=\"TipTog('" + notey1 + "', CENTERWINDOW, true, DELAY, 0, TEXTALIGN, '" + CB_Alignm + "', WIDTH, "+CB_ImgWidth+"-30, BGCOLOR, '#fffbcc', BALLOON, true, BALLOONSTEMWIDTH, 0, ABOVE, true, BORDERCOLOR, '', TITLEBGCOLOR, '', CLOSEBTNTEXT, 'X', CLOSEBTN, false, CLOSEBTNCOLORS, ['#ff0000', '#ffffff', '#ffffff', '#ff0000'], OFFSETY, -10-" + ((DocSizeY-BrSizeY)/2) + "+" +(CB_ImgHeight/2)+ "-" +(spacer)+ ", OFFSETX, 0, STICKY, true, PADDING, 6, CLICKCLOSE, true );\" ><img id=\"CB_PicNotes\" title=\"" + CB_ImgNotes + "\" src=\"" + CB_PicDir + CB_PictureNotes + "\" alt=\"\" /></a>"; + + Tip(decode_htmlspecialchars(notey1), CENTERWINDOW, true, DELAY, 0, TEXTALIGN, CB_Alignm, WIDTH, CB_ImgWidth-30, BGCOLOR, '#fffbcc', BALLOON, true, BALLOONSTEMWIDTH, 0, ABOVE, true, BORDERCOLOR, '', TITLEBGCOLOR, '', CLOSEBTNTEXT, 'X', CLOSEBTN, false, CLOSEBTNCOLORS, ['#ff0000', '#ffffff', '#ffffff', '#ff0000'], OFFSETY, -10-((DocSizeY-BrSizeY)/2)+(CB_ImgHeight/2)-(spacer), OFFSETX, 0, STICKY, true, PADDING, 6, CLICKCLOSE, true ); + + } + } else { + if (CB_ShowImgURL == "be") { + CB_Txt.innerHTML = CB_Gallery[CB_ActImgId][0].split("/")[CB_Gallery[CB_ActImgId][0].split("/").length - 1]; + var notey2 = CB_Gallery[CB_ActImgId][5]; + if (notey2 != "<br />" && notey2 ) { + // alert(notey2); + var brs = countOccurrencesOf(notey2, "<br />"); + var spacer=7; + if (brs==1) {spacer=spacer+0;} + if (brs==2) {spacer=spacer+5;} + if (brs==3) {spacer=spacer+10;} + if (brs==4) {spacer=spacer+17;} + if (brs==5) {spacer=spacer+20;} + if (brs==6) {spacer=spacer+27;} + if (brs==7) {spacer=spacer+35;} + if (brs==8) {spacer=spacer+45;} + if (brs==9) {spacer=spacer+55;} + if (brs==10) {spacer=spacer+65;} + // alert(brs + " - " + spacer); + CB_Txt3.innerHTML = "<a href=\"JavaScript:void(0);\" onclick=\"TipTog('<font color=#008800><b>" + CB_ImgNotes2 + ":</b></font><br />" + notey2 + "', CENTERWINDOW, true, DELAY, 0, TEXTALIGN, '" + CB_Alignm + "', WIDTH, "+CB_ImgWidth+"-30, BGCOLOR, '#fffbcc', BALLOON, true , BALLOONSTEMWIDTH, 0, ABOVE, true, BORDERCOLOR, '', TITLEBGCOLOR, '', CLOSEBTNTEXT, 'X', CLOSEBTN, false, CLOSEBTNCOLORS, ['#ff0000', '#ffffff', '#ffffff', '#ff0000'], OFFSETY, 150-" + ((DocSizeY-BrSizeY)/2) + ", OFFSETX, 0, STICKY, true, PADDING, 6, CLICKCLOSE, true );\" ></a>"; + CB_Txt3a.innerHTML = "<a href=\"JavaScript:void(0);\" onclick=\"TipTog('<font color=#008800><b>" + CB_ImgNotes2 + ":</b></font><br />" + notey2 + "', CENTERWINDOW, true, DELAY, 0, TEXTALIGN, '" + CB_Alignm + "', WIDTH, "+CB_ImgWidth+"-30, BGCOLOR, '#fffbcc', BALLOON, true, BALLOONSTEMWIDTH, 0, ABOVE, true, BORDERCOLOR, '', TITLEBGCOLOR, '', CLOSEBTNTEXT, 'X', CLOSEBTN, false, CLOSEBTNCOLORS, ['#ff0000', '#ffffff', '#ffffff', '#ff0000'], OFFSETY, -10-" + ((DocSizeY-BrSizeY)/2) + "+" +(CB_ImgHeight/2)+ "-" +(spacer)+ ", OFFSETX, 0, STICKY, true, PADDING, 6, CLICKCLOSE, true );\" ><img id=\"CB_PicNotes\" title=\"" + CB_ImgNotes + "\" src=\"" + CB_PicDir + CB_PictureNotes + "\" alt=\"\" /></a>"; + } + } + } + if (CB_ImgNum == "be" && CB_Gallery.length > 2) { + CB_Txt.innerHTML += " " + CB_ImgNumBracket.substring(0, 1) + CB_ActImgId + "/" + (CB_Gallery.length - 1) + CB_ImgNumBracket.substring(1, 2); + } + + CB_PrevNext(); + + CB_Txt.style.visibility = "visible"; + CB_Txt3.style.visibility= "visible"; + CB_Txt3a.style.visibility= "visible"; + if (CB_Gallery.length > 0) { + CB_ImgWidthOld = CB_ImgWidth; + CB_ImgHeightOld = CB_ImgHeight; + } + if (CB_Gallery.length > 2) { + if (CB_SS == "pause") { + CB_SlideP.style.display = "block"; + CB_SlideB.style.display = "block"; + if (slideshowMusic == null) { + CB_Speak.style.display = "none"; + }else{ + CB_Speak.style.display = "block"; + } + CB_SlideShow(); + } else { + CB_SlideS.style.display = "block"; + if (soond==null && CB_SS == "start") { + CB_Speak.style.display = "none"; + }else{ + CB_Speak.style.display = "block"; + } + } + } else { + CB_SS = "start"; + } + CB_ClearBox = "be"; + CB_IsAnimating = 0; + if (CB_Gallery.length > 2) { + CB_ShTh.style.visibility = "visible"; + CB_ImgHd.style.width = CB_ImgWidth + 2 + "px"; + CB_ImgHd.style.height = CB_ImgHeight + 2 + "px"; + CB_Thm.style.width = CB_ImgWidth + 2 + "px"; + + var a = ""; + var b = 5; + CB_AllThumbsWidth = 0; + for (i = 1; i < CB_Gallery.length; i++) { + CB_preThumbs = new Image; + CB_preThumbs.src = CB_Gallery[i][2]; + CB_AllThumbsWidth += Math.round(CB_preThumbs.width / CB_preThumbs.height * 50); + } + CB_AllThumbsWidth += (CB_Gallery.length - 2) * b; + + var c = 0; + for (i = 1; i < CB_Gallery.length; i++) { + CB_preThumbs = new Image; + CB_preThumbs.src = CB_Gallery[i][2]; + a += "<a href=\"javascript:void(0)\" onclick=\"if(CB_SSTimer){CB_SlideShowJump();}CB_LoadImage(" + i + ")\"><img style=\"border: 0; left: " + c + "px;\" \" src=\"" + CB_Gallery[i][2] + "\" height=\"50\" class=\"CB_ThumbsImg\" alt=\"\" /></a>"; + c += Math.round(CB_preThumbs.width / CB_preThumbs.height * 50) + b; + } + CB_Thm2.style.width = CB_AllThumbsWidth + "px"; + CB_Thm2.innerHTML = a; + CB_Thm2.style.marginLeft = (CB_ImgWidth - CB_AllThumbsWidth) / 2 + "px"; + } + +// var MID = splitURLTitle[0] + var MID = CB_Gallery[CB_ActImgId][3]; + var GEDCOM = CB_Gallery[CB_ActImgId][4]; +// CB_Txt2.onclick = function () { window.open('mediaviewer.php?filename='+MID+'&ged='+GEDCOM+'', "win01", " resizable=1, scrollbars=1, top=50, HEIGHT=800, WIDTH=1100 "); }; + if (MID != "") { + CB_Txt2.onclick = function () { window.location.href = 'mediaviewer.php?mid='+MID+'&ged='+GEDCOM; return false; }; + CB_Txt2a.onclick = function () { window.location.href = 'mediaviewer.php?mid='+MID+'&ged='+GEDCOM; return false; }; + //CB_Txt3.onclick = function () { alert(CB_Gallery[CB_ActImgId][5]); }; + + }else{ + CB_Txt2.onclick = function () { CB_Close(); }; + CB_Txt2a.onclick = function () { CB_Close(); }; + } + + return true; + } + + + + function CB_ShowThumbs() { + CB_ImgHd.style.visibility = "visible"; + CB_Thm.style.display = "block"; + return; + } + + function CB_HideThumbs() { + CB_ImgHd.style.visibility = "hidden"; + CB_Thm.style.display = "none"; + return; + } + + function getMouseXY(e) { + if (CB_AllThumbsWidth > CB_ImgWidth) { + if (IE) { + tempX = event.clientX; + } else { + tempX = e.pageX; + } + if (tempX < 0) { + tempX = 0; + } + CB_Thm2.style.marginLeft = ((BrSizeX - CB_ImgWidth) / 2 - tempX) / (CB_ImgWidth / (CB_AllThumbsWidth - CB_ImgWidth)) + "px"; + } + } + + function CB_FullSize() { + setZoom(); + CB_Img.style.width = CB_ImgWidthOrig + "px"; + CB_Img.style.height = CB_ImgHeightOrig + "px"; + CB_ImgCont.style.height = CB_ImgHeightOrig + 2 * CB_ImgBorder + "px"; + CB_ZoomS.style.display = "none"; + CB_ZoomP.style.display = "block"; +// CB_Speak.style.display = "block"; + } + + function CB_SlideShowStop() { + CB_SS = "start"; + CB_SlideShowJump(); + } + + function CB_SlideShowJump() { + if (CB_SSTimer) { + clearTimeout(CB_SSTimer); + } + CB_jj = 0; + CB_SlideBW = 0; + CB_SlideB.style.display = "none"; + } + + function CB_SlideShow() { + if (CB_SlShowTimer > CB_jj) { + CB_SSTimer = setTimeout("CB_SlideShow()", 25); + CB_jj += 25; +//BH ----- Changed slide show progress bar width as controls are now at bottom --------------------- +//BH CB_SlideBW += (CB_ImgWidth - 44) / (CB_SlShowTimer / 25); + CB_SlideBW += (CB_ImgWidth - 4) / (CB_SlShowTimer / 25); + + CB_SlideB.style.width = CB_SlideBW + "px"; + } else { + clearTimeout(CB_SSTimer); + CB_SlideBW = 0; + CB_SlideB.style.width = CB_SlideBW + "px"; + if (CB_ActImgId == CB_Gallery.length - 1) { + CB_LoadImage(1); + } else { + CB_LoadImage(CB_ActImgId + 1); + } + return; + } + } + + function CB_FitToBrowser() { + if (CB_ImgWidth > BrSizeX - 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd + CB_WinPadd)) { + CB_ImgWidth = BrSizeX - 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd + CB_WinPadd); + CB_ImgHeight = Math.round(CB_ImgWidth / CB_ImgRate); + } + if (CB_ImgHeight > BrSizeY - 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd + CB_WinPadd) - 3*CB_TextH) { + CB_ImgHeight = BrSizeY - 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd + CB_WinPadd) - 3*CB_TextH; + CB_ImgWidth = Math.round(CB_ImgRate * CB_ImgHeight); + } + return; + } + + function CB_SetMargins() { + CB_MarginL = parseInt(DocScrX - (CB_ImgWidth + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + CB_MarginT = parseInt(DocScrY - (CB_ieRPBug + CB_ImgHeight + CB_TextH + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + CB_Win.style.marginLeft = CB_MarginL + "px"; + CB_Win.style.marginTop = CB_MarginT - FF_ScrollbarBug / 2 + "px"; + return; + } + + function CB_PrevNext() { + if (CB_ActImgId > 1) { + if (CB_Preload == "be") { + PreloadPrv = new Image; + PreloadPrv.src = CB_Gallery[CB_ActImgId - 1][0]; + } + if (CB_TextNav == "be") { + var a = CB_Txt.innerHTML; + CB_Txt.innerHTML = "<a class=\"CB_TextNav\" href=\"javascript:void(0)\" onclick=\"if(CB_SSTimer){CB_SlideShowJump();}CB_LoadImage(" + (CB_ActImgId - 1) + ")\" alt=\"<\">" + CB_NavTextPrv + "</a> " + a; + } + CB_Prv.style.display = "block"; + if (slideshowMusic == null) { + CB_Speak.style.display = "none"; + }else{ + CB_Speak.style.display = "block"; + } + CB_Prv.onclick = function () { + if (CB_SSTimer) { + CB_SlideShowJump(); + } CB_LoadImage(CB_ActImgId - 1); + return false; + }; + } + if (CB_ActImgId < CB_Gallery.length - 1) { + if (CB_Preload == "be") { + PreloadNxt = new Image; + PreloadNxt.src = CB_Gallery[CB_ActImgId + 1][0]; + } + if (CB_TextNav == "be") { + CB_Txt.innerHTML += " <a class=\"CB_TextNav\" href=\"javascript:void(0)\" onclick=\"if(CB_SSTimer){CB_SlideShowJump();}CB_LoadImage(" + (CB_ActImgId + 1) + ")\" alt=\">\">" + CB_NavTextNxt + "</a>"; + } + CB_Nxt.style.display = "block"; + CB_Nxt.onclick = function () { + if (CB_SSTimer) { + CB_SlideShowJump(); + } CB_LoadImage(CB_ActImgId + 1); + return false; + }; + } + if (CB_ActImgId == 1 && CB_SS == "start" && soond=="playing" ) { + if (slideshowMusic == null) { + CB_Speak.style.display = "none"; + }else{ + CB_Speak.style.display = "block"; + } + } + return; + } + + function CB_Close() { + CB_Win.style.left = "50%"; + CB_Win.style.top = "50%"; + CB_ImgHd.style.width = "0px"; + CB_ImgHd.style.height = "0px"; + CB_ImgHd.style.visibility = "hidden"; + CB_ShTh.style.visibility = "hidden"; + CB_SlideShowStop(); + CB_Txt.style.visibility = "hidden"; + CB_Txt3.style.visibility = "hidden"; + CB_Txt3a.style.visibility = "hidden"; + CB_Txt4.style.visibility = "hidden"; + CB_Txt.innerHTML = ""; + CB_Txt3.innerHTML = ""; + CB_Txt3a.innerHTML = ""; + CB_Txt4.innerHTML = ""; + CB_Img.src = ""; + CB_ImgWidth = CB_WinBaseW; + CB_ImgHeight = CB_WinBaseH - CB_TextH; + CB_ImgCont.style.height = CB_ImgHeight + 2 * CB_ImgBorder + "px"; + CB_Img.style.display = "none"; + CB_Win.style.visibility = "hidden"; + CB_HideContent.onclick = ""; + CB_iFr.src = ""; + CB_iFr.style.top = "0px"; + CB_iFr.style.left = "0px"; + CB_iFr.style.width = "0px"; + CB_iFr.style.height = "0px"; + CB_ShowDocument(); + if (slideshowMusic == null) { + //do nothing + }else{ + player.onStopButtonClick(); + } + + soond=null; +// closeZoom(); + zoomSet=0; + return; + } + + function CB_ShowDocument() { + if (CB_Hide > 0) { + CB_HideContent.style.opacity = CB_Hide / 100; + CB_HideContent.style.filter = "alpha(opacity=" + CB_Hide + ")"; + CB_Hide -= CB_OpacityStep; + CB_Blur = setTimeout("CB_ShowDocument()", 5); + } else { + CB_HideContent.style.visibility = "hidden"; + CB_HideContent.style.width = "0px"; + CB_HideContent.style.height = "0px"; + if (CB_HideOpacity != 0) { + clearTimeout(CB_Blur); + } + CB_ClearBox = "ki"; + return; + } + } + + function getDocumentSize() { + this.DocSizeX = 0; + this.DocSizeY = 0; + if (window.innerWidth && window.scrollMaxX) { + DocSizeX = window.innerWidth + window.scrollMaxX; + DocSizeY = window.innerHeight + window.scrollMaxY; + } else if (document.body.scrollWidth > document.body.offsetWidth) { + DocSizeX = document.body.scrollWidth; + DocSizeY = document.body.scrollHeight; + } else { + DocSizeX = document.body.offsetWidth; + DocSizeY = document.body.offsetHeight; + } + if (navigator.userAgent.indexOf("MSIE") != -1 || + navigator.userAgent.indexOf("Opera") != -1) { + DocSizeX = document.body.scrollWidth; + DocSizeY = document.body.scrollHeight; + } + if (navigator.userAgent.indexOf("Firefox") != -1 || + navigator.userAgent.indexOf("Netscape") != -1) { + DocSizeX = BrSizeX + window.scrollMaxX; + DocSizeY = BrSizeY + window.scrollMaxY; + } + return; + } + + function getBrowserSize() { + this.BrSizeX = 0; + this.BrSizeY = 0; + if (document.documentElement && + (document.documentElement.clientWidth || + document.documentElement.clientHeight)) { + BrSizeX = document.documentElement.clientWidth; + BrSizeY = document.documentElement.clientHeight; + } else if (typeof window.innerWidth == "number") { + BrSizeX = window.innerWidth; + BrSizeY = window.innerHeight; + } else if (document.body && + (document.body.clientWidth || document.body.clientHeight)) { + BrSizeX = document.body.clientWidth; + BrSizeY = document.body.clientHeight; + return; + } + if (navigator.userAgent.indexOf("Opera") != -1) { + BrSizeX = document.documentElement.clientWidth; + BrSizeY = window.innerHeight; + } + if (document.compatMode != undefined) { + if (document.compatMode.match("Back") && + navigator.userAgent.indexOf("Firefox") != -1) { + BrSizeY = document.body.clientHeight; + } + } + return; + } + + function getScrollPosition() { + this.DocScrX = 0; + this.DocScrY = 0; + if (typeof window.pageYOffset == "number") { + DocScrY = window.pageYOffset; + DocScrX = window.pageXOffset; + } else if (document.body && + (document.body.scrollLeft || document.body.scrollTop)) { + DocScrY = document.body.scrollTop; + DocScrX = document.body.scrollLeft; + } else if (document.documentElement && + (document.documentElement.scrollLeft || + document.documentElement.scrollTop)) { + DocScrY = document.documentElement.scrollTop; + DocScrX = document.documentElement.scrollLeft; + } + return; + } + + function CB_pngFixIE() { + var s, i, j; + var a = new Array; + a.push(document.getElementById("CB_CloseWindow")); + a.push(document.getElementById("CB_SlideShowS")); + a.push(document.getElementById("CB_SlideShowP")); + for (i = 0; i < a.length; i++) { + s = a[i].getAttribute("src"); + if (s.toLowerCase().indexOf(".png") != -1) { + a[i].src = CB_PicDir + "blank.gif"; + a[i].style.filter += "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + s + "', sizingMethod=image);"; + } + } + for (i = 0; i < document.styleSheets.length; i++) { + if (document.styleSheets[i].href.match("clearbox.css")) { + var b = document.styleSheets[i].href.lastIndexOf("/"); + var c = b != -1 ? document.styleSheets[i].href.substring(0, b + 1) : ""; + for (j = 0; j < document.styleSheets[i].rules.length; j++) { + var d = document.styleSheets[i].rules[j].style; + if (d.backgroundImage.toLowerCase().indexOf(".png") != -1) { + var e = d.backgroundImage.substring(4, d.backgroundImage.length - 1); + if (e.indexOf("http://") != 0 && + e.indexOf("/") != 0) { + e = c + e; + d.backgroundImage = "none"; + d.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + e + "', sizingMethod='crop');"; + } + } + } + } + } + } + + +// --------------------------------------------------- + +function showFlash(){ + var flashObjects = document.getElementsByTagName("object"); + for (i = 0; i < flashObjects.length; i++) { + flashObjects[i].style.visibility = "visible"; + } + + var flashEmbeds = document.getElementsByTagName("embed"); + for (i = 0; i < flashEmbeds.length; i++) { + flashEmbeds[i].style.visibility = "visible"; + } +} + +// --------------------------------------------------- + + +function hideFlash(){ + var flashObjects = document.getElementsByTagName("object"); + for (i = 0; i < flashObjects.length; i++) { + flashObjects[i].style.visibility = "hidden"; + } + + var flashEmbeds = document.getElementsByTagName("embed"); + for (i = 0; i < flashEmbeds.length; i++) { + flashEmbeds[i].style.visibility = "hidden"; + } +} + + +/*------------------------------Drag and Drop - quirksmode----------------------------------------------*/ + +dragDrop = { + keyHTML: '<a href="#" class="keyLink">#</a>', + keySpeed: 10, // pixels per keypress event + initialMouseX: undefined, + initialMouseY: undefined, + startX: undefined, + startY: undefined, + dXKeys: undefined, + dYKeys: undefined, + draggedObject: undefined, + + initElement: function (element) { +/* + if (typeof element == 'string') + element = document.getElementById(element); + element = document.getElementById(element); +*/ + if (CB_ZoomP.style.display == "block") { + element.onmousedown = dragDrop.startDragMouse; + } +/* + element.innerHTML += dragDrop.keyHTML; + var links = element.getElementsByTagName('a'); + var lastLink = links[links.length-1]; + lastLink.relatedElement = element; + lastLink.onclick = dragDrop.startDragKeys; +*/ + }, + + startDragMouse: function (e) { + dragDrop.startDrag(CB_Win); + var evt = e || window.event; + dragDrop.initialMouseX = evt.clientX; + dragDrop.initialMouseY = evt.clientY; + addEventSimple(document,'mousemove',dragDrop.dragMouse); + addEventSimple(document,'mouseup',dragDrop.releaseElement); + return false; + }, + + startDragKeys: function () { + dragDrop.startDrag(this.relatedElement); + dragDrop.dXKeys = dragDrop.dYKeys = 0; + addEventSimple(document,'keydown',dragDrop.dragKeys); + addEventSimple(document,'keypress',dragDrop.switchKeyEvents); + this.blur(); + return false; + }, + + startDrag: function (obj) { + if (dragDrop.draggedObject) + dragDrop.releaseElement(); + if(IE){ + dragDrop.startX = (obj.offsetLeft+(CB_ImgWidthOld + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + dragDrop.startY = ((obj.offsetTop-document.documentElement.scrollTop)+(CB_ieRPBug + CB_ImgHeightOld + CB_TextH + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + }else{ + // dragDrop.startX = (obj.offsetLeft)+CB_ieRPBug ; + // dragDrop.startY = (obj.offsetTop)+CB_ieRPBug ; + dragDrop.startX = (obj.offsetLeft+(CB_ImgWidthOld + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + dragDrop.startY = ((obj.offsetTop-document.documentElement.scrollTop)+(CB_ieRPBug + CB_ImgHeightOld + CB_TextH + 2 * (CB_RoundPix + CB_ImgBorder + CB_Padd)) / 2); + + } + dragDrop.draggedObject = obj; + obj.className += ' dragged'; + }, + + dragMouse: function (e) { + var evt = e || window.event; + var dX = evt.clientX - dragDrop.initialMouseX; + var dY = evt.clientY - dragDrop.initialMouseY; + dragDrop.setPosition(dX,dY); + return false; + }, + + dragKeys: function(e) { + var evt = e || window.event; + var key = evt.keyCode; + switch (key) { + case 37: // left + case 63234: + dragDrop.dXKeys -= dragDrop.keySpeed; + break; + + case 38: // up + case 63232: + dragDrop.dYKeys -= dragDrop.keySpeed; + break; + + case 39: // right + case 63235: + dragDrop.dXKeys += dragDrop.keySpeed; + break; + + case 40: // down + case 63233: + dragDrop.dYKeys += dragDrop.keySpeed; + break; + + case 13: // enter + case 27: // escape + dragDrop.releaseElement(); + return false; + + default: + return true; + } + + dragDrop.setPosition(dragDrop.dXKeys,dragDrop.dYKeys); + if (evt.preventDefault) // also solves problem in Saf; keypress part of default ??? + evt.preventDefault(); + return false; + }, + + setPosition: function (dx,dy) { + dragDrop.draggedObject.style.left = dragDrop.startX + dx + 'px'; + dragDrop.draggedObject.style.top = dragDrop.startY + dy + 'px'; + }, + + switchKeyEvents: function () { + // for Opera and Safari 1.3 + removeEventSimple(document,'keydown',dragDrop.dragKeys); + removeEventSimple(document,'keypress',dragDrop.switchKeyEvents); + addEventSimple(document,'keypress',dragDrop.dragKeys); + + }, + + + releaseElement: function() { + removeEventSimple(document,'mousemove',dragDrop.dragMouse); + removeEventSimple(document,'mouseup',dragDrop.releaseElement); + removeEventSimple(document,'keypress',dragDrop.dragKeys); + removeEventSimple(document,'keypress',dragDrop.switchKeyEvents); + removeEventSimple(document,'keydown',dragDrop.dragKeys); + dragDrop.draggedObject.className = dragDrop.draggedObject.className.replace(/dragged/,''); + dragDrop.draggedObject = null; + } +} + + +function addEventSimple(obj,evt,fn) { + if (obj.addEventListener) + obj.addEventListener(evt,fn,false); + else if (obj.attachEvent) + obj.attachEvent('on'+evt,fn); +} + +function removeEventSimple(obj,evt,fn) { + if (obj.removeEventListener) + obj.removeEventListener(evt,fn,false); + else if (obj.detachEvent) + obj.detachEvent('on'+evt,fn); +} + +// --------------------------------------------------------------------------------------
\ No newline at end of file |