$(document).ready(function(){
	$.fx.speeds._default = 500;
	
	var klasa = $('#flashMessage').attr('class');
	$('#flashMessage').dialog({
		hide: 'puff',
		draggable: false,
		modal: true,
		resizable: false,
		dialogClass: klasa
	});
	
	var time = $('#flashMessage').attr('rel') !== undefined ? $('#flashMessage').attr('rel') : 1500;
		
	setTimeout(function(){$('#flashMessage').dialog("close") }, time);
	
	$('#banner-layer').dialog({
		hide: 'puff',
		draggable: false,
		modal: true,
		resizable: false,
		width: 600,
		height: 400
	});
	
	$('.form-input').click(function(){
		$(this).val('');
	});
	
	$('#top-menu li').last().css({'border-right' : '0'});
	$('#top-menu li a').last().css({'padding-right' : '0'});
});

$(function() {
    var current = 0;
	var t;
	
	t = setInterval(function(){ change(); }, 5000);
	$('#menuWrapper').hover(function(){
		clearInterval(t);
	},
	function(){
		t = setInterval(function(){ change(); }, 5000);
		$('#menu li ul').hide();
	});
	
    $('#bg1,#bg2,#bg3,#bg4').mouseover(function(e){
		var $this = $(this);
		
		$('#menu a').removeClass('active');
		$(this).addClass('active');
		
		/* if($this.parent().index() == current)
			return; */
			
		var item = e.target.id;
		
		/* if(item == 'bg1' || ((current > 1 && current < 4) && item != 'bg4')){
			$('#menu .sub'+parseInt(current+1)).stop().animate({backgroundPosition:"(-240px 0)"},300);
			$('#menu .sub'+parseInt(current+1)).find('li').hide();
		}
		else{
			$('#menu .sub'+parseInt(current+1)).stop().animate({backgroundPosition:"(240px 0)"},300);
			$('#menu .sub'+parseInt(current+1)).find('li').hide();
		} */
		
		$('#menu .sub'+parseInt(current+1)).hide();
		
		if(item == 'bg1' || ((current > 1 && current < 4) && item != 'bg4')){
			$('#menu > li').animate({backgroundPosition:"(-960px 0)"},0).removeClass('bg1 bg2 bg3 bg4').addClass(item);
			move(1,item);
		}
		else {
			$('#menu > li').animate({backgroundPosition:"(960px 0)"},0).removeClass('bg1 bg2 bg3 bg4').addClass(item);
			move(0,item);
		}
		
		current = $this.parent().index();
		
		$('#menu .sub'+parseInt(current+1)).show();
		/* $('#menu .sub'+parseInt(current+1)).stop().animate({backgroundPosition:"(0 0)"},300,function(){
			$(this).find('li').fadeIn();
		}); */
	});
	
	function change(){
		if(current == 3){
			var tmp_cur = 0;
		}
		else{
			var tmp_cur = current + 1;
		}
		
		var tmp = tmp_cur + 1;
		
		var $this = $('#bg'+tmp);
		
		$('#menu a').removeClass('active');
		$this.addClass('active');
		
		if($this.parent().index() == current)
			return;
			
		var item = 'bg'+tmp;
		
		/* if(item == 'bg1' || ((current > 1 && current < 4) && item != 'bg4')){
			$('#menu .sub'+parseInt(current+1)).stop().animate({backgroundPosition:"(-240px 0)"},300);
			$('#menu .sub'+parseInt(current+1)).find('li').hide();
		}
		else{
			$('#menu .sub'+parseInt(current+1)).stop().animate({backgroundPosition:"(240px 0)"},300);
			$('#menu .sub'+parseInt(current+1)).find('li').hide();
		}*/
		
		if(item == 'bg1' || ((current > 1 && current < 4) && item != 'bg4')){
			$('#menu > li').animate({backgroundPosition:"(-960px 0)"},0).removeClass('bg1 bg2 bg3 bg4').addClass(item);
			move(1,item);
		}
		else {
			$('#menu > li').animate({backgroundPosition:"(960px 0)"},0).removeClass('bg1 bg2 bg3 bg4').addClass(item);
			move(0,item);
		}
		
		current = $this.parent().index();
		
		/* $('#menu .sub'+parseInt(current+1)).stop().animate({backgroundPosition:"(0 0)"},300,function(){
			$(this).find('li').fadeIn();
		}); */
	}
	
	function move(dir,item){
		if(dir){
			$('#bg1').parent().stop().animate({backgroundPosition:"(0 0)"},200);
			$('#bg2').parent().stop().animate({backgroundPosition:"(-241px 0)"},300);
			$('#bg3').parent().stop().animate({backgroundPosition:"(-482px 0)"},400);
			$('#bg4').parent().stop().animate({backgroundPosition:"(-723px 0)"},500,function(){
				$('#menuWrapper').removeClass('bg1 bg2 bg3 bg4').addClass(item);
			});
		}
		else{
			$('#bg1').parent().stop().animate({backgroundPosition:"(0 0)"},500,function(){
				$('#menuWrapper').removeClass('bg4 bg3 bg2 bg1').addClass(item);
			});
			$('#bg2').parent().stop().animate({backgroundPosition:"(-241px 0)"},400);
			$('#bg3').parent().stop().animate({backgroundPosition:"(-482px 0)"},300);
			$('#bg4').parent().stop().animate({backgroundPosition:"(-723px 0)"},200);
		}
	}
});