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