$(document).ready(function() {
	var index=0;

	$('.nav li.i').each(function() {
		$('ul.s', this).css('display','block').wrap('<table class="s"><tr><td></td></tr></table>');
		$('td', this).prepend('<div class="c t"><div></div></div>').append('<div class="c b"><div></div></div>');
		
		$(this).html('<div class="box">'+$(this).html()+'</div>');
		$(this).css({'padding':'0', height:'98px'});
		$('.box', this).css('padding', '82px 0 15px');	
		$('.box', this).hover(function() {
			index = $(this).css('z-index');
			$(this).css('z-index', 99);
			if ($('table.s', this)) $('table.s', this).show();
		}, function() {
			$(this).css('z-index', index);
			if ($('table.s', this)) $('table.s', this).hide();		
		});
	});
	
	
	if($.browser.opera || $.browser.safari) {
		$("div.inner-left").append('<b id="operaBubble" class="clear" style="width:'+($("div.inner-page").width()-$("div.inner-right").width()-parseInt($("div.inner-right").css("paddingLeft"))-parseInt($("div.inner-left").css("paddingLeft"))-parseInt($("div.inner-left").css("paddingRight")))+'px"></b>');
	}
	//if($.browser.msie && $.browser.version < 7) $("div.inner-left").css("zoom", "1");
	preoptions();

});

$(window).resize(function() {
	if($.browser.opera || $.browser.safari) {
		$("#operaBubble").remove();
		$("div.inner-left").append('<b id="operaBubble" class="clear" style="width:'+($("div.inner-page").width()-$("div.inner-right").width()-parseInt($("div.inner-right").css("paddingLeft"))-parseInt($("div.inner-left").css("paddingLeft"))-parseInt($("div.inner-left").css("paddingRight")))+'px"></b>');
	}
	preoptions();
});


var maxki = 0;
var ki = 0;
var e = 0;
var l = 0;

function left() { ki--; hidearrs(); }
function right() { ki++; hidearrs(); }

function preoptions() { 
	var mw = $("#layout").width() - 439;
	l = $(".type-list .box").length;
	maxki = parseInt(mw/155);
	$(".types").width(maxki*155);
	hidearrs();
	
	if($.browser.msie && $.browser.version < 7) { 
		$('#foo').css("top", $('#layout').height()-$('#foo').height());
		$('#foo').css("bottom", 0);
	}
}

function kanimate() { $(".type-list .scroller").stop().animate({marginLeft: -155*ki}, 500, "easeOutBack"); }

function hidearrs() { 
	ki = ki<=0 ? 0 : ki;
	ki = ki>l-maxki && ki!=0 ? l-maxki : ki;
	var lo = ki==0 ? '-disable' : '';
	var ro = ki==l-maxki || l<maxki ? '-disable' : ''; 
	$(".types .a-left, .types .a-left-disable").attr('class','arrow a-left'+lo);
	$(".types .a-right, .types .a-right-disable").attr('class','arrow a-right'+ro);
	if (l>maxki) kanimate(); 
}