document.observe('dom:loaded', function () { 
    gallery();
	menuover();
	pageconfigs();
	
	menuover = new Image(); 
	menuover.src = "/templates/sisasivu/images/menuover.png";
});
function gallery() {
    if(!$('my-glider')) return false;
    
    pyoritys = setInterval('autoslider()', 10000);

    $$('a.option').each(function(s) {
       
       s.observe('click', function() {

           galleryNumber(this.id);
          
       });
    });
    

    
    $$('.prev').each(function(s){
        s.observe('click', function() {
         if($$('a.active')[0] == $$('a.option')[0]) {
            num = $$('a.option').length -1;
            galleryNumber($$('a.option')[num].id);
            }
            else galleryNumber($$('a.active')[0].previous(0).id);
            
            clearInterval(pyoritys);
            pyoritys = setInterval('autoslider()', 10000);
            
        });
    });
    $$('.next').each(function(s){
        s.observe('click', function() {
        num = $$('a.option').length -1;
         if($$('a.active')[0] == $$('a.option')[num]) {
            
            galleryNumber($$('a.option')[0].id);
            }
            else galleryNumber($$('a.active')[0].next(0).id);
            
            clearInterval(pyoritys);
            pyoritys = setInterval('autoslider()', 10000);
           
        });
    });    
    
    $$('.option').each(function(s){
        s.observe('click', function() {
            clearInterval(pyoritys);
            pyoritys = setInterval('autoslider()', 10000);
        });
    });
    
    
}

function galleryNumber(elementid) {
    
     $$('a.option').each(function(s) {
                 s.removeClassName('active');
              });
     $(elementid).addClassName('active');
}

function autoslider() {
    my_glider.next();

    num = $$('a.option').length -1;
    if($$('a.active')[0] == $$('a.option')[num]) {

    galleryNumber($$('a.option')[0].id);
    }
    else galleryNumber($$('a.active')[0].next(0).id);
}


function menuover()
{
	if(!$('menu')) return false;
	
	$$('.menuOverDiv table').each(function(k,index) {
		k.writeAttribute('style','');
		k.addClassName('menuoverTable');
	});
	
	$$('.menuOverDiv td').each(function(k,index) {
		k.writeAttribute('style','');
		if(index%2){
			k.addClassName('td2');
		}
		else {
			k.addClassName('td1');
		}
	});
	
	$$('.menuOverDiv').each(function(k){
		overlinklist = new Element('div',{'class':'overlinklist'});
		clearDiv = new Element('div',{'class':'clear'});
		
		footerlinks = $$('#footerlinklist .'+k.id)[0].innerHTML;
		overlinklist.innerHTML = footerlinks;
		overlinklist.insert({top:'<h1>Content</h1>'});
		k.insert({top:overlinklist});
		k.insert(clearDiv);
	});
	
	$$('.overlinklist ul').each(function(k,index){
		i = 0;
		k.childElements().each(function(c){
			if(i%2) {
			c.addClassName('colorRow2');
			}
			else c.addClassName('colorRow1');
			i++;
		});
	});
	
	$$('#menu a').each(function(s){

		s.observe('mouseenter', function(event) {
			s.getDimensions().width;
			leftpx = s.positionedOffset()[0] + $$('.topmenu')[0].positionedOffset()[0] + (s.getDimensions().width / 2) -24;
			$('menuover').addClassName('active');
			$('menuover').setStyle({display:'block', opacity:1.0});
			$('menunuoli').setStyle({left: leftpx+'px'});
			
			$$('.menuOverDiv').each(function(p) {
				p.setStyle({display: 'none'});
				
				if(s.up(0).hasClassName(p.id))
					{
						p.setStyle({display:'block', opacity:1.0});
					}
			});
			
			
		});
		s.observe('mouseleave', function(event) {

			$('menuover').removeClassName('active');
			
		});
	});	
	$('menuover').observe('mouseenter', function(event) {
		$('menuover').addClassName('active');
	});	
	
	$('menuover').observe('mouseleave', function(event) {
		$('menuover').removeClassName('active');
	});
	
	setInterval('menuoverCheck()',500);

}
function menuoverCheck()
{
	if(!$('menuover').hasClassName('active')) {
		//$('menuover').setStyle({display:'none'});
		$('menuover').fade({duration: 0.2});
	
	}
	else {
		$('menuover').setStyle({display:'block', opacity:1.0});
	}

}

function pageconfigs() {
	if($('page43')) {
		
		$$('.pagecontent table', '.pagecontent td').each(function(k) {
			k.writeAttribute('style','');
		});
	}	
	if($('page34')) {
		
		$$('#right table', '#right td').each(function(k) {
			k.writeAttribute('style','');
		});
	}
}