var scroller1;
var i=0;
var scrollwidth=575;
var scrollingdiv_width=117;
var scrollings_amount=3;
var prev_direction_status=0;
var direction_status=0;

var submenustatuses=new Array();
submenustatuses[5]=0;

function submenustatus(which)
{
	//alert('submenu'+which+' = '+submenustatuses[which]);
	if(submenustatuses[which]==0)
	{
		submenustatuses[which]=1;
		Effect.BlindDown('submenu'+which);
	}	
	else
	{
		submenustatuses[which]=0;
		Effect.BlindUp('submenu'+which);
	}	
}

function scrollstart(direction)
{
  if(direction_status==0&&direction!=0)
  {
    direction_status=direction;
    scroller1=window.setInterval('scroll('+direction+')',20);
  }
  if(direction_status!=0&&direction!=direction_status)
  {
    scrollstop();
    direction_status=direction;
    scroller1=window.setInterval('scroll('+direction+')',20);
  }      
}
function scrollstop()
{
  prev_direction_status=direction_status;
  direction_status=0;
  scrollerend=window.clearInterval(scroller1);
}
function scroll(direction)
{
  for (var j=1;j<=scrollings_amount;j++) 
  {
        document.getElementById('scroller'+j).style.left=i-(scrollingdiv_width* scrollings_amount)+"px";
  }  
  if(direction>0)
  {
      if(i<=scrollwidth+((scrollingdiv_width* scrollings_amount)))
        i=i+direction;
      else
        i=0;
  }
  if(direction<0)
  {
    if(i>=0)
      i=i+direction;
    else
      i=scrollwidth+(scrollingdiv_width* scrollings_amount);
  }
}
function scrollrestart()
{
  scrollstart(prev_direction_status);
}
function allscrollstop()
{
  prev_direction_status=0;
  direction_status=0;
}  
  
  
//Event.observe(window, "load",menuinit);
var contentdiv_position='h';

function menuinit()
{
   Menu1 = $("menu1");Menu1.href='#';
   Menu2 = $("menu2");Menu2.href='#';
   Menu3 = $("menu3");Menu3.href='#';
   Menu4 = $("menu4");Menu4.href='#';
   Menu5 = $("menu5");Menu5.href='#';
   Menu5_1=$("menu5_1");Menu5_1.href='#';
   Menu5_2=$("menu5_2");Menu5_2.href='#';
   Menu5_3=$("menu5_3");Menu5_3.href='#';
   Menu5_4=$("menu5_4");Menu5_4.href='#';
   Menu5_5=$("menu5_5");Menu5_5.href='#';
   Menu5_6=$("menu5_6");Menu5_6.href='#';
   Menu5_7=$("menu5_7");Menu5_7.href='#';
   Menu5_8=$("menu5_8");Menu5_8.href='#';
   Menu5_9=$("menu5_9");Menu5_9.href='#';
   Menu20=$("menu20");Menu20.href='#';
   Menu21=$("menu21");Menu21.href='#';
   
   //scrollstart(2);
   Event.observe(Menu1,"click",function(event){tocontent(event,'1',0,'0')});
   Event.observe(Menu2,"click",function(event){tocontent(event,'2',0,'0')});
   Event.observe(Menu3,"click",function(event){tocontent(event,'3',0,'0')});
   Event.observe(Menu4,"click",function(event){tocontent(event,'4',0,'0')});
   Event.observe(Menu5,"click",function(event){tocontent(event,'5',1,'5');submenustatus(5)});
   Event.observe(Menu5_1,"click",function(event){tocontent(event,'5_1',1,'5_1')});
   Event.observe(Menu5_2,"click",function(event){tocontent(event,'5_2',1,'5_2')});
   Event.observe(Menu5_3,"click",function(event){tocontent(event,'5_3',1,'5_3')});
   Event.observe(Menu5_4,"click",function(event){tocontent(event,'5_4',1,'5_4')});
   Event.observe(Menu5_5,"click",function(event){tocontent(event,'5_5',1,'5_5')});
   Event.observe(Menu5_6,"click",function(event){tocontent(event,'5_6',1,'5_6')});
   Event.observe(Menu5_7,"click",function(event){tocontent(event,'5_7',1,'5_7')});
   Event.observe(Menu5_8,"click",function(event){tocontent(event,'5_8',1,'5_8')});
   Event.observe(Menu5_9,"click",function(event){tocontent(event,'5_9',1,'5_9')});
   Event.observe(Menu20,"click",function(event){tocontent(event,'20',0,'0')});
   Event.observe(Menu21,"click",function(event){tocontent(event,'21',0,'0')});  
}

