var level,slevel,timer;
var oddeven = 1;
var ready = 1;
var menuhover = [];
menuhover[4] = 0;
//var ie=true;




$(document).ready(function() {
		
	init_css();
	
	setTimeout("menu_click('2-1');",400);

});


window.onresize = function(){
	init_onresize();
}


function hidethumb(id) {
	setTimeout("$('"+id+" .thumb').css({display: 'none'});",800);
}



function menu_click(id) {
	sid = id.split("-");
	ready = 0;
	menuhover[sid[0]] = sid[1];
	var i,j;
	var s0 = sid[0]+1;
	//alert(sid[0]+sid[1]);
	
	
	
	for(j=1;j<=3;j++){
		for(i=1;i<=23;i++) {
			$('#mainmenu-'+j+'-'+i+' .normal').unbind('mouseover');
			$('#mainmenu-'+j+'-'+i+' .normal').unbind('mouseout');
			
			if(menuhover[j+1]==i) {
				$('#mainmenu-'+j+'-'+i+' .over').css({ opacity: 1 });
			}
		}
	}
	
	
	//$("#mainmenu-"+level+"-"+sid[1]).css({border:"1px solid red"});
	timer = 0;
	if(level>=sid[0]) {
		if(level==3 && sid[0]==2) {
			slide(3,180,0);
			setTimeout("slide(2,0,0);",400);
			timer=800;
			setTimeout("$('#body-column-3').html('');",800);
			menuhover[3]=0;
			menuhover[4]=0;
		}
		if(level==3 && sid[0]==3) {
			slide(3,180,0);
			timer=800;
		}
		if(level>3 && sid[0]==3) {
			slide(4,160,0);
			setTimeout("slide(3,180,0);",400);
			timer=1200;
			setTimeout("$('#body-column-4').html('');",1200);
			menuhover[4]=0;
		}
		if(level>3 && sid[0]==2) {
			slide(4,160,0);
			setTimeout("slide(3,180,0);",500);
			setTimeout("slide(2,0,0);",1000);
			timer=1600;
			setTimeout("$('#body-column-4').html(''); $('#body-column-3').html('');",1600);
			menuhover[4]=0;
			menuhover[3]=0;
		}
		if(level==4 && sid[0]==4) {
			slide(4,160,0);
			timer=800;
		}
		if (level==2) {
			slide(2,0,0);
			timer = 800;
		}
		if (level==1) {
			slide(2,0,0);
			timer = 800;
		}
	}
	
	xleft = (sid[0]-1)*181;
	var p;
	if (sid[0]==4) p = "page-"+sid[0]+".php?q="+sid[1];
	else p = "page-"+sid[0]+"-"+sid[1]+".html";
	setTimeout("vborder("+sid[0]+","+sid[1]+"); $('#body-column-"+sid[0]+"').load('"+p+"', function(resp,stat,xhr) { slide("+sid[0]+","+xleft+",1); ready=1; hidethumb('#mainmenu-li-"+level+"-"+sid[1]+"'); });",timer);
	
	level = sid[0];
	slevel = sid[1];
	
}

function vborder(a,b) {
	if(a==2 && b==1) {
		$('#body-column-2').css({marginLeft: '-600px'});
		$('#body-column-2.c180').css({borderRight: 'none'});
	} else $('#body-column-2.c180').css({borderRight: '1px solid #e5e5e6'});
}

function slide(id,x,o) {

	// fuckin' microsoft ie, or normal browser
	if(ie==1) {
		$('#body-column-'+id).fadeIn(800);
		$('#body-column-'+id).animate({
			marginLeft:x+'px'
		},{
			duration: 800, easeMethod: 'bounceout',queue: false
		});
		if(o<0.5) $('#body-column-'+id).fadeOut(800);
	} else {
		
		$('#body-column-'+id).animate({ marginLeft:x+'px', opacity: o  },{ duration: 800, easing: 'easeInOutQuart'});
		
	}
	
	if(sid[0]==2 && sid[1]==1) {
		var x2,x3;
		if(x>100) { x2=392; x3=602;}
		else {x2=0;x3=0;}
		setTimeout("$('#page-2-1-col2').animate({ marginLeft:'"+x2+"px' },{ duration: 800, easeMethod: 'bounceout',queue: false });",400);
		setTimeout("$('#page-2-1-col3').animate({ marginLeft:'"+x3+"px' },{ duration: 800, easeMethod: 'bounceout',queue: false });",800);
	}
}




