// ----------------------------------------------------------------------------------- // // This page coded by Scott Upton // http://www.uptonic.com | http://www.couloir.org // // This work is licensed under a Creative Commons License // Attribution-ShareAlike 2.0 // http://creativecommons.org/licenses/by-sa/2.0/ // // Associated APIs copyright their respective owners // // ----------------------------------------------------------------------------------- // --- version date: 11/28/05 -------------------------------------------------------- // get current photo id from URL var thisURL = document.location.href; var splitURL = thisURL.split("#"); var photoId = splitURL[1] - 1; // if no photoId supplied then set default var photoId = (!photoId)? 0 : photoId; // CSS border size x 2 var borderSize = 10; // Photo directory for this gallery var photoDir = "slides/"; // Define each photo's name, height, width, and caption var photoArray = new Array( // Source, Width, Height, Caption new Array("diaporama-asterisk-toip-1.jpg", "640", "480", "ASTERISK Votre solution en téléphonie sur IP"), new Array("diaporama-asterisk-toip-2.jpg", "640", "480", "Les Intervenants Sébastien FONTAINE Directeur FrameIP David HURE Responsable Projets FrameIP Sébastien QUEVA Chef de Projets FrameIP Thomas DELAGREE Témoignage EFIDIS"), new Array("diaporama-asterisk-toip-3.jpg", "640", "480", "Le déroulement du séminaire"), new Array("diaporama-asterisk-toip-4.jpg", "640", "480", "Expert spécialisé autour de 3 axes Nos métiers Gestion de projets Architecture & Expertise technique Formation Qui sommes nous ? La Sécurité Les Réseaux Télécoms La Téléphonie sur IP"), new Array("diaporama-asterisk-toip-5.jpg", "640", "480", "Expertise & Qualité (Service…) Audit Conseils Méthodologie Etat de l’art du marché"), new Array("diaporama-asterisk-toip-6.jpg", "640", "480", "Quelques références"), new Array("diaporama-asterisk-toip-7.jpg", "640", "480", "sdgyuf45sdfbyureuuuc Les questions Les entreprises utilisent-elles la ToIP? Qu’est ce que la différence entre la ToIP et la VoIP ? Est-ce qu’Asterisk fait tout? Comment fait-on pour migrer? Est-ce réaliste? Est-ce que Asterisk est destiné qu’aux TPE ?"), new Array("diaporama-asterisk-toip-8.jpg", "640", "480", "bxncvtredsbjs675vvvc Table des matières Rappel sur la ToIP Etat de l’art ToIP ToIP vs VoIP Présentation de l’Open Source Les services d’Asterisk La mise en œuvre d’Asterisk Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk"), new Array("diaporama-asterisk-toip-9.jpg", "640", "480", "1/ Rappel sur la ToIP Etat de l’art ToIP Le taux de pénétration de la TOIP s’élève à 60 % pour les sociétés de plus de 500 postes. 30 % de l’ensemble de ces sociétés ont des projets pour 2008 21 % des PME/PMI sont équipées en TOIP et 5 % ont des projets VOIP 33% les TPE (~10 postes) utilisent la TOIP (via BOX) 18% disposent d’un standard téléphonique (source dossier spécial VoIP/ToIP 16 Avril 2008 Silicon.fr) Grandes entreprises bien équipées en mode projet PME/PMI un peu plus à la traîne Un bas de marché très dynamique Quelle est la pénétration de la ToIP en entreprise? Comment les entreprises perçoivent-elles la ToIP? La ToIP est perçue comme une avancée technologique offrant un plus aux entreprises…"), new Array("diaporama-asterisk-toip-10.jpg", "640", "480", "1/ Rappel sur la ToIP Etat de l’art ToIP Les entreprises ont-elles l’intention de migrer? À quel horizon? Où en est la ToIP? Statistiques ToIP en France 11 9 millions d’abonnements à la fin du 1er trimestre 2008 étaient en VoIP La VoIP représente près de 30% de l’ensemble des abonnements téléphoniques et s’accroit d’environ 1 million chaque trimestre. Croissance de 3% chaque trimestre pour le nombre de lignes supportant uniquement les services ToIP. Selon l’institut d’étude IDC 60% des PABX français seront renouvelés avec une solution IP d’ici à 2010. Source La VoIP soutient le trafic de la téléphonie fixe – ZDNet.fr 2008"), new Array("diaporama-asterisk-toip-11.jpg", "640", "480", "Sécurité authentification confidentialité intégrité et vie privée Disponibilité temps pendant lequel un système est en état de marche en ToIP réseau disponible 99 9% du temps Gestion gestion des flux détection de pannes configuration du trafic (technique du PBM (Policy-Based Management)) Contrôle complément de la gestion optimiser la configuration satisfaire les contraintes de la téléphonie (boucle de réaction rapide) Qualité la qualité de service importante dans l’application temps réel qu’est la ToIP (DiffServ MPLS classe EF) 1/ Rappel sur la ToIP Etat de l’art ToIP"), new Array("diaporama-asterisk-toip-12.jpg", "640", "480", "Table des matières Rappel sur la ToIP Etat de l’art ToIP ToIP vs VoIP Présentation de l’Open Source Les services d’Asterisk La mise en œuvre d’Asterisk Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk"), new Array("diaporama-asterisk-toip-13.jpg", "640", "480", "1/ Rappel sur la ToIP ToIP vs VoIP ToIP vs VoIP? La voix sur réseau IP ou « VoIP » pour Voice over IP est une technique qui permet de communiquer par la voix via l'Internet ou tout autre réseau acceptant le protocole TCP/IP. Cette technologie est notamment utilisée pour supporter le service de téléphonie sur IP (« ToIP » pour Telephony over Internet Protocol). Le terme « VoIP » est en général utilisé pour décrire des communications « point à point ». Pour la diffusion de son sur IP en multipoints on parlera plutôt de streaming comme les radios Web par exemple."), new Array("diaporama-asterisk-toip-14.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source La communauté Asterisk une réalité Présentation Les services d’Asterisk La mise en œuvre d’Asterisk Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk Table des matières"), new Array("diaporama-asterisk-toip-15.jpg", "640", "480", "2/ Présentation de l’Open Source La communauté Open Source"), new Array("diaporama-asterisk-toip-16.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source La communauté Asterisk une réalité Présentation Les services d’Asterisk La mise en œuvre d’Asterisk Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk Table des matières"), new Array("diaporama-asterisk-toip-17.jpg", "640", "480", "2/ Présentation de l’Open Source Asterisk une réalité"), new Array("diaporama-asterisk-toip-18.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source La communauté Asterisk une réalité Présentation Les services d’Asterisk La mise en œuvre d’Asterisk Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk Table des matières"), new Array("diaporama-asterisk-toip-19.jpg", "640", "480", "2/ Présentation de l’Open Source Historique Création d’Asterisk par Mark Spencer chez Digium Inc. 1ère carte Digium développée Version 1.2 Stratégie chez les différents acteurs gain financier gain de services et gain matériel Interfaces configurations et syntaxes retravaillées nouvelles musiques d’attente nouveaux formats de fichiers IAX2 jitterbuffer … Meilleure qualité Jitterbuffer implémentation … Version 1.4 Arrivée de la V.1.6 Amélioration de services (Voicemail Meetme (conf call) musique d’attente …) et facilité de configuration …"), new Array("diaporama-asterisk-toip-20.jpg", "640", "480", "2/ Présentation de l’Open Source Concept de base Offrir à chacun la possibilité de passer en VoIP De nombreuses applications téléphoniques garanties de nombreux services avancés gratuits Utilisation transparente pour les utilisateurs (intuitive et simple) Compatible avec les matériels du marché Solution IPBX Open Source la plus utilisé sur le marché de la ToIP Qu’est que la solution Asterisk??"), new Array("diaporama-asterisk-toip-21.jpg", "640", "480", "2/ Présentation de l’Open Source Concept Asterisk en ToIP/VoIP - Les protocoles Asterisk peut supporter près de 20 protocoles d’échange de données dont Signalisation et autres IAX-IAX2 protocoles propriétaire Asterisk SIP protocole le plus connu et le plus implanté protocole ouvert de signalisation H323 premier protocole VoIP Zap protocoles pour téléphones reliés par carte Digium uniquement pour Asterisk MGCP protocole asymétrique (client-serveur) SS7 ensemble de protocole de signalisation Protocoles de transport pour les applications multimédias interactives la téléphonie la vidéo … RTP Transport des flux IP à fortes contraintes temporelles RTCP Contrôle des flux RTP pour garantir leurs intégrités et supervision du réseau"), new Array("diaporama-asterisk-toip-22.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source Les services d’Asterisk Services Potentiels La mise en œuvre d’Asterisk Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk Table des matières"), new Array("diaporama-asterisk-toip-23.jpg", "640", "480", "Services standards Quels sont les différents services réalisés par Asterisk? Les services existants en téléphonie analogique se retrouvent dans la téléphonie IP. 3/ Les services d’Asterisk Fonction DTMF Interception d’appel Groupement d’appel … Contrôle d’appel (national/mobile…)"), new Array("diaporama-asterisk-toip-24.jpg", "640", "480", "3/ Les services d’Asterisk Click to dial Contacts (Outlook Notes …) Initier un appel depuis un numéro sur un annuaire ou une page web ou un intranet sans le composer sur le téléphone. Cette opération peut être réalisé par le biais de connecteur."), new Array("diaporama-asterisk-toip-25.jpg", "640", "480", "Annuaire unifié 3/ Les services d’Asterisk Obtenir un annuaire central unique qui sert de référence pour l’ensemble du système d’information. Connecteur LDAP commun pour tous les annuaires"), new Array("diaporama-asterisk-toip-26.jpg", "640", "480", "Serveur Vocal Interactif 3/ Les services d’Asterisk Le SVI ou IVR « Interactive Voice Responder » Offrir des services de messageries vocales avec possibilité de différents choix pour orienter l’appelant directement vers le bon service interne."), new Array("diaporama-asterisk-toip-27.jpg", "640", "480", "3/ Les services d’Asterisk Séquençage d’un appel Gestion du séquençage de vos appels entrants par groupe ou individuellement."), new Array("diaporama-asterisk-toip-28.jpg", "640", "480", "3/ Les services d’Asterisk Supervision Pouvoir depuis un téléphone ou une interface dédiée avoir une visibilité de la disponibilité de notre interlocuteur Présent Non présent En ligne"), new Array("diaporama-asterisk-toip-29.jpg", "640", "480", "3/ Les services d’Asterisk Conférence Téléphonique"), new Array("diaporama-asterisk-toip-30.jpg", "640", "480", "Boite de messagerie vocale 3/ Les services d’Asterisk VOICEMAIL"), new Array("diaporama-asterisk-toip-31.jpg", "640", "480", "Pouvoir avoir accès à ses services téléphonie du serveur de n’importe quelle localisation. Basé sur une authentification login mot de passe Plusieurs modes « logging/delogging » « logging double » « Fixe » Récupération des personnalisations des paramètres du téléphone compatible avec le téléphone utilisé 3/ Les services d’Asterisk FREE SEATING interroger votre messagerie depuis n’importe où et sécurisé !"), new Array("diaporama-asterisk-toip-32.jpg", "640", "480", "Offrir des applications métiers supplémentaires selon les besoins. Il en existe plus de 150 modules disponibles aujourd’hui. (Modules stables développés gratuits) Développement sur mesure possible 3/ Les services d’Asterisk Modules disponibles"), new Array("diaporama-asterisk-toip-33.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source Les services d’Asterisk Services Potentiels La mise en œuvre d’Asterisk Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk Table des matières Voice E-mail Fax"), new Array("diaporama-asterisk-toip-34.jpg", "640", "480", "Appel distant – Softphone Nomadisme des utilisateurs de Téléphones IP Transfert d’appel d’Asterisk à un téléphone IP quelque soit sa localisation dans le monde par VPN Intérêts Mobilité Gratuit Sécurisé Mêmes fonctions All in one PC 3/ Les services d’Asterisk Mobilité & Softphone"), new Array("diaporama-asterisk-toip-35.jpg", "640", "480", "SELF-CARE Permettant de personnaliser ses équipements utilisant Asterisk. (noms images renvoi planification messagerie paramétrage d’option…) 3/ Les services d’Asterisk Personnalisation du téléphone Sébastien Fontaine Sébastien Fontaine"), new Array("diaporama-asterisk-toip-36.jpg", "640", "480", "Interfaçage avec un CRM existant et avec des applications de votre SI. 3/ Les services d’Asterisk CTI – Couplage CRM"), new Array("diaporama-asterisk-toip-37.jpg", "640", "480", "Offrir des services de télécopieurs en utilisant un système de traduction analogique-numérique pour envoyer un fax par mail ou recevoir une télécopie par courrier électronique. ECONOMIE DE PAPIER DE MATERIEL (plus besoin de télécopieur) Nécessite des forfaits ou lignes spécifiques 3/ Les services d’Asterisk Fax to mail/Mail to fax"), new Array("diaporama-asterisk-toip-38.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source Les services d’Asterisk La mise en œuvre d’Asterisk Equipements Opérateurs Architecture Migration Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk Table des matières"), new Array("diaporama-asterisk-toip-39.jpg", "640", "480", "4/ La mise en œuvre d’Asterisk Serveur Un simple PC peut suffir!!!! MATERIEL STANDARD Pas de boitier opérateur téléphonie pourquoi? Solution Open Source Avantages serveur non réservé pour l’Asterisk une seule maintenance matériel système d’information (sauvegardes simples) Inconvénients risque du système d’information (humain technique juridique) dépend du nombre de postes sur le réseau Caractéristiques processeur cadencé à 500 Mhz et 256 Mo de mémoire au minimum En utilisation intensive un processeur à 2.4Ghz et 1Go de mémoire vive sont recommandés un serveur dédié (type Dell PowerEdge ou IBM OpenPower) n’est nécessaire que dans les grandes infrastructures"), new Array("diaporama-asterisk-toip-40.jpg", "640", "480", "4/ La mise en œuvre d’Asterisk Boitier ATA ATA boitier de conversion analogique<->numérique 2 ports sorties T38 protocole d’envoi de fax à partir d’un réseau de données informatiques DSP (Span DSP) Jitterbuffer dispositif matériel ou logiciel qui élimine les processus de transmission de gigue causés par des retard dans une Téléphonie sur IP."), new Array("diaporama-asterisk-toip-41.jpg", "640", "480", "4/ La mise en œuvre d’Asterisk Gateway (routage d’appel + Tunning passerelle) Gateway routage d’appel /cohabitation systèmes/SDSL gérer les SDA même coupé électriquement continue à passer = pont transparent stratégie de routage (si 06 telle direction si 02 telle autre etc…)"), new Array("diaporama-asterisk-toip-42.jpg", "640", "480", "Asterisk Compatible avec différentes cartes Analogique RTC (liaison de base) interfaces RJ11 standard RNIS T0 jusqu’à 2 canaux voix par port RNIS T2 30 canaux de transport et 2 de signalisations Trunk Sip Traiter les appels sous protocole SIP Ils se souscrivent au format T0 2T0 4T0 ou 1T2 société Digium objectif créer des cartes 4/ La mise en œuvre d’Asterisk Cartes T2 / RNIS / Digium"), new Array("diaporama-asterisk-toip-43.jpg", "640", "480", "4/ La mise en œuvre d’Asterisk Téléphones Hardphones Fonctions Qualités physiques (écran LCD …) DECT ou fixe ou Wifi POPC (poste opérateur) standard accueil touches supplémentaires transferts d’appel ou messages vocaux POE possibles touches personnalisables fonctions de recherches disponibles microswitch provisionning (paramétrer les téléphones automatiquement (Scripting interface web)) gammes … Softphones dans quel cas l’utiliser? Dépend à 100% du PC"), new Array("diaporama-asterisk-toip-44.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source Les services d’Asterisk La mise en œuvre d’Asterisk Equipements Opérateurs Architecture Migration Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk Table des matières"), new Array("diaporama-asterisk-toip-45.jpg", "640", "480", "Liens Trunk SIP/SDSL/T2/RNIS/RTC (dimensionnés) schéma évolution 4/ La mise en œuvre d’Asterisk Les boucles locales"), new Array("diaporama-asterisk-toip-46.jpg", "640", "480", "T2 - Traditionnel limité à 30 cannaux T0 - Accès Numeris composé de 2 cannaux FXO - Accès RTC SIP - Trunck IP SS7 - Signalisation opérateurs 4/ La mise en œuvre d’Asterisk Routage PSTN"), new Array("diaporama-asterisk-toip-47.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source Les services d’Asterisk La mise en œuvre d’Asterisk Equipements Opérateurs Architecture Migration Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk Table des matières Rappel sur la ToIP Présentation de l’Open Source Les services d’Asterisk La mise en œuvre d’Asterisk Equipements Opérateurs Architecture Migration Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk"), new Array("diaporama-asterisk-toip-48.jpg", "640", "480", "4/ La mise en œuvre d’Asterisk Architecture standard"), new Array("diaporama-asterisk-toip-49.jpg", "640", "480", "4/ La mise en œuvre d’Asterisk Signalisation SIP"), new Array("diaporama-asterisk-toip-50.jpg", "640", "480", "4/ La mise en œuvre d’Asterisk Signalisation SIP"), new Array("diaporama-asterisk-toip-51.jpg", "640", "480", "4/ La mise en œuvre d’Asterisk Transport RTP"), new Array("diaporama-asterisk-toip-52.jpg", "640", "480", "4/ La mise en œuvre d’Asterisk Voice Mail"), new Array("diaporama-asterisk-toip-53.jpg", "640", "480", "4/ La mise en œuvre d’Asterisk Click to Dial"), new Array("diaporama-asterisk-toip-54.jpg", "640", "480", "4/ La mise en œuvre d’Asterisk PRA"), new Array("diaporama-asterisk-toip-55.jpg", "640", "480", "Table des matières Rappel sur la ToIP Présentation de l’Open Source Les services d’Asterisk La mise en œuvre d’Asterisk Equipements Opérateurs Architecture Migration Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk"), new Array("diaporama-asterisk-toip-56.jpg", "640", "480", "Stratégie de migration Full IP Conduite du changements Accompagnement utilisateurs Dans quelles circonstances? (nouveau bâtiment budget besoin nouvelles fonctions …) 4/ La mise en œuvre d’Asterisk Migration totale Quels sont les modalités de migration? Quels sont les freins à la migration?"), new Array("diaporama-asterisk-toip-57.jpg", "640", "480", "Migration partielle Gestion de la cohabitation par gateway Doubles services 2 systèmes de téléphonie qui cohabitent 2 systèmes d’administration Différences de services compatibles avec l’un ou l’autre système Conduite du changement Services aux utilisateurs 4/ La mise en œuvre d’Asterisk La cohabitation des systèmes"), new Array("diaporama-asterisk-toip-58.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source Les services d’Asterisk La mise en œuvre d’Asterisk Témoignage EFIDIS Contexte Architecture Démonstration interface Retour sur expérience La montée en charge L’évolution de la solution Asterisk Table des matières"), new Array("diaporama-asterisk-toip-59.jpg", "640", "480", "5/ Témoignage EFIDIS Contexte"), new Array("diaporama-asterisk-toip-60.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source Les services d’Asterisk La mise en œuvre d’Asterisk Témoignage EFIDIS Contexte Architecture Démonstration interface Retour sur expérience La montée en charge L’évolution de la solution Asterisk Table des matières"), new Array("diaporama-asterisk-toip-61.jpg", "640", "480", "5/ Témoignage EFIDIS Architecture 2 serveurs Asterisk VLAN et QoS Full ToIP Active Directory"), new Array("diaporama-asterisk-toip-62.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source Les services d’Asterisk La mise en œuvre d’Asterisk Témoignage EFIDIS Contexte Architecture Démonstration interface Retour sur expérience La montée en charge L’évolution de la solution Asterisk Table des matières"), new Array("diaporama-asterisk-toip-63.jpg", "640", "480", "5/ Témoignage EFIDIS Démonstration Interface"), new Array("diaporama-asterisk-toip-64.jpg", "640", "480", "5/ Témoignage EFIDIS Démonstration Interface"), new Array("diaporama-asterisk-toip-65.jpg", "640", "480", "5/ Témoignage EFIDIS Démonstration Interface"), new Array("diaporama-asterisk-toip-66.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source Les services d’Asterisk La mise en œuvre d’Asterisk Témoignage EFIDIS Contexte Architecture Démonstration interface Retour sur expérience La montée en charge L’évolution de la solution Asterisk Table des matières"), new Array("diaporama-asterisk-toip-67.jpg", "640", "480", "5/ Témoignage EFIDIS Retour sur expérience Solution opérationnelle à 100% dès le premier jour La gestion au quotidien ne nécessite pas de connaissance de la téléphonie Fort potentiel d’évolution language de script accessible à tous et rapide à mettre en place Gain financier important dès la mise en place Projet d’extension de la ToIP Asterisk sur d’autres sites"), new Array("diaporama-asterisk-toip-68.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source Les services d’Asterisk La mise en œuvre d’Asterisk Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk Table des matières"), new Array("diaporama-asterisk-toip-69.jpg", "640", "480", "Les services qui consomment beaucoup de Proc Le Voice Mail Le SVI La Musique Hold on Le Proxy RTP L’écoute téléphonique L’enregistrement téléphonique 6/ La Montée en charge Définition"), new Array("diaporama-asterisk-toip-70.jpg", "640", "480", "6/ La Montée en charge Paliers de dimensionnement Les 3 paliers de dimensionnement"), new Array("diaporama-asterisk-toip-71.jpg", "640", "480", "Open SR – Proxy SIP Haute disponibilité Tolérance de panne … 6/ La Montée en charge Open SR 100 000 Postes"), new Array("diaporama-asterisk-toip-72.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source Les services d’Asterisk La mise en œuvre d’Asterisk Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk Asterisk et la convergence Conclusion Table des matières"), new Array("diaporama-asterisk-toip-73.jpg", "640", "480", "7/ Evolution de la solution Asterisk Schémas convergence Asterisk Comment évolue Asterisk?"), new Array("diaporama-asterisk-toip-74.jpg", "640", "480", "Rappel sur la ToIP Présentation de l’Open Source Les services d’Asterisk La mise en œuvre d’Asterisk Témoignage EFIDIS La montée en charge L’évolution de la solution Asterisk Asterisk et la convergence Conclusion Table des matières"), new Array("diaporama-asterisk-toip-75.jpg", "640", "480", "LA SEULE LIMITE D’ASTERISK C’EST VOTRE IMAGINATION ET VOTRE BESOIN 7/ Evolution de la solution Asterisk Conclusion"), new Array("diaporama-asterisk-toip-76.jpg", "640", "480", "Des questions? Merci de votre attention") ); // Number of photos in this gallery var photoNum = photoArray.length; /*--------------------------------------------------------------------------*/ // Additional methods for Element added by SU, Couloir Object.extend(Element, { getWidth: function(element) { element = $(element); return element.offsetWidth; }, setWidth: function(element,w) { element = $(element); element.style.width = w +"px"; }, setHeight: function(element,h) { element = $(element); element.style.height = h +"px"; }, setSrc: function(element,src) { element = $(element); element.src = src; }, setHref: function(element,href) { element = $(element); element.href = href; }, setInnerHTML: function(element,content) { element = $(element); element.innerHTML = content; } }); /*--------------------------------------------------------------------------*/ var Slideshow = Class.create(); Slideshow.prototype = { initialize: function(photoId) { this.photoId = photoId; this.photo = 'Photo'; this.photoBox = 'Container'; this.prevLink = 'PrevLink'; this.nextLink = 'NextLink'; this.captionBox = 'CaptionContainer'; this.caption = 'Caption'; this.counter = 'Counter'; this.loader = 'Loading'; }, getCurrentSize: function() { // Get current height and width, subtracting CSS border size this.wCur = Element.getWidth(this.photoBox) - borderSize; this.hCur = Element.getHeight(this.photoBox) - borderSize; }, getNewSize: function() { // Get current height and width this.wNew = photoArray[photoId][1]; this.hNew = photoArray[photoId][2]; }, getScaleFactor: function() { this.getCurrentSize(); this.getNewSize(); // Scalars based on change from old to new this.xScale = (this.wNew / this.wCur) * 100; this.yScale = (this.hNew / this.hCur) * 100; }, setNewPhotoParams: function() { // Set source of new image Element.setSrc(this.photo,photoDir + photoArray[photoId][0]); // Set anchor for bookmarking Element.setHref(this.prevLink, "#" + (photoId+1)); Element.setHref(this.nextLink, "#" + (photoId+1)); }, setPhotoCaption: function() { // Add caption from gallery array Element.setInnerHTML(this.caption,photoArray[photoId][3]); Element.setInnerHTML(this.counter,((photoId+1)+'/'+photoNum)); }, resizePhotoBox: function() { this.getScaleFactor(); new Effect.Scale(this.photoBox, this.yScale, {scaleX: false, duration: 0.3, queue: 'front'}); new Effect.Scale(this.photoBox, this.xScale, {scaleY: false, delay: 0.5, duration: 0.3}); // Dynamically resize caption box as well Element.setWidth(this.captionBox,this.wNew-(-borderSize)); }, showPhoto: function(){ new Effect.Fade(this.loader, {delay: 0.5, duration: 0.3}); // Workaround for problems calling object method "afterFinish" new Effect.Appear(this.photo, {duration: 0.5, queue: 'end', afterFinish: function(){Element.show('CaptionContainer');Element.show('PrevLink');Element.show('NextLink');}}); }, nextPhoto: function(){ // Figure out which photo is next (photoId == (photoArray.length - 1)) ? photoId = 0 : photoId++; this.initSwap(); }, prevPhoto: function(){ // Figure out which photo is previous (photoId == 0) ? photoId = photoArray.length - 1 : photoId--; this.initSwap(); }, initSwap: function() { // Begin by hiding main elements Element.show(this.loader); Element.hide(this.photo); Element.hide(this.captionBox); Element.hide(this.prevLink); Element.hide(this.nextLink); // Set new dimensions and source, then resize this.setNewPhotoParams(); this.resizePhotoBox(); this.setPhotoCaption(); } } /*--------------------------------------------------------------------------*/ // Establish CSS-driven events via Behaviour script var myrules = { '#Photo' : function(element){ element.onload = function(){ var myPhoto = new Slideshow(photoId); myPhoto.showPhoto(); } }, '#PrevLink' : function(element){ element.onmouseover = function(){ soundManager.play('beep'); } element.onclick = function(){ var myPhoto = new Slideshow(photoId); myPhoto.prevPhoto(); soundManager.play('select'); } }, '#NextLink' : function(element){ element.onmouseover = function(){ soundManager.play('beep'); } element.onclick = function(){ var myPhoto = new Slideshow(photoId); myPhoto.nextPhoto(); soundManager.play('select'); } }, a : function(element){ element.onfocus = function(){ this.blur(); } } }; // Add window.onload event to initialize Behaviour.addLoadEvent(init); Behaviour.apply(); function init() { var myPhoto = new Slideshow(photoId); myPhoto.initSwap(); soundManagerInit(); }