/*function tocontent(event,which,scroller_status,whichscroll)
{
  
  var contentdiv= $('mainpic');
  var scrolldiv= $('scrolldiv');
  contentdiv.update("<table style='width:100%;height:100%'><tr><td style='text-align:center'><img src=\"./pics/ajax-loader.gif\" alt=\"betöltés\" /></td></tr></table>");
  
  //alert(contentdiv_position+' - '+scroller_status);
  if(contentdiv_position=='l'&&scroller_status==1)
  {
	new Effect.Fade('scrolldiv',
	{
		duration: 1.0,
		afterFinish: function()
		{
			scrollstop();
			allscrollstop();
			scrolldiv.update('');
			new Effect.Morph('mainpicframe',
			{
				style:'height:473px',
				duration:1.0,
				afterFinish: function()
				{
					new Effect.Morph('mainpicframe',
					{
						style:'height:350px',
						duration:1.0,
						afterFinish: function()
						{
							toscroll(event,whichscroll);
							new Effect.Appear('scrolldiv',{duration:0.5});
							contentdiv_position='l';
						}
					}
					)
				}
			}
			)
		}
	}
	)	
  }
  if(contentdiv_position=='h'&&scroller_status==1)
  {
	new Effect.Morph('mainpicframe',
	{
		style:'height:350px',
		duration:1.0,
		afterFinish: function()
		{
			toscroll(event,whichscroll);
			new Effect.Appear('scrolldiv',{duration:0.5});
			contentdiv_position='l';
		}
	}
	)
  }    
  if(contentdiv_position=='l'&&scroller_status==0)
  {
	new Effect.Fade('scrolldiv',
	{
		duration: 1.0,
		afterFinish: function()
		{
			scrollstop();
			allscrollstop();
			scrolldiv.update('');
			new Effect.Morph('mainpicframe',{style:'height:473px',duration:1.0});
			contentdiv_position='h';
		}
	}
	)	
  }    
  
  	var url= './content'+'_'+which+'.html';
 	var params='sid='+ new Date().getTime();
	var ajax = new Ajax.Request
	(
		url,
		{
			method: "get",
			parameters: params,
			evalScripts:true,
			onException: function (response){},
			onComplete: function(response)
			{
				new Effect.Fade('mainpic',
				{
					duration: 0.25,
					afterFinish: function()
					{
						$('mainpic').update(response.responseText);
						new Effect.Appear('mainpic', {duration: 0.25})
					}
				}
				)
			}
		 }
	)	
}*/

