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

var submenustatuses=new Array();
submenustatuses[4]=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='#';
   Menu4_1=$("menu4_1");Menu4_1.href='#';
   Menu4_2=$("menu4_2");Menu4_2.href='#';
   Menu4_3=$("menu4_3");Menu4_3.href='#';
   Menu4_4=$("menu4_4");Menu4_4.href='#';
   Menu4_5=$("menu4_5");Menu4_5.href='#';
   Menu4_6=$("menu4_6");Menu4_6.href='#';
   Menu4_7=$("menu4_7");Menu4_7.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',1,'4');submenustatus(4)});
   Event.observe(Menu5,"click",function(event){tocontent(event,'5',0,'0')});
   Event.observe(Menu4_1,"click",function(event){tocontent(event,'4_1',1,'4_1')});
   Event.observe(Menu4_2,"click",function(event){tocontent(event,'4_2',1,'4_2')});
   Event.observe(Menu4_3,"click",function(event){tocontent(event,'4_3',1,'4_3')});
   Event.observe(Menu4_4,"click",function(event){tocontent(event,'4_4',1,'4_4')});
   Event.observe(Menu4_5,"click",function(event){tocontent(event,'4_5',1,'4_5')});
   Event.observe(Menu4_6,"click",function(event){tocontent(event,'4_6',1,'4_6')});
   Event.observe(Menu4_7,"click",function(event){tocontent(event,'4_7',1,'4_7')});
   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 toscroll(event,which)
{
  
	var scrolldiv= $('scrolldiv');
	var contentdiv= $("mainpic");
   
	var url= './scroll'+'_'+which+'.html';
	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.25,
					afterFinish: function()
					{
						$(whichpics).update(response.responseText);
						new Effect.Appear(whichpics, {duration:0.25})
					}
				}
				)
			}
		 }
	)	 	
}

function topics(whichpics,which)
{

  	var url= './pics_4_1_1.html';
	//var url= which;
	
 	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.25,
					afterFinish: function()
					{
						//alert(whichpics+' @ '+response.responseText);
						//$(whichpics).update(response.responseText);
												$(whichpics).src=which;
						new Effect.Appear(whichpics, {duration:0.25})
						
					}
				}
				)
			}
		 }
	)	 	
}