$(document).ready(function(){


	$('.tab.active').show();
	$('#tabs a').click(function(){
		$('.tab').hide();
		$('#tabs > li').removeClass('active');
		$('#'+$(this).attr("rel")).show();
		$(this).parent().addClass('active');
		return false;
	});




	if($('.sliderContent').html() != null){
		$('.sliderContent').smartSlider();
	}

	if(($.browser.version >= 6 && $.browser.version < 7) && $.browser.msie == true){
		$.getScript('/script/pngfix.js',function(){
			$('.logo,.sliderContent ul').pngFix();
		});
	}
	


	
});





(function($) {
  $.fn.smartSlider = function(options) {
  	
  	var defaults = {
  		handle: '.handle',
  		slider: '.slider',
  		controls: '.controls'
  	}
  

  	var settings = $.extend(defaults, options);

	var ul = $('ul', this);
	var handle = $(settings.handle);
	
	var totalSlides = ul.children().size()/ul.size();
					
	var controlsWidth = $(settings.controls+' a').css('width').replace(/px/,'');

	if(controlsWidth == 'auto') controlsWidth = 77;
	
	var handleWidth = (handle.css('width').replace(/px/,''))/2;
	var widthFix = controlsWidth / 2 - handleWidth + 65;

	var containerWidth = this.outerWidth();
	var totalWidth = containerWidth*totalSlides;
	var itemsWidth = totalWidth - containerWidth;

	var range = containerWidth / totalSlides; // block space

	handle.animate({'left' : widthFix}, 500);
	
	$(settings.controls+' a').click(function(){
		var rangeCenter = $(this).attr('rel');

			handle.animate({'left' : (range*rangeCenter)-range+widthFix}, 500);
	   		ul.animate({'left' : containerWidth * -(rangeCenter-1)}, 500);

			if($.browser.opera  == true){
				$('html').animate({
						scrollTop: $("#content").offset().top - 450
					}, 500);			
			}else{
				$('html,body').animate({
						scrollTop: $("#content").offset().top - 450
					}, 500);
			}
			
		return false;
	});
	
	
	$(settings.slider, this).slider({
	    handle: settings.handle,
	    stop: function (event, ui) {
			var rangeCenter = totalSlides + 1 - parseInt((totalWidth - (ui.value * totalWidth / 100)) / containerWidth + 1);
			
				if(rangeCenter <= 0) rangeCenter = 1;
								
	    		handle.animate({'left' : (range*rangeCenter)-range+widthFix}, 500);
	        	ul.animate({'left' : containerWidth * -(rangeCenter-1)}, 500);

				
	    },
	    slide: function (event, ui) {	    	
	        ul.css('left', (ui.value * itemsWidth / 100) * -1);
	    }
	});	

  
  }
})(jQuery);