var newClass = function() {
	return function() {
		return this.init.apply(this, arguments);
	}
}

var my = newClass();

my.prototype = {

  init: function() {
	 var t = this;
	 var intervalID; 
	 t.divLine = $("div.ListNews");
	 t.shir = 300 * $("div.News").length
	 t.divLine.css("width", t.shir);
	
    $(".RightNB img").click(function () {
		t.moveRight()
		});
	
		$(".LeftNB img").click(function () {
		t.moveLeft()
		});
		
    $(".RightNB").mouseover(function () {
		$(this).find("img").toggleClass("DisplayNone");
		});
	
  	$(".RightNB").mouseout(function() {
		$(this).find("img").toggleClass("DisplayNone");
		});

		$(".LeftNB").mouseover(function () {
		$(this).find("img").toggleClass("DisplayNone");
		});

		$(".LeftNB").mouseout(function() {
		$(this).find("img").toggleClass("DisplayNone");
		});
		
		
		

},

 moveLeft: function() {
	 var t = this;
	 var Left = t.divLine.css("left").replace("px","")*1;
	 if( Left != 0) {
		t.divLine.css("left", (Left + 300) );
	 }
 },
 
  moveRight: function() {
	 var t = this;
	 var Right = t.divLine.css("left").replace("px","")*1;
	 if ( Right*-1  < (t.divLine.width() - $("div.WidthNB").width()) ){
	 t.divLine.css("left", (Right - 300) );
	 }
}
}

$(document).ready(function(){
	new	my();
});