function init_onresize() {
	var wh = document.documentElement.clientHeight;
	$('.hmax').css({height:wh+'px'});
	$('.c180').css({height:wh+'px'});
	$('.c402').css({height:wh+'px'});
	$('.normal').css({opacity:1});
}


function init_css() {

	init_onresize();
	var i,j,x,y,yover;
	
	
	$(".visit").mouseover(function(){
		$(".visit-inner").fadeIn(50);
	});
	
	
	$(".visit-inner").stop().mouseout(function(){
		$(this).fadeOut(300);
	});
	
	$("#roomba-logo").mouseover(function(){
		//$("#roomba-logo-over").fadeIn(100);
		$('#roomba-logo-xtend').stop().animate({ width: '888px' }, { duration: 300, easing: 'easeInOutCirc' });
	});
	
	$("#roomba-logo-xtend").mouseout(function(){
		//$("#roomba-logo-over").stop().fadeOut(300);
		$('#roomba-logo-xtend').stop().animate({ width: '0px' }, { duration: 300, easing: 'easeInOutCirc' });
	});
	
	
	for(j=1;j<=2;j++){
		x=(j-1)*176;
		for(i=1;i<=8;i++) {
			y=(i-1)*24;
			yover=240+(i-1)*24;
			
			$('#mainmenu-'+j+'-'+i+' .normal').css({backgroundPosition: '-'+x+'px -'+y+'px'});
			$('#mainmenu-'+j+'-'+i+' .over').css({backgroundPosition: '-'+x+'px -'+yover+'px', position: 'absolute'});
			if(menuhover[j+1]==i) {
				$('#mainmenu-'+j+'-'+i+' .normal').unbind('mouseover');
				$('#mainmenu-'+j+'-'+i+' .normal').unbind('mouseout');
				$('#mainmenu-'+j+'-'+i+' .over').css({ opacity: 1 });
			} else {
				$('#mainmenu-'+j+'-'+i+' .normal').mouseover(function(){
					$(this).children().stop().animate({ opacity: 1 }, { duration: 100 });
				});
				$('#mainmenu-'+j+'-'+i+' .normal').mouseout(function() {
					$(this).children().stop().animate({ opacity: 0 }, { duration: 400 });
				});
				$('#mainmenu-'+j+'-'+i+' .normal').mouseout();
			}
		}
	}
	
	
	
	j=3;
	x=0;
	for(i=1;i<=23;i++) {
		y=(i-1)*24+8;
		yover=560+(i-1)*24;
		//$('#mainmenu-li-'+j+'-'+i+' .thumb').css({display: 'none'});
		$('#mainmenu-li-'+j+'-'+i+' .thumb').css({backgroundImage: 'url(pictures/pic-'+i+'.jpg)'});
		$('#mainmenu-'+j+'-'+i+' .normal').css({backgroundPosition: '-'+x+'px -'+y+'px'});
		$('#mainmenu-'+j+'-'+i+' .over').css({backgroundPosition: '-'+x+'px -'+yover+'px', position: 'absolute'});
		if(menuhover[j+1]==i) {
				$('#mainmenu-'+j+'-'+i+' .normal').unbind('mouseover');
				$('#mainmenu-'+j+'-'+i+' .normal').unbind('mouseout');
				$('#mainmenu-'+j+'-'+i+' .over').css({ opacity: 1 });
		} else {
			$('#mainmenu-'+j+'-'+i+' .normal').mouseover(function(){
				
				$(this).children().stop().animate({ opacity: 1 }, { duration: 100 });
				
				if(menuhover[4]==0 && ready==1) $(this).parent().parent().children('.thumb').fadeIn(100);
			});
			$('#mainmenu-'+j+'-'+i+' .normal').mouseout(function() {
				
				$(this).children().stop().animate({ opacity: 0 }, { duration: 400 })
				
				if(menuhover[4]==0) $(this).parent().parent().children('.thumb').fadeOut(100);
			});
			$('#mainmenu-'+j+'-'+i+' .normal').mouseout();
		}
	}
	
}