// page init
jQuery(function(){
	initSlideHover();
	initBrowserDetect();
	hoverForIE6('ul.roll li');
});

// hover for IE
function hoverForIE6(_list, _class) {
	var _hoverClass = 'hover';
	if(_class) _hoverClass = _class;
	if (jQuery.browser.msie && jQuery.browser.version < 7) {
		$(_list).hover(function() {
			jQuery(this).addClass(_hoverClass);
		}, function() {
			jQuery(this).removeClass(_hoverClass);
		});
	}
}

// sliding hover
function initSlideHover() {
	var _animSpeed = 400;
	var _easing = 'swing';

	$('.roll').children().each(function(){
		var _holder = $(this);
		var _slider = _holder.find('.drop').show();
		var _sliderHeight = _slider.outerHeight();
		_slider.css({bottom:-_sliderHeight});

		_holder.hover(function(){
			_slider.animate({bottom:0},{duration:_animSpeed,queue:false,easing:_easing});
		},function(){
			_slider.animate({bottom:-_sliderHeight},{duration:_animSpeed,queue:false,easing:_easing});
		});
	});
}


// browser detect
function initBrowserDetect() {
	var u = navigator.userAgent.toLowerCase();
	var _html = document.getElementsByTagName("html")[0];

	if(is("win")) addClass("win");
	else if(is("mac")) addClass("mac");
	else if(is("linux") || is("x11")) addClass("linux");

	if(is("msie 8.0")) addClass("ie8");
	else if(is("msie 7.0")) addClass("ie7");
	else if(is("msie 6.0")) addClass("ie6");
	else if(is("firefox/2")) addClass("ff2");
	else if(is("firefox/3")) addClass("ff3");
	else if(is("opera") && is("version/10")) addClass("opera10");
	else if(is("opera/9")) addClass("opera9");
	else if(is("safari") && is("version/3")) addClass("safari3");
	else if(is("safari") && is("version/4")) addClass("safari4");
	else if(is("chrome")) addClass("chrome");
	else if(is("safari")) addClass("safari2");
	else if(is("unknown")) addClass("unknown");

	if(is("msie")) addClass("trident");
	else if(is("applewebkit")) addClass("webkit");
	else if(is("gecko")) addClass("gecko");
	else if(is("opera")) addClass("presto");

	function is(browser)
	{
		if(u.indexOf(browser) !=-1) return true;
	}
	function addClass(_class)
	{
		_html.className += (" " + _class);
	}
}