$().ready(function() {
	if($.browser.msie && parseInt($.browser.version) == 6) {
		$('.png').ifixpng();
		$('html').css('overflowX','hidden')
	}
	if($.browser.opera) {
		/*$(window).resize(function() {
			$('.headBox table').width($('.headBox').width());
		});
		$('.headBox table').width($('.headBox').width());*/
		var operaWidth = parseInt($('.articlesBox .pre-inner').width())*30/100;
		var operaLRPadding = parseInt($('.articlesBox .pre-inner').width())*1.8/100;
		$('.articlesBox .a')
			.width(operaWidth + 'px')
			.css('paddingLeft', operaLRPadding + 'px')
			.css('paddingRight', operaLRPadding + 'px');
	}
	
	function itemWidthCalculator(o) {
		var result = parseInt(o.width());
		result += parseInt(o.css('paddingLeft'));
		result += parseInt(o.css('paddingRight'));
		result += $.browser.msie ? parseInt(parseInt(o.css('marginRight'))/100) : 0;
		return parseInt(result);
	}
	
    var slider = {
        o: null,
        ul:null,
        length: 0,
        current:0,
        options: {
            onscreen:3,
            itemWidth: itemWidthCalculator($('div.a').eq(0)),
            /*easing: "easeOutQuad",*/
            speed: "normal",
            doIfAnimated: true
        },
        init: function(path, options) {
            
            slider.o = $(path);
            slider.o.addClass('ui-slider');
            
            slider.ul = $(".inner", slider.o).eq(0);
            slider.length =  $("div.a", slider.ul).length;
            if (options) slider.options = jQuery.extend(slider.options, options);
            
        },
        move: function(i) {
            if ( slider.length-slider.options.onscreen>i && i>=0 && ( slider.options.doIfAnimated || slider.ul.is(":not(:animated)") )) {
                slider.ul.animate({ marginLeft:-i*slider.options.itemWidth }, slider.options.speed, slider.options.easing);
                slider.current = i;
				if(slider.current == 0) {
					$('#larr').css('color', '#36a1a6');
				} else {
					$('#larr').css('color', '#000');
				}
				if(slider.current == slider.length - (slider.options.onscreen + 1)) {
					$('#rarr').css('color', '#36a1a6');
				} else {
					$('#rarr').css('color', '#000');
				}
            }
        },    
        left: function() {
            slider.move(slider.current-1);
        },
        right: function() {
            slider.move(slider.current+1);
        }
    };

    slider.init('.articlesBox .pre-inner', {
        speed: 750
    });
    $("#larr").click(function() { slider.left(); return false; });
    $("#rarr").click(function() { slider.right(); return false; });
	slider.move(0);
	
	$(window).resize(function() {
		slider.options.itemWidth = itemWidthCalculator($('div.a').eq(0));
	})
});