function tocontent(event,which,scroller_status,whichscroll)
{
  
  var contentdiv= $('mainpic');
  var scrolldiv= $('scrolldiv');
  contentdiv.update("<table style='width:100%;height:100%'><tr><td style='text-align:center'>&nbsp</td></tr></table>");
  
  //alert(contentdiv_position+' - '+scroller_status);
  if(contentdiv_position=='l'&&scroller_status==1)
  {
	new Effect.Fade('scrolldiv',
	{
		duration: 0.6,
		afterFinish: function()
		{
			scrollstop();
			allscrollstop();
			scrolldiv.update('');
			new Effect.Morph('mainpicframe',
			{
				style:'height:473px',
				duration:0.6,
				afterFinish: function()
				{
					new Effect.Morph('mainpicframe',
					{
						style:'height:350px',
						duration:0.6,
						afterFinish: function()
						{
							toscroll(event,whichscroll);
							new Effect.Appear('scrolldiv',{duration:0.6});
							contentdiv_position='l';
						}
					}
					)
				}
			}
			)
		}
	}
	)	
  }
  if(contentdiv_position=='h'&&scroller_status==1)
  {
	new Effect.Morph('mainpicframe',
	{
		style:'height:350px',
		duration:0.6,
		afterFinish: function()
		{
			toscroll(event,whichscroll);
			new Effect.Appear('scrolldiv',{duration:0.6});
			contentdiv_position='l';
		}
	}
	)
  }    
  if(contentdiv_position=='l'&&scroller_status==0)
  {
	new Effect.Fade('scrolldiv',
	{
		duration: 0.6,
		afterFinish: function()
		{
			scrollstop();
			allscrollstop();
			scrolldiv.update('');
			new Effect.Morph('mainpicframe',{style:'height:473px',duration:0.6});
			contentdiv_position='h';
		}
	}
	)	
  }    
  
  var url= './content'+'_'+which+'.html';
 	var params='sid='+ new Date().getTime();
	var ajax = new Ajax.Request
	(
		url,
		{
			method: "get",
			parameters: params,
			evalScripts:true,
			onException: function (response){},
			onComplete: function(response)
			{
				new Effect.Fade('mainpic',
				{
					duration: 0.0,
					afterFinish: function()
					{
						$('mainpic').update(response.responseText);
						new Effect.Appear('mainpic', {duration: 0.0})
					}
				}
				)
			}
		 }
	)	
}

function toscroll(event,which)
{
  
	var scrolldiv= $('scrolldiv');
	var contentdiv= $("mainpic");
   
	//var url= './scroll'+'_'+which+'.html';
	var url= './scroll'+'_'+which+'.php';
	var params='sid='+ new Date().getTime();
	var ajax = new Ajax.Updater(
		scrolldiv,
		url,
		{
			method: "get",
			parameters: params,
			evalScripts:true,
			onException: changescrollerror,
			onComplete: changescroll,
			onSuccess: changescrollSuccess			
		}
		);
}
function changescrollerror()
{
  //alert('Valami baj van a letöltéssel!');
  //alert('Error');
}
function changescrollloading()
{
	
}
function changescroll()
{
	
  //alert('complete');
}
function changescrollSuccess()
{
	$('scrolldiv').appear();
}

function toscrollpics(whichpics,which)
{
  
  	var scrollpicsdiv= $('whichpics');

  	var url= './scrollpics'+'_'+which+'.html';
 	var params='sid='+ new Date().getTime();
	var ajax = new Ajax.Request
	(
		url,
		{
			method: "get",
			parameters: params,
			evalScripts:true,
			onException: function (response){},
			onComplete: function(response)
			{
				new Effect.Fade(whichpics,
				{
					duration: 0.0,
					afterFinish: function()
					{
						$(whichpics).update(response.responseText);
						new Effect.Appear(whichpics, {duration: 0.0})
					}
				}
				)
			}
		 }
	)	 	
}
Pic = new Array();
function tosmallpic(Pic_id,Pico_src)
{
	
	/*$('pic'+Pic_id).src=Pico_src;
	Pic[i] = $('pic'+Pic_id);*/
	new Effect.Fade($('pic'+Pic_id),
	{
		duration: 0.0,
		afterFinish: function()
		{
			//alert(whichpics+' @ '+response.responseText);
			//$(whichpics).update(response.responseText);
			$('pic'+Pic_id).src=Pico_src;
			new Effect.Appear($('pic'+Pic_id), {duration: 0.0});				
		}
	}
	)
}