| 1 | <script type="text/javascript"> |
|---|
| 2 | var InterfaceInit = Class.create( { |
|---|
| 3 | |
|---|
| 4 | initialize: function() |
|---|
| 5 | { |
|---|
| 6 | /** *********** CONTAINERS *********** **/ |
|---|
| 7 | this.containerSlideshow = $( "#slideshow" ); |
|---|
| 8 | this.containerSlides = $( "#slides" ); |
|---|
| 9 | this.containerScrollNews = $( "#scrollNews" ); |
|---|
| 10 | |
|---|
| 11 | /** ************ EVENTS ************ **/ |
|---|
| 12 | this.launchSlideShow(); |
|---|
| 13 | this.launchScrollNews(); |
|---|
| 14 | this.createSlides(); |
|---|
| 15 | }, |
|---|
| 16 | |
|---|
| 17 | // CREATES ******************************************************** |
|---|
| 18 | createSlides: function() |
|---|
| 19 | { |
|---|
| 20 | var contentSlideActivities = "project?methodName=viewSlideActivities"; |
|---|
| 21 | var contentSlideData = "project?methodName=viewSlideData"; |
|---|
| 22 | var contentSlideDataBases = "project?methodName=viewSlideDatabases"; |
|---|
| 23 | var contentSlideServices = "project?methodName=viewSlideServices"; |
|---|
| 24 | |
|---|
| 25 | var slideEther = new VerticalSlide( {title:initTexts["home.main.activities"], parent:this.containerSlides, id:"slide_activities", titleId:"slide_activities_title", contentId:"slide_activities_content", |
|---|
| 26 | contentPage:contentSlideActivities, timeToSlide:100 } ); |
|---|
| 27 | var slideData = new VerticalSlide( {title:initTexts["home.data"], parent:this.containerSlides, id:"slide_data", titleId:"slide_data_title", contentId:"slide_data_content", |
|---|
| 28 | contentPage:contentSlideData} ); |
|---|
| 29 | var slideDataBases = new VerticalSlide( {title:initTexts["home.databases"], parent:this.containerSlides, id:"slide_databases", titleId:"slide_databases_title", contentId:"slide_databases_content", |
|---|
| 30 | contentPage:contentSlideDataBases} ); |
|---|
| 31 | var slideServices = new VerticalSlide( {title:initTexts["home.services"], parent:this.containerSlides, id:"slide_services", titleId:"slide_services_title", contentId:"slide_services_content", |
|---|
| 32 | contentPage:contentSlideServices} ); |
|---|
| 33 | |
|---|
| 34 | // slideEther.onClickTitle(); |
|---|
| 35 | slideData.onClickTitle(); |
|---|
| 36 | }, |
|---|
| 37 | |
|---|
| 38 | // EVENTS ******************************************************** |
|---|
| 39 | |
|---|
| 40 | // OTHERS ******************************************************** |
|---|
| 41 | launchSlideShow: function() |
|---|
| 42 | { |
|---|
| 43 | // Launch slide |
|---|
| 44 | this.containerSlideshow.craftyslide( { |
|---|
| 45 | 'width': 450, |
|---|
| 46 | 'height': 140, |
|---|
| 47 | 'pagination': false, |
|---|
| 48 | 'fadetime': 1000, |
|---|
| 49 | 'delay': 5000 |
|---|
| 50 | } ); |
|---|
| 51 | } |
|---|
| 52 | , |
|---|
| 53 | |
|---|
| 54 | launchScrollNews: function() |
|---|
| 55 | { |
|---|
| 56 | this.containerScrollNews.vTicker( { |
|---|
| 57 | speed: 500, |
|---|
| 58 | pause: 2500, |
|---|
| 59 | showItems: 4, |
|---|
| 60 | animation: 'fade', |
|---|
| 61 | mousePause: true, |
|---|
| 62 | height: 0, |
|---|
| 63 | direction: 'down' |
|---|
| 64 | } ); |
|---|
| 65 | } |
|---|
| 66 | |
|---|
| 67 | } ) |
|---|
| 68 | ; |
|---|
| 69 | |
|---|
| 70 | </script> |
|---|
