//* Ultimate Fade-in slideshow (v2.1) //* Last updated: Sept 10th, 2009. This notice must stay intact for usage //* Author: Dynamic Drive at http://www.dynamicdrive.com/ //* Visit http://www.dynamicdrive.com/ for full source code //*/ ////--------------------------------------------------------------------- //--------------------------------------------------------------------- var _primo = "1"; var _casuale = ''; var objX; var _date = new Date(); var _xdate = _date.getHours() + '' + _date.getMinutes() + '' + _date.getSeconds() + '' + _date.getMilliseconds(); //--------------------------------------------------------------------- //--------------------------------------------------------------------- //Oct 6th, 09' (v2.1): Adds option to randomize display order of images, via new option displaymode.randomize //--------------------------------------------------------------------- //--------------------------------------------------------------------- var fadeSlideShow_descpanel = { controls: [['banners/x.png', 7, 7], ['banners/restore.png', 10, 11], ['banners/loading.gif', 54, 55]], //full URL and dimensions of close, restore, and loading images fontStyle: 'normal 11px Verdana', //font style for text descriptions slidespeed: 200 //speed of description panel animation (in millisec) } //--------------------------------------------------------------------- //--------------------------------------------------------------------- //No need to edit beyond here... //--------------------------------------------------------------------- //--------------------------------------------------------------------- jQuery.noConflict() //--------------------------------------------------------------------- //--------------------------------------------------------------------- function SortIt(TheArr, us, u, vs, v, ws, w, xs, x, ys, y, zs, z) { // us-zs: 1=asc, -1=desc. u-z: column-numbers. See example if (u == undefined) { TheArr.sort(Sortsingle); } else { TheArr.sort(Sortmulti); } function Sortsingle(a, b) { var swap = 0; if (isNaN(a - b)) { if ((isNaN(a)) && (isNaN(b))) { swap = (b < a) - (a < b); } else { swap = (isNaN(a) ? 1 : -1); } } else { swap = (a - b); } return swap * us; } //--------------------------------------------------------------------- //--------------------------------------------------------------------- function Sortmulti(a, b) { var swap = 0; if (isNaN(a[u] - b[u])) { if ((isNaN(a[u])) && (isNaN(b[u]))) { swap = (b[u] < a[u]) - (a[u] < b[u]); } else { swap = (isNaN(a[u]) ? 1 : -1); } } else { swap = (a[u] - b[u]); } if ((v == undefined) || (swap != 0)) { return swap * us; } else { if (isNaN(a[v] - b[v])) { if ((isNaN(a[v])) && (isNaN(b[v]))) { swap = (b[v] < a[v]) - (a[v] < b[v]); } else { swap = (isNaN(a[v]) ? 1 : -1); } } else { swap = (a[v] - b[v]); } if ((w == undefined) || (swap != 0)) { return swap * vs; } else { if (isNaN(a[w] - b[w])) { if ((isNaN(a[w])) && (isNaN(b[w]))) { swap = (b[w] < a[w]) - (a[w] < b[w]); } else { swap = (isNaN(a[w]) ? 1 : -1); } } else { swap = (a[w] - b[w]); } if ((x == undefined) || (swap != 0)) { return swap * ws; } else { if (isNaN(a[x] - b[x])) { if ((isNaN(a[x])) && (isNaN(b[x]))) { swap = (b[x] < a[x]) - (a[x] < b[x]); } else { swap = (isNaN(a[x]) ? 1 : -1); } } else { swap = (a[x] - b[x]); } if ((y == undefined) || (swap != 0)) { return swap * xs; } else { if (isNaN(a[y] - b[y])) { if ((isNaN(a[y])) && (isNaN(b[y]))) { swap = (b[y] < a[y]) - (a[y] < b[y]); } else { swap = (isNaN(a[y]) ? 1 : -1); } } else { swap = (a[y] - b[y]); } if ((z = undefined) || (swap != 0)) { return swap * ys; } else { if (isNaN(a[z] - b[z])) { if ((isNaN(a[z])) && (isNaN(b[z]))) { swap = (b[z] < a[z]) - (a[z] < b[z]); } else { swap = (isNaN(a[z]) ? 1 : -1); } } else { swap = (a[z] - b[z]); } return swap * zs; } } } } } } } //--------------------------------------------------------------------- //--------------------------------------------------------------------- function fadeSlideShow(settingarg) { this.setting = settingarg settingarg = null var setting = this.setting setting.fadeduration = setting.fadeduration ? parseInt(setting.fadeduration) : 500 setting.curimage = (setting.persist) ? fadeSlideShow.routines.getCookie("gallery-" + setting.wrapperid) : 0 setting.curimage = setting.curimage || 0 //account for curimage being null if cookie is empty setting.currentstep = 0 //keep track of # of slides slideshow has gone through (applicable in displaymode='auto' only) setting.totalsteps = setting.imagearray.length*(setting.displaymode.cycles>0? setting.displaymode.cycles : Infinity) //Total steps limit (applicable in displaymode='auto' only w/ cycles>0) setting.fglayer = 0, setting.bglayer = 1 //index of active and background layer (switches after each change of slide) setting.oninit = setting.oninit || function(){} setting.onslide = setting.onslide || function(){} if (setting.displaymode.randomize) //randomly shuffle order of images? setting.imagearray.sort(function() {return 0.5 - Math.random()}) var preloadimages = [] //preload images setting.longestdesc = "" //get longest description of all slides. If no desciptions defined, variable contains "" for (var i = 0; i < setting.imagearray.length; i++){ //preload images preloadimages[i] = new Image() preloadimages[i].src = setting.imagearray[i][0] if (setting.imagearray[i][3] && setting.imagearray[i][3].length > setting.longestdesc.length) setting.longestdesc = setting.imagearray[i][3] } var closebutt = fadeSlideShow_descpanel.controls[0] //add close button to "desc" panel if descreveal="always" setting.closebutton = (setting.descreveal == "always")? '' : '' var slideshow = this jQuery(document).ready(function($){ //fire on DOM ready var setting = slideshow.setting var fullhtml = fadeSlideShow.routines.getFullHTML(setting.imagearray) //get full HTML of entire slideshow setting.$wrapperdiv = $('#' + setting.wrapperid).css({ position: 'absolute', visibility: 'visible', background: '', overflow: 'hidden', width: setting.dimensions[0], height: setting.dimensions[1] }).empty() //main slideshow DIV if (setting.$wrapperdiv.length == 0){ //if no wrapper DIV found // alert("Error: DIV with ID \""+setting.wrapperid+"\" not found on page.") return } setting.$gallerylayers = $('
') //two stacked DIVs to display the actual slide .css({position:'absolute', left:0, top:0, width:'100%', height:'100%', background:''}) .appendTo(setting.$wrapperdiv) var $loadingimg = $('') .css({left:setting.dimensions[0] / 2 - fadeSlideShow_descpanel.controls[2][1] / 2, top:setting.dimensions[1] / 2 - fadeSlideShow_descpanel.controls[2][2]}) //center loading gif .appendTo(setting.$wrapperdiv) var $curimage = setting.$gallerylayers.html(fullhtml).find('img').hide().eq(setting.curimage) //prefill both layers with entire slideshow content, hide all images, and return current image if (setting.longestdesc != ""){ //if at least one slide contains a description (feature is enabled) fadeSlideShow.routines.adddescpanel($, setting) if (setting.descreveal == "always"){ //position desc panel so it's visible to begin with setting.$descpanel.css({top:setting.dimensions[1] - setting.panelheight}) setting.$descinner.click(function(e){ //asign click behavior to "close" icon if (e.target.className == "close"){ slideshow.showhidedescpanel('hide') } }) setting.$restorebutton.click(function(e){ //asign click behavior to "restore" icon slideshow.showhidedescpanel('show') $(this).css({visibility:'hidden'}) }) } else{ //display desc panel on demand (mouseover) setting.$wrapperdiv.bind('mouseenter', function(){slideshow.showhidedescpanel('show')}) setting.$wrapperdiv.bind('mouseleave', function(){slideshow.showhidedescpanel('hide')}) } } setting.$wrapperdiv.bind('mouseenter', function(){setting.ismouseover = true}) //pause slideshow mouseover setting.$wrapperdiv.bind('mouseleave', function(){setting.ismouseover = false}) if ($curimage.get(0).complete){ //accounf for IE not firing image.onload $loadingimg.hide() slideshow.paginateinit($) slideshow.showslide(setting.curimage) } else{ //initialize slideshow when first image has fully loaded $loadingimg.hide() slideshow.paginateinit($) $curimage.bind('load', function(){slideshow.showslide(setting.curimage)}) } setting.oninit.call(slideshow) //trigger oninit() event $(window).bind('unload', function(){ //clean up and persist if (slideshow.setting.persist) //remember last shown image's index fadeSlideShow.routines.setCookie("gallery-" + setting.wrapperid, setting.curimage) jQuery.each(slideshow.setting, function(k){ if (slideshow.setting[k] instanceof Array){ for (var i = 0; i < slideshow.setting[k].length; i++){ if (slideshow.setting[k][i].tagName == "DIV") //catches 2 gallerylayer divs, gallerystatus div slideshow.setting[k][i].innerHTML = null slideshow.setting[k][i] = null } } }) slideshow = slideshow.setting = null }) }) } //--------------------------------------------------------------------- //--------------------------------------------------------------------- fadeSlideShow.prototype = { navigate: function(keyword) { var setting = this.setting clearTimeout(setting.playtimer) if (setting.displaymode.type == "auto") { //in auto mode setting.displaymode.type = "manual" //switch to "manual" mode when nav buttons are clicked on setting.displaymode.wraparound = true //set wraparound option to true } if (!isNaN(parseInt(keyword))) { //go to specific slide? this.showslide(parseInt(keyword)) } else if (/(prev)|(next)/i.test(keyword)) { //go back or forth inside slide? this.showslide(keyword.toLowerCase()) } }, showslide: function(keyword) { var slideshow = this var setting = slideshow.setting if (setting.displaymode.type == "auto" && setting.ismouseover && setting.currentstep <= setting.totalsteps) { //if slideshow in autoplay mode and mouse is over it, pause it setting.playtimer = setTimeout(function() { slideshow.showslide('next') }, setting.displaymode.pause) return } var totalimages = setting.imagearray.length var imgindex = (keyword == "next") ? (setting.curimage < totalimages - 1 ? setting.curimage + 1 : 0) : (keyword == "prev") ? (setting.curimage > 0 ? setting.curimage - 1 : totalimages - 1) : Math.min(keyword, totalimages - 1) var $slideimage = setting.$gallerylayers.eq(setting.bglayer).find('img').hide().eq(imgindex).show() //hide all images except current one //-------------------------------------- //-------------------------------------- var _fadeduration = setting.fadeduration if (_primo == "1") { _primo = "0"; _fadeduration = 1000; } //-------------------------------------- //-------------------------------------- var imgdimensions = [$slideimage.width(), $slideimage.height()] //center align image $slideimage.css({ marginLeft: (imgdimensions[0] > 0 && imgdimensions[0] < setting.dimensions[0]) ? setting.dimensions[0] / 2 - imgdimensions[0] / 2 : 0 }) $slideimage.css({ marginTop: (imgdimensions[1] > 0 && imgdimensions[1] < setting.dimensions[1]) ? setting.dimensions[1] / 2 - imgdimensions[1] / 2 : 0 }) setting.$gallerylayers.eq(setting.bglayer).css({ zIndex: 1000, opacity: 0 }) //background layer becomes foreground .stop().css({ opacity: 0 }).animate({ opacity: 1 }, _fadeduration, function() { //Callback function after fade animation is complete: clearTimeout(setting.playtimer) try { setting.onslide.call(slideshow, setting.$gallerylayers.eq(setting.fglayer).get(0), setting.curimage) } catch (e) { // alert("Fade In Slideshow error: An error has occured somwhere in your code attached to the \"onslide\" event: " + e) } setting.currentstep += 1 if (setting.displaymode.type == "auto") { if (setting.currentstep <= setting.totalsteps || setting.displaymode.cycles == 0) setting.playtimer = setTimeout(function() { slideshow.showslide('next') }, setting.displaymode.pause) } }) //end callback function setting.$gallerylayers.eq(setting.fglayer).css({ zIndex: 999 }) //foreground layer becomes background setting.fglayer = setting.bglayer setting.bglayer = (setting.bglayer == 0) ? 1 : 0 setting.curimage = imgindex if (setting.$descpanel) setting.$descpanel.css({ visibility: (setting.imagearray[imgindex][3]) ? 'visible' : 'hidden' }) if (setting.imagearray[imgindex][3]) setting.$descinner.empty().html(setting.closebutton + setting.imagearray[imgindex][3]) if (setting.displaymode.type == "manual" && !setting.displaymode.wraparound) { this.paginatecontrol() } if (setting.$status) //if status container defined setting.$status.html(setting.curimage + 1 + "/" + totalimages) }, showhidedescpanel: function(state, showcontrol) { var setting = this.setting var endpoint = (state == "show") ? setting.dimensions[1] - setting.panelheight : this.setting.dimensions[1] setting.$descpanel.stop().animate({ top: endpoint }, fadeSlideShow_descpanel.slidespeed, function() { if (setting.descreveal == "always" && state == "hide") setting.$restorebutton.css({ visibility: 'visible' }) //show restore button }) }, paginateinit: function($) { var slideshow = this var setting = this.setting if (setting.togglerid) { //if toggler div defined setting.$togglerdiv = $("#" + setting.togglerid) setting.$prev = setting.$togglerdiv.find('.prev').data('action', 'prev') setting.$next = setting.$togglerdiv.find('.next').data('action', 'next') setting.$prev.add(setting.$next).click(function(e) { //assign click behavior to prev and next controls var $target = $(this) slideshow.navigate($target.data('action')) e.preventDefault() }) setting.$status = setting.$togglerdiv.find('.status') } }, paginatecontrol: function() { var setting = this.setting setting.$prev.css({ opacity: (setting.curimage == 0) ? 0.4 : 1 }).data('action', (setting.curimage == 0) ? 'none' : 'prev') setting.$next.css({ opacity: (setting.curimage == setting.imagearray.length - 1) ? 0.4 : 1 }).data('action', (setting.curimage == setting.imagearray.length - 1) ? 'none' : 'next') if (document.documentMode == 8) { //in IE8 standards mode, apply opacity to inner image of link setting.$prev.find('img:eq(0)').css({ opacity: (setting.curimage == 0) ? 0.4 : 1 }) setting.$next.find('img:eq(0)').css({ opacity: (setting.curimage == setting.imagearray.length - 1) ? 0.4 : 1 }) } } } //--------------------------------------------------------------------- //--------------------------------------------------------------------- fadeSlideShow.routines = { getSlideHTML:function(imgelement){ var layerHTML=(imgelement[1])? '\n' : '' //hyperlink slide? layerHTML+='\n' layerHTML+=(imgelement[1])? '\n' : '' return layerHTML //return HTML for this layer }, getFullHTML:function(imagearray){ var preloadhtml='' for (var i=0; i') .css({position:'absolute', visibility:'hidden', width:'100%', left:0, top:setting.dimensions[1], font:fadeSlideShow_descpanel.fontStyle, zIndex:'1001'}) .appendTo(setting.$wrapperdiv) $('
') //create inner nav panel DIVs .css({position:'absolute', left:0, top:0, width:setting.$descpanel.width()-8, padding:'4px'}) .eq(0).css({background:'', opacity:0.7}).end() //"descpanelbg" div .eq(1).css({color:'white'}).html(setting.closebutton + setting.longestdesc).end() //"descpanelfg" div .appendTo(setting.$descpanel) setting.$descinner=setting.$descpanel.find('div.descpanelfg') setting.panelheight=setting.$descinner.outerHeight() setting.$descpanel.css({height:setting.panelheight}).find('div').css({height:'100%'}) if (setting.descreveal=="always"){ //create restore button setting.$restorebutton=$('') .appendTo(setting.$wrapperdiv) } }, getCookie:function(Name){ var re = new RegExp(Name + "=[^;]+", "i"); //construct RE to search for target name/value pair if (document.cookie.match(re)) //if cookie found return document.cookie.match(re)[0].split("=")[1] //return its value return null }, setCookie:function(name, value){ document.cookie = name + "=" + value + ";path=/" } } //--------------------------------------------------------------------- //--------------------------------------------------------------------- var araayRN = new Array(); var araayPP = new Array(); var araayXX = new Array(); var araay00 = new Array(); var araayYY = new Array(); //--------------------------------------------- var hRef = location.href.substring(0, location.href.lastIndexOf("/") + 1) + "banners/link1.txt?date=" + _xdate; //--------------------------------------------- var O = AJ(); //--------------------------------------------- if (O) { try { O.open("GET", hRef, false); O.send(null); if (O.status == 200) { var _xx = O.responseText; araayRN = _xx.split('\r\n'); var p = -1; for (x = 0; x < araayRN.length; x++) { if (araayRN[x] == "") araayRN.splice(x, 1); else { araayPP = araayRN[x].split('|'); for (s = 0; s < parseInt(araayPP[2]); s++) { araay00[++p] = ['n', araayPP[2], "banners/images1/" + araayPP[0] + "?date=" + _xdate, araayPP[1]]; } } } } } catch (er) { } //--------------- araayXX = distribuisci(); //--------------- } //--------------------------------------------------------------------- var araay00 = new Array(); //--------------------------------------------------------------------- hRef = location.href.substring(0, location.href.lastIndexOf("/") + 1) + "banners/link2.txt?date=" + _xdate; //--------------------------------------------- //--------------------------------------------- if (O) { try { O.open("GET", hRef, false); O.send(null); if (O.status == 200) { var _xx = O.responseText; araayRN = _xx.split('\r\n'); var p = -1; for (x = 0; x < araayRN.length; x++) { if (araayRN[x] == "") araayRN.splice(x, 1); else { araayPP = araayRN[x].split('|'); for (s = 0; s < parseInt(araayPP[2]); s++) { araay00[++p] = ['n', araayPP[2], "banners/images2/" + araayPP[0] + "?date=" + _xdate, araayPP[1]]; } } } } } catch (er) { } //--------------- araayYY = distribuisci(); //--------------- } //--------------------------------------------------------------------- //--------------------------------------------------------------------- function gObjX(banner) { return document.getElementById(banner); } //--------------------------------------------------------------------- //--------------------------------------------------------------------- function check() { //--------------------------------------------------------------------- //--------------------------------------------------------------------- objX = gObjX("fadeshow1"); //--------------------------------------------------------------------- //--------------------------------------------------------------------- var _sdata0X = (objX.data); var _sdata1X; var _sdata2X; var _sdata2X; //------------------------------ var hRefX = location.href.substring(0, location.href.lastIndexOf("/") + 1) + "banners/x1.txt?date=" + _xdate; var OX = AJ(); if (OX) { try { OX.open("GET", hRefX, false); OX.send(null); if (OX.status == 200) { var _xxX = OX.responseText; _sdata1X = _xxX.substring(0, 10); _sdata2X = _xxX.substring(12, 22); _casuale = _xxX.substring(24); } } catch (er) { } //------------------------------ var MD_DX = _sdata0X.substring(0, 2); var MD_MX = _sdata0X.substring(3, 5); var MD_YX = _sdata0X.substring(6, 10); var _data0X = new Date(MD_MX + '/' + MD_DX + '/' + MD_YX); MD_DX = _sdata1X.substring(0, 2); MD_MX = _sdata1X.substring(3, 5); MD_YX = _sdata1X.substring(6, 10); var _data1X = new Date(MD_MX + '/' + MD_DX + '/' + MD_YX); MD_DX = _sdata2X.substring(0, 2); MD_MX = _sdata2X.substring(3, 5); MD_YX = _sdata2X.substring(6, 10); var _data2X = new Date(MD_MX + '/' + MD_DX + '/' + MD_YX); //------------------------------ if ((_data0X >= _data1X) && (_data0X <= _data2X)) { if (araayXX.length > 0) { var mygallery = new fadeSlideShow({ wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow dimensions: [480, 66], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: araayXX, displaymode: { type: 'auto', pause: 500, cycles: 0, wraparound: false, randomize: false }, persist: false, //remember last viewed slide and recall within same session? fadeduration: 1000, //transition duration (milliseconds) descreveal: "always", togglerid: "" }) } else objX.style.border = "none"; } else objX.style.border = "none"; } //--------------------------------------------------------------------- //--------------------------------------------------------------------- objX = gObjX("fadeshow2"); //--------------------------------------------------------------------- //--------------------------------------------------------------------- var _sdata0X = (objX.data); var _sdata1X; var _sdata2X; var _sdata2X; //------------------------------ var hRefX = location.href.substring(0, location.href.lastIndexOf("/") + 1) + "banners/x2.txt?date=" + _xdate; var OX = AJ(); if (OX) { try { OX.open("GET", hRefX, false); OX.send(null); if (OX.status == 200) { var _xxX = OX.responseText; _sdata1X = _xxX.substring(0, 10); _sdata2X = _xxX.substring(12, 22); _casuale = _xxX.substring(24); } } catch (er) { } //------------------------------ var MD_DX = _sdata0X.substring(0, 2); var MD_MX = _sdata0X.substring(3, 5); var MD_YX = _sdata0X.substring(6, 10); var _data0X = new Date(MD_MX + '/' + MD_DX + '/' + MD_YX); MD_DX = _sdata1X.substring(0, 2); MD_MX = _sdata1X.substring(3, 5); MD_YX = _sdata1X.substring(6, 10); var _data1X = new Date(MD_MX + '/' + MD_DX + '/' + MD_YX); MD_DX = _sdata2X.substring(0, 2); MD_MX = _sdata2X.substring(3, 5); MD_YX = _sdata2X.substring(6, 10); var _data2X = new Date(MD_MX + '/' + MD_DX + '/' + MD_YX); //------------------------------ if ((_data0X >= _data1X) && (_data0X <= _data2X)) { if (araayYY.length > 0) { var mygallery = new fadeSlideShow({ wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow dimensions: [480, 66], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: araayYY, displaymode: { type: 'auto', pause: 500, cycles: 0, wraparound: false, randomize: false }, persist: false, //remember last viewed slide and recall within same session? fadeduration: 1000, //transition duration (milliseconds) descreveal: "always", togglerid: "" }) } else objX.style.border = "none"; } else objX.style.border = "none"; } } //--------------------------------------------------------------------- //--------------------------------------------------------------------- function AJ() { var obj; if (window.XMLHttpRequest) { obj = new XMLHttpRequest(); } else if (window.ActiveXObject) { try { obj = new ActiveXObject('MSXML2.XMLHTTP.3.0'); } catch (er) { obj = false; } } return obj; } //--------------------------------------------------------------------- //--------------------------------------------------------------------- function distribuisci() { var _arr = new Array(); SortIt(araay00, 1, 0, -1, 1, 1, 2, 1, 3); x = -1; //--------------- //--------------- var trovato = true; while (trovato) { trovato = false; for (x = 0; x < araay00.length; x++) { if (araay00[x][0] == 'n') { trovato = true; if (_arr.length == 0) { _arr[0] = [araay00[x][2], araay00[x][3]]; araay00[x][0] = 's'; break; } else { if (_arr[_arr.length - 1][0] != araay00[x][2]) { _arr[_arr.length] = [araay00[x][2], araay00[x][3]]; araay00[x][0] = 's'; break; } } } } } return _arr; } //--------------------------------------------------------------------- //---------------------------------------------------------------------