//run fun
$(document).ready(function() {
	if ($.browser.msie && (parseInt($.browser.version) <= 7)) {
		try {
			document.execCommand('BackgroundImageCache', false, true);
		} catch(e){}
	}

	home_slider();
	ui_tab();
});

function home_slider() {
	var slider = $('#home-banner');
	if (slider.length < 1) return false;

	var items = $('.list li', slider);
	var len = items.length;
	var step = 960;
	var index = 0;
	if (len <= 1) return false;

	$('.next span', slider).addClass('active');
	$('.btn', slider).click(function() {
		if (!$('span', this).hasClass('active')) return false;
		
		if ($(this).hasClass('prev')) index--;
		else index++;
		
		if (index < 0) index = len - 1;
		else if (index >= len) index = 0;

		$('.list ul', slider).animate({left : index * step * -1}); 
		
		if (index == 0)
			$('.prev span', slider).removeClass('active');
		else
			$('.prev span', slider).addClass('active');

		if (index == len - 1)
			$('.next span', slider).removeClass('active');
		else
			$('.next span', slider).addClass('active');
	});
}

function ui_tab() {
	if ($('.ui-bar').length > 0) {
		$('.plan-slider').each(function() {
			var lis = $('.ui-icon li', $(this));
			lis.find('img').css('opacity', 0.3);
			lis.eq(0).find('img').css('opacity', 1);
			lis.eq(0).find('span').addClass('active');
			$('.ui-bar', $(this)).slider({
				value:0,
				min: 0,
				max: 5,
				animate: true,
				slide:function(e,ui){
					lis.find('img').css('opacity', 0.3);
					lis.find('span').removeClass('active');
					lis.filter(':lt('+(ui.value+1)+')').find('img').css('opacity', 1);
					lis.filter(':lt('+(ui.value+1)+')').find('span').addClass('active');
					$(this).parent().children('.ui-tab-content').find('tbody tr').eq(ui.value).show().siblings().hide();
					$(this).find('.line-active').css('width', 98*(ui.value) + 48 + 'px');
				}
			});

		});

		$('.plan-slider .tab-title li').click(function() {
			$(this).addClass('active').siblings().removeClass('active');

			$('.plan-slider > .tab-content > .item').eq($(this).index()).addClass('item-active').siblings().removeClass('item-active');
		});
	}
}