//GLOBAL VARS
var _curSlide;


var slideMenuContainer ;
var slideMenuCover;
var slideApp;
var slideSSR;
var slideSBA;
var slideTeri;
var slideUS;
var slideTemp;
var slideAC;
var slideSAS;
var slideDess;
var slideLS;
var slideDrinks;

var menuGallery;//global to handle multiple menu galleries



window.addEvent('domready', function(){
    slideMenuContainer = new Fx.Slide('dMenuContainer', {mode: 'horizontal'});

    slideMenuCover = new Fx.Slide('dMenuCover',{duration:1500,transition: Fx.Transitions.Bounce.easeOut});
    slideApp = new Fx.Slide('dAppetizers', {mode: 'horizontal'});
    slideSSR = new Fx.Slide('dSushiSpecialRoll', {mode: 'horizontal'});
    slideSBA = new Fx.Slide('dSushiBarAppetizers', {mode: 'horizontal'});
    slideTeri = new Fx.Slide('dTeriyaki', {mode: 'horizontal'});
    slideUS = new Fx.Slide('dUdonSoup', {mode: 'horizontal'});
    slideTemp = new Fx.Slide('dTempura', {mode: 'horizontal'});
    slideAC = new Fx.Slide('dAsiaCook', {mode: 'horizontal'});
    slideSAS = new Fx.Slide('dSushiAndSashimi', {mode: 'horizontal'});
    slideDess = new Fx.Slide('dDessert', {mode: 'horizontal'});
    slideLS = new Fx.Slide('dLunchSpecial', {mode: 'horizontal'});
    slideDrinks = new Fx.Slide('dDrinks', {mode: 'horizontal'});
    
    

    function hideAllSlides()
    {
       //$('dMenuCover').effect('opacity').start(1,0);
        slideMenuCover.element.effect('opacity').set(0);
      
        //slideMenuCover.hide();
        slideApp.element.effect('opacity').set(0);
        slideSSR.element.effect('opacity').set(0);
        slideSBA.element.effect('opacity').set(0);
        slideTeri.element.effect('opacity').set(0);
        slideUS.element.effect('opacity').set(0);
        slideTemp.element.effect('opacity').set(0);
        slideAC.element.effect('opacity').set(0);
        slideSAS.element.effect('opacity').set(0);
        slideDess.element.effect('opacity').set(0);
        slideLS.element.effect('opacity').set(0);
        slideDrinks.element.effect('opacity').set(0);
    }
    
    function SwitchPane(newPane)
    {
       
        HideGallery();
      
        if (newPane == 'home')
        {
            frames['GalleryFrame'].location.href = "ssHome.html";
            ShowGallery();
        }
       
    
        $('homePane').style.display = 'none';
        $('menuPane').style.display = 'none';
        $('reviewPane').style.display = 'none';
        $('locationPane').style.display = 'none';
        
        $(newPane + 'Pane').style.display = 'block';
	    $(newPane + 'Pane').effect('opacity').set(1);
        
        
        //link colors to be sure
        $('aNavMenu').style.color = "DarkRed";
        $('aNavMenu').style.fontWeight = "normal";
        $('aNavLocation').style.color = "DarkRed";
        $('aNavLocation').style.fontWeight = "normal";
        $('aNavReview').style.color = "DarkRed";
        $('aNavReview').style.fontWeight = "normal";
        $('aNavHome').style.color = "DarkRed";
        $('aNavHome').style.fontWeight = "normal";
      
        
        //set to white manually and use UpperCase first letter for firefox
        var firstLetter = newPane.substring(0,1);
        var cap = firstLetter.toUpperCase();
        var modName = cap + newPane.substring(1);  
        $('aNav' + modName).style.color = "white";
        $('aNav' + modName).style.fontWeight = "bold";
        
        

    }
    
    function slideInAllSlides()
    {
        slideApp.slideIn();
        slideSSR.slideIn();
        slideSBA.slideIn();
        slideTeri.slideIn();
        slideUS.slideIn();
        slideTemp.slideIn();
        slideAC.slideIn();
        slideSAS.slideIn();
        slideDess.slideIn();
        slideLS.slideIn();
        slideDrinks.slideIn();
    }
    function slideOutAllSlides()
    {
        slideApp.slideOut();
        slideSSR.slideOut();
        slideSBA.slideOut();
        slideTeri.slideOut();
        slideUS.slideOut();
        slideTemp.slideOut();
        slideAC.slideOut();
        slideSAS.slideOut();
        slideDess.slideOut();
        slideLS.slideOut();
        slideDrinks.slideOut();
    }

    function HideGallery()
    {   
       // $(galleryName).effect('opacity').set(0);
   
   
       // $(galleryName).clearTimer();
        
       // destroySlideShow(galleryName);
       
       $('galleryPane').style.display = 'none';
       
       //frames['GalleryFrame'].location.href = "SlideShow.aspx?Id=Appetizers";
       
       
        
    }
    
 
    
    function ShowGallery()
    {
       // $(galleryName).effect('opacity').set(1);
  //      $(galleryName).prepareTimer();
      
 //     StartSlideShow(galleryName);
 
         $('galleryPane').style.display = 'block';
	     $('galleryPane').effect('opacity').set(1);
    }
    
    
    function toggleSlides(newSlide)
    {
       _curSlide.element.effect('opacity').set(0);
//       if (_curSlide.element.id == 'dMenuCover')
//       {
            _curSlide.toggle;
//       }
       //_curSlide.slideOut();
       //newSlide.slideIn();
       //newSlide.element.effect('opacity').set(1);
       newSlide.element.effect('opacity', {duration: 500, transition: Fx.Transitions.linear}).start(0,1);
       newSlide.toggle();
       
       _curSlide = newSlide;
       
    }
    
        $('aNavHome').addEvent('click', function(e)
        {
	    e = new Event(e);
	    //startGallery();
	    SwitchPane('home');

	    //TODO Redo this whole enabling/disabling thing -- especially with galleries
        
	    e.stop();
        });
        
    
        $('aNavLocation').addEvent('click', function(e)
        {
	    e = new Event(e);
	    SwitchPane('location');

	    e.stop();
        });
    
      $('aNavReview').addEvent('click', function(e){
	    e = new Event(e);
	    
	    SwitchPane('review');

	    e.stop();
    });
    
    $('aNavMenu').addEvent('click', function(e){
	    e = new Event(e);
	    
	    SwitchPane('menu');

	    $('dMenuContainer').effect('opacity').set(1);      
	    hideAllSlides();
        slideMenuContainer.show();
       slideMenuCover.hide();
       slideMenuCover.element.effect('opacity').set(1);
        slideMenuCover.slideIn();
        
       
	    e.stop();
    });


    $('aAppetizers').addEvent('click', function(e){
	    e = new Event(e);
	    HideGallery();
	    hideAllSlides();
	    toggleSlides(slideApp);
	    
	    //window.frames["GalleryFrame"].src = "SlideShow.aspx?Id=Appetizers";
	    
	    frames['GalleryFrame'].location.href = "ssAppetizers.html";   
	    ShowGallery();

	    
	    e.stop();
    });
    $('aSushiSpecialRoll').addEvent('click', function(e){
	    e = new Event(e);
	    HideGallery();
	    hideAllSlides();
	    toggleSlides(slideSSR);
        frames['GalleryFrame'].location.href = "ssSsr.html";
        ShowGallery();
        
	    e.stop();
    });
    $('aSushiBarAppetizers').addEvent('click', function(e){
	    e = new Event(e);
	    HideGallery();
	    hideAllSlides();
	    toggleSlides(slideSBA);
	    
	    frames['GalleryFrame'].location.href = "ssSba.html";
	    ShowGallery();

	    e.stop();
    });
    $('aTeriyaki').addEvent('click', function(e){
	    e = new Event(e);
	    HideGallery();
	    hideAllSlides();
	    toggleSlides(slideTeri);
	    frames['GalleryFrame'].location.href = "ssTeriyaki.html";
	    ShowGallery();
	    e.stop();
    });
    $('aUdonSoup').addEvent('click', function(e){
	    e = new Event(e);
	    HideGallery();
	    hideAllSlides();
	    toggleSlides(slideUS);
	    
	    //no Udon Pictures available
	    //frames['GalleryFrame'].location.href = "ssUdonSoupo.html";
	    //ShowGallery();
	    e.stop();
    });
    $('aTempura').addEvent('click', function(e){
	    e = new Event(e);
	    HideGallery();
	    hideAllSlides();
	    toggleSlides(slideTemp);
	    frames['GalleryFrame'].location.href = "ssTempura.html";
	    ShowGallery();

	    e.stop();
    });
    $('aAsiaCook').addEvent('click', function(e){
	    e = new Event(e);
	    HideGallery();
	    hideAllSlides();
	    toggleSlides(slideAC);
	    frames['GalleryFrame'].location.href = "ssAsiaCook.html";
	    ShowGallery();

	    e.stop();
    });
    $('aSushiAndSashimi').addEvent('click', function(e){
	    e = new Event(e);
	    HideGallery();
	    hideAllSlides();
	    toggleSlides(slideSAS);
	    frames['GalleryFrame'].location.href = "ssSas.html";
	    ShowGallery();

	    e.stop();
    });
    $('aDessert').addEvent('click', function(e){
	    e = new Event(e);
	    HideGallery();
	    hideAllSlides();
	    toggleSlides(slideDess);
	    frames['GalleryFrame'].location.href = "ssDessert.html";
	    ShowGallery();

	    e.stop();
    });
    $('aLunchSpecial').addEvent('click', function(e){
	    e = new Event(e);
	    HideGallery();
	    hideAllSlides();
	    toggleSlides(slideLS);
	    
	    //no Lunch Special pictures available
	    //frames['GalleryFrame'].location.href = "ssLunchSpecial.html";
	    //ShowGallery();
	    
	    
	    e.stop();
    });
     $('aDrinks').addEvent('click', function(e){
	    e = new Event(e);
	    HideGallery();
	    hideAllSlides();
	    toggleSlides(slideDrinks);
	    
	    //no Lunch Special pictures available
	    //frames['GalleryFrame'].location.href = "ssLunchSpecial.html";
	    //ShowGallery();
	    
	    
	    e.stop();
    }); 
    
//        function startHomeGallery() {
////            var myGallery = new gallery($('homeGallery'), {
////            timed: true,
////            delay: 4000,
////            showCarousel: false,
////            embedLinks:false,
////            showInfopane:false,
////            showArrows:false
////            });
//            
//            
//            myGallery = null;//ensure any previous one is null
//    
//            myGallery = new gallery($('homeGallery'), {
//            timed: true,
//            delay: 4000,
//            embedLinks:false,
//            showInfopane:true,
//            showArrows:false
//            });
//            myGallery.showCarousel();


//            
//        }
//        
//        function StopAllMenuGalleries()
//        {
//            StopGallery('AppetizersGallery');
//            StopGallery('SsrGallery');
//        }
        
//        function startMenuGallery(galleryName) {
//        //function startMenuGallery(){
//        
//            
//      //      StopAllMenuGalleries();
//            
//           //myGallery = null;//ensure any previous one is null
//            myGallery = new gallery($(galleryName), {
//            timed: true,
//            delay: 6000,
//            embedLinks:false,
//            showInfopane:true,
//            showArrows:false
//            });
//          StartGallery(galleryName);
//          myGallery.showCarousel();
//          
//          
//      
//				});
//        }
        


    //UPON LOADING
 //    startHomeGallery();disable for now
  //  SwitchPane('home');

    
    
    SwitchPane('home');
    //$('homePane').style.display = 'block';
    _curSlide = slideMenuCover;
});