
var ProdSlider = {
	imgNum : 0,
	inAnimation : false, 
	position : 1,
	interval : null,
	init : function() {
		var maxheight = 95;
		var maxwidth = 125;
		
		$('.mx_sider_elem').each(function() {
			var img = $(this).find('a img');
//			alert(img.length);
			img = img[0];
			var h = img.offsetHeight;
			var w = img.offsetWidth;
			var nh = 0;
			var nw = 0;
			
			if(w > h) {
				if(w > maxwidth) nw = maxwidth; else nw = w;
				nh = nw * h / w;
			} else {
				if(h > maxheight) nh = maxheight; else nh = h;
				nw = nh * w / h;
			}
			
			var mt = (maxheight - nh)/2;
			$(img).css('width', nw + 'px');
			$(img).css('height', nh + 'px'); 
			$(img).css('margin-top', mt + 'px');
			$(img).css('margin-bottom', '7px'); 
		});
		
		$("#mx_slider_left_arr").click(function() {
			if(ProdSlider.interval != null) {
				clearInterval(ProdSlider.interval);
				ProdSlider.interval = null;
				var t = setTimeout(function(){
					ProdSlider.automateMovement();
					clearTimeout(t);
				}, 8000);
			}
			ProdSlider.moveRight();
		});
		$("#mx_slider_right_arr").click(function() {
			if(ProdSlider.interval != null) {
				clearInterval(ProdSlider.interval);
				ProdSlider.interval = null;
				var t = setTimeout(function(){
					ProdSlider.automateMovement();
					clearTimeout(t);
				}, 8000);
			}
			ProdSlider.moveLeft();
		});
		ProdSlider.automateMovement();
	},
	
	moveLeft : function() {
		if(!ProdSlider.inAnimation) {
			ProdSlider.inAnimation = true;
			var count = $("#mx_slider_in").children('div');
			count = count.length;
			var marg = parseInt($('#mx_slider_in').css('margin-left'));
			$('#mx_slider_in').animate({
				marginLeft : (marg - 158) + 'px'
			}, 500, 'linear', function() {
				if(marg < -((158 * count) - 1000)) {
					$("#mx_slider_in .mx_sider_elem:first").insertAfter($("#mx_slider_in .mx_sider_elem:last"));
					$('#mx_slider_in').css('margin-left', marg + 'px')
				}
				ProdSlider.inAnimation = false;
			});
		}
	}, 
	
	moveRight : function() {
		if(!ProdSlider.inAnimation) {
			ProdSlider.inAnimation = true;
			var marg = parseInt($('#mx_slider_in').css('margin-left'));
			$('#mx_slider_in').animate({
				marginLeft : (marg + 158) + 'px'
			}, 500, 'linear', function() {
				if(marg > -316) {
					$("#mx_slider_in .mx_sider_elem:last").insertBefore($("#mx_slider_in .mx_sider_elem:first"));
					$('#mx_slider_in').css('margin-left', marg + 'px');
					
				}
				ProdSlider.inAnimation = false;
			});
		}
	},
	automateMovement : function() {
		ProdSlider.interval = setInterval(function(){		
			ProdSlider.moveLeft();			
		},4000);
	}
}
