document.observe('dom:loaded', function () { 
   menu();
   bulletinList();
   start();
   tuotteetTable();
   productsHashview();
});

function start() {
    if(!$$('div.bg')[0]) return false;
          
    if($('container').getHeight() < document.viewport.getDimensions().height) {
    
        $$('div.bg')[0].setStyle({height: document.viewport.getDimensions().height+'px'});
    
    }
    
    
}



function menu() {
    if(!$('menu')) return false;
    
    onmouseProcess = new Array();
    process = false; 
    processend = false;
    mouseOn = new Array();
    
    for(i=0; i<$$('#menu a').length; i++) {
        
    $$('#menu a span')[i].id = "elem" + i;
	
	onmouseProcess[i] = 0;
    mouseOn[i] = false; 
	
		$$('#menu a')[i].onmouseover = function () {
			            
			num = $$('span.' + this.className)[0].id.gsub('elem','');
			
			onmouseProcess[num] = 2;
			
		};
		
		$$('#menu a')[i].onmouseout = function () {
			
			num = $$('span.' + this.className)[0].id.gsub('elem','');
			
			onmouseProcess[num] = 1;
		};    

    }
    
    setInterval(menuEffect,10);
    
    
}

function menuEffect() {
    for (i = 0; i < onmouseProcess.length; i++) {

        if (onmouseProcess[i] == 2 ) {
          onmouseProcess[i] = 0;
        
      
            mouseOn[i] = true;
		   
            elem = "elem" + i;
             // alert(elem);
            // $(elem).addClassName('mouseover');
              	new Effect.Morph($(elem), {
		style: 'opacity: 0.0; ', duration: 0.15, beforeStart: function () {process = true;}, afterFinish: function () {process = false;}
		});
 
        }
         else if (onmouseProcess[i] == 1) {
               
            
                //  alert(i)
                
            if(process == false) {
             onmouseProcess[i] = 0;
             elem = "elem" + i;
             
          //   $(elem).setStyle({display: 'block'});
             
           	new Effect.Morph($(elem), {
		style: 'opacity: 1.0; ', duration: 0.15, beforeStart: function () {process = true;}, afterFinish: function () {process = false;}
		});
            }
        } 
    }
}

function tuotteet(product) {
     if(!$('tuoteOverlay')) return false;
    $('tuoteOverlay').setStyle({display: 'block', opacity: '0.75'});
    $('tuoteOverlay').onclick = function() {sulje();};
    kesk = document.viewport.getWidth() - $('products').getWidth();
    kesk = kesk / 2;

  
    $$('.productGroup').each(function(s) {
        s.setStyle({display: 'none'});
    });

    
    $('products').setStyle({left: kesk+'px'});
   // $('products').setStyle({display: 'block', opacity: '0.0'});
    
   // $('products').morph('opacity: 1.0',{duration: 0.4});
    if ($('products').getStyle('display') == 'none') {
    $('products').setStyle({display: 'block', opacity: '0.0',left: kesk+'px'});
    $('products').morph('opacity: 1.0',{duration: 0.4});
    }
    
   // $(product).setStyle({display: 'block'});
    $(product).appear({duration: 0.2});

     $$('#carouselMenu a').each(function(p) {
        p.removeClassName('active');
    });
    
    var num;
    
    $$('.productGroup').each(function(k, index) {
        if(k.id == product) num = index;
    });
    
    $('carouselmenu'+num).addClassName('active');
    
    hash = location.hash.split('&')[0].substring(6);
  //  alert(hash);
     anch = location.hash.split('&')[1];
     
      location.hash ="view="+product;

    

}
function sulje() {
    $('products').fade({duration: 0.2, afterFinish: function() {$('tuoteOverlay').setStyle({display: 'none'});}});
    location.hash = "";
}

function tuotteetTable() {
    if(!$('tuotetable')) return false;
        
    $$('#tuotetable a').each(function(s) {
          
        s.onmouseout = function() {
        
             $$('#tuotetable a').each(function(s) {
                 s.setStyle({opacity: '0.75'});
             });

       };
       s.onmouseover = function() {
       
              $$('#tuotetable a').each(function(s) {
                 s.setStyle({opacity: '0.75'});
             });
       
            this.setStyle({opacity: '1.0'});
       };
       
    });

    $('tuotetable').onmouseout = function() {
             $$('#tuotetable a').each(function(s) {
                 s.setStyle({opacity: '1.00'});
             });
            
    };
    
    
}

function bulletinList() {

    if(!$('bulletinList')) return false;
     $('bulletinList').insert('<div id="pageNumbers"></div>');
     
     pageNum = 1;
     
    for (i = 0; i < $$('#bulletinList .bulletinPage').length; i++) {
    
        $$('#bulletinList .bulletinPage')[i].setStyle({display: 'none'});
        $$('#bulletinList .bulletinPage')[0].setStyle({display: 'block'});
        if (!$$('#bulletinList .bulletinPage')[i].empty()) { 
         $('pageNumbers').insert('<a href="javascript:bulletinPage('+pageNum+');" id="bulletinPageNum'+pageNum+'">'+pageNum+'</a> ');
        pageNum++;
        }
    }
   if($("bulletinPageNum1"))  $("bulletinPageNum1").addClassName('active');
    
}


function bulletinPage(pageNum) {

    page = "page" + pageNum;
    bulletinPageNum = "bulletinPageNum" + pageNum;
    
    for (i = 0; i < $$('#bulletinList .bulletinPage').length; i++) {
    
        $$('#bulletinList .bulletinPage')[i].setStyle({display: 'none'});
    }
    
    for (i = 0; i < $$('#pageNumbers a').length; i++) {
        
        $$('#pageNumbers a')[i].removeClassName('active');
    
    }
    
    $(bulletinPageNum).addClassName('active');
    
    
    $(page).setStyle({display: 'block'});
    

}

function productsHashview() {
    if(!$('products')) return false;
    anch = location.hash.split('&')[0].substring(6);
    
    
    $$('.productGroup').each(function(s) {
        if(anch == s.id) {
         tuotteet(anch);
        }
    });
    
}