var globalStartOpacity = 0.35;
var slideshow = ['slide-01', 'slide-02', 'slide-03', 'slide-04', 'slide-05', 'slide-06', 'slide-07', 'slide-08', 'slide-09', 'slide-10' ];
var currentSlide = 0;
document.observe("dom:loaded", function() {
initInterface();
eventsHandler();
});
function initInterface(){
$$('div.placard').each(function(s){
s.setOpacity(globalStartOpacity);
});
}
function eventsHandler(){
// MAP
$('map-button').observe('click', function(){
$('map-container').appear({duration: 0.35});
loadMap();
});
$('map-button').observe('mouseover', function(){
$('map-button').appear({ from: globalStartOpacity, to: 1.0, duration: 0.35 });
});
$('map-button').observe('mouseout', function(){
$('map-button').fade({ from: 1.0, to: globalStartOpacity, duration: 0.35 });
});
$('map-container-close').observe('click', function(){
$('map-container').fade({ duration: 0.35 });
});
//GALLERY
$('gallery-button').observe('click', function(){
$('gallery').appear({
duration: 0.35,
afterFinish: showPhoto(0)
});
});
$('gallery-close').observe('click', function(){
$('gallery').fade({ duration: 0.35 });
});
$('gallery-rw').observe('click', function(){
showPhoto(-1);
});
$('gallery-fw').observe('click', function(){
showPhoto(+1);
});
//ADDRESS
$('address-button').observe('click', function(){
$('zoomed-address').appear({duration: 0.35});
});
$('address-button').observe('mouseover', function(){
$('address-button').appear({ from: globalStartOpacity, to: 1.0, duration: 0.35 });
});
$('address-button').observe('mouseout', function(){
$('address-button').fade({ from: 1.0, to: globalStartOpacity, duration: 0.35 });
});
$('zoomed-address-close').observe('click', function(){
$('zoomed-address').fade({ duration: 0.35 });
});
//GLOBAL NAVIGATION
$('home-button').observe('click', function(){
showContent('home','0 0');
});
$('menu-button').observe('click', function(){
showContent('menu', '0 -45px');
});
$('vini-button').observe('click', function(){
showContent('vini', '0 -90px');
});
$('ricetta-button').observe('click', function(){
showContent('ricetta', '0 -135px');
});
$('book-button').observe('click', function(){
showContent('book','0 -180px');
});
$('extlinks-button').observe('click', function(){
showContent('link','0 -225px');
});
//MENU NAVIGATION
$('antipasti-button').observe('click', function(){
new Effect.Move('menu-arrow', {
x: 50,
y: 25,
mode: 'absolute'
});
showMenuContent('antipasti');
});
$('primi-button').observe('click', function(){
new Effect.Move('menu-arrow', {
x:120,
y: 25,
mode: 'absolute'
});
showMenuContent('primi');
});
$('secondi-button').observe('click', function(){
new Effect.Move('menu-arrow', {
x:180,
y: 25,
mode: 'absolute'
});
showMenuContent('secondi');
});
$('dessert-button').observe('click', function(){
new Effect.Move('menu-arrow', {
x:260,
y: 25,
mode: 'absolute'
});
showMenuContent('dolci');
});
$('stagione-button').observe('click', function(){
new Effect.Move('menu-arrow', {
x:360,
y: 25,
mode: 'absolute'
});
showMenuContent('stagione');
});
}
function showContent(contentToshow, bgPos) {
$$('div.content').each(function(s){
s.fade({duration:0.25});
});
$('crumb').fade({
duration:0.25,
afterFinish: function(){
$(contentToshow + '-contents').appear({duration:0.25});
$('crumb').setStyle({backgroundPosition: bgPos});
$('crumb').appear({duration:0.35});
}
});
}
function showMenuContent(contentToshow) {
$$('div.menu-content').each(function(s){
s.fade({
duration:0.35,
queue:{
scope:'mqueue',
position:'front'
}
});
});
$(contentToshow + '-contents').appear({
duration:0.35,
queue:{
scope:'mqueue',
position:'end'
}
});
}
function loadMap() {
$('map').update('
View Larger Map');
};
function showPhoto(direction) {
if(direction == -1 && currentSlide == 0){
currentSlide = slideshow.size() - 1;
} else if (direction == -1 && currentSlide > 0) {
currentSlide = currentSlide + direction;
};
if(direction == +1 && currentSlide == (slideshow.size()-1)){
currentSlide = 0;
} else if (direction == +1 && currentSlide < (slideshow.size()-1)) {
currentSlide = currentSlide + direction;
};
nextSlideNum = 0;
slide = 'media/'+ slideshow[currentSlide]+'.png';
$('gallery-contents').src = slide;
//console.log(slideshow);
//debugger;
}