var initNewsBox = function(){}




jQuery(function($){
	initNewsBox2 = function(){
		

	if(!jQuery)return;
	// setup for .newsbox
	
	var boxWidth = 580;
	var boxHeight = 120;
	var display = 5;
	var moving = false;


	$('.newsbox .scrollable-left').click( function(){
				seekTo(-1);
	});
		
	$('.newsbox .scrollable-right').click( function(){
				seekTo(1);
	});
	
	var afterMoveUp = function(){
		
		var _elmsNew = $('#newsbox_items .newsbox_item');
		var _lengthNew = _elmsNew.length;
				
		for(i=0;i <display  ;i++){
			$(_elmsNew[i]).remove();
		}				
		$('#newsbox_items').css('top', 0);
		moving = false;

	}
	
	var afterMoveDown = function(){
		
		var _elmsNew = $('#newsbox_items .newsbox_item');
		var _lengthNew = _elmsNew.length;
		
		for(i=_lengthNew;i > _lengthNew - display  ;i--){
			$(_elmsNew[i-1]).remove();
		}
		moving = false;
	} 
	
	var seekTo = function (ip){

		if(!moving ){
			moving = true;
			$('#newsbox_items').css('top', 0);
			var $root = $('#newsbox_items');
			var _elms = $('#newsbox_items .newsbox_item');
			var _length = _elms.length;
		
			if(_length > display){
		
				if(ip > 0){ 	//move down
		
					for(i=_length;i > _length - display  ;i--){
						$( _elms [i-1]).clone(true).prependTo('#newsbox_items');		
					}			
					var options = {top:"0px"};
					$('#newsbox_items').css('top', - boxHeight*display);
					$('#newsbox_items').animate(options,1000,jQuery.easing.easeOutQuart,afterMoveDown);

				}else{	//move up

					var count = 0;
					for(i=0;i < display  ;i++){
						$( _elms [i]).clone(true).appendTo('#newsbox_items');		
						count = count+1;
					}	
					var top = count * boxHeight;
					var options = {top:  -top };
					$('#newsbox_items').animate(options,1000,jQuery.easing.easeOutQuart,afterMoveUp);
				}
			
			}
		}
	}
	
	
	$("#sidepanel_offer_2 .limited-region-container").scrollable({
			vertical: true,
			next : '#sidepanel_offer_2 .limited-region-down-button',
			prev : '#sidepanel_offer_2 .limited-region-up-button',
			items: '#sidepanel_offer_2 .limited-region-container'
	});	
	//init();

	/*
	
	var boxWidth = 148;
	var boxHeight = 105;	
	var displaySize = 4;
		
	$('.newsbox_item a:has(img.image-only)').each( function(){
		//
		var $img = $(this).find('img');
		var imgSrc = $img.attr('src');
		var nodes = /^(.*)\.([a-zA-Z0-9]+)$/.exec(imgSrc);
		var prefix = nodes[1];
		var suffix = nodes[2];
		
		simplePreload(prefix+'_hover.'+suffix);
		
		$(this).hover(function(){
			$img.attr('src', prefix+'_hover.'+suffix);
		},function(){
			$img.attr('src', prefix+'.'+suffix);
		});
		

	});
		
	var setupMove = function (){
		var _size = 1;
		var _offset = 0;
		var _newOffset = 0;
		var $root = $('#newsbox_items');
		var _elms = $('#newsbox_items .newsbox_item');
		var _length = _elms.length;
		var _moving = false;
		
		var _precount = 0;
		
		var _waiting = [];
		
		var init = function(){
			
			// remove all element that out of the region
			for(var i = 0 ; i <_elms.size(); i ++){
				if( i >= _size) $(_elms[i]).remove();
			}
		}
		
		var seekTo = function(offset ,animated){
			if(_moving){
				_waiting.push({offset:offset,animated:animated});
				 return;
			}
			
			var newOffset = _offset + offset;
			beforeMove(newOffset);
			
			//console.log(list);
			_newOffset = newOffset;
			_moving = true;
			
			
			var options = {left:0};
			if(offset > 0){
				//options.left = -boxWidth * offset;
				options.top = -boxHeight * offset;
				
			}
			
			if(animated == false) {
				
				afterMove();
				return 
			}
			$('#newsbox_items').animate(options,1000,jQuery.easing.easeOutQuart,afterMove);
		}
		
		
		var beforeMove = function(newOffset){
			_precount = 0;
			
			
			// if the new position is larger than current
			// clone the element behind current 
			if(newOffset > _offset ){
				
				var begin = _offset + $('#newsbox_items .newsbox_item').size();
				var end = newOffset + _size;
				
				// copy
				for(var i = begin ; i <= end ; i ++){
					var _index = getIndex(i);
					
					$( _elms [ _index ]).clone(true).appendTo('#newsbox_items');
					
				//	console.log(['append',i,_index]);
				}
				
				
			// otherwise, clone all element that in front of current
			}else if(newOffset < _offset ){
				var begin = newOffset;
				var end = _offset -1;
				
				// copy
				for(var i = end ; i >= begin ; i --){
					var _index = getIndex(i);
					
					$( _elms [ _index ]).clone(true).prependTo('#newsbox_items');
					
					_precount ++;
					
					//console.log(['prepend',i,_index]);
				}
				
				// fix the location after change the position
				$('#newsbox_items').css('left', - _precount * boxWidth);
			}
			

		}
		
			
		var getIndex = function (offset){
			var _index = offset  % _length;
			if(_index < 0) _index+=_length;
			return _index;
		}
			
		// remove all extra elements
		var afterMove = function(){
			
			
			// if the slider move to right 
			// then we keep the right element only
			// otherwise, keep the left element
			var _from = 0;
			if(_newOffset > _offset) _from = _size ;
			var _due = _from+_size
			
			
			//console.log([_from, _due]);
			
			var list = $('#newsbox_items .newsbox_item');
			var total = list.length;
			for(var i = 0; i< total; i ++){
				if(_from <= i && i < _due) continue;
				$(list[i]).remove();
			}
			
			_offset = _newOffset%_length;
			if(_offset < 0)
				_offset += _length;
			
			// fix the position
			$('#newsbox_items').css('left', 0);
			
			_moving = false;
			
			if(_waiting.length > 0){
				var c = _waiting [0];
				_waiting.splice(0,1);
				
				seekTo(c.offset, c.animated);
			}
		}
		
	
		$('.newsbox .scrollable-left').click( function(){
				seekTo(-1);
		});
		
		$('.newsbox .scrollable-right').click( function(){
				seekTo(1);
		});
		init();
		
		window.slider_seekTo = seekTo
	}	
	
	
	setupMove();
	
	*/
	
	
	/*
	
	$('.newsbox .scrollable').scrollable({
        speed: 300,
        items: '#newsbox_items',  
				circular: true,
        clickable: false
	});
	$('.newsbox .scrollable').scrollableAddClones();
	
	var api = $('.newsbox .scrollable').data("scrollable");
	var refreshButtons = function(){
		var index = api.getIndex();
		var total = api.getItems().length;
		var hasPrev = index > 0 && total > 6;
		var hasNext = index < total - 6 && total > 6;
		
		if(hasPrev)
			$('.newsbox .scrollable-left').show();
		else
			$('.newsbox .scrollable-left').hide();
			
		if(hasNext)
			$('.newsbox .scrollable-right').show();
		else
			$('.newsbox .scrollable-right').hide();
		
	}
	
	api.onBeforeSeek(refreshButtons);
	api.onSeek(refreshButtons);
	/*
	var refreshButtons = function(){
		var index = api.getIndex();
		var total = api.getItems().length;
		var hasPrev = index > 0 && total > 6;
		var hasNext = index < total - 6 && total > 6;
		
		if(hasPrev)
			$('.newsbox .scrollable-left').show();
		else
			$('.newsbox .scrollable-left').hide();
			
		if(hasNext)
			$('.newsbox .scrollable-right').show();
		else
			$('.newsbox .scrollable-right').hide();
		
	}
	
	api.onBeforeSeek(refreshButtons);
	api.onSeek(refreshButtons);
	refreshButtons();
	
	
	$('.newsbox .scrollable-left').click( function(){
										   
		var index = api.getIndex();
		var total = api.getItems().length;
		var hasPrev = index > 0 && total > 6;
		var hasNext = index < total - 6 && total > 6;
		//if(hasPrev)
			api.move(-6);
	});
	
	$('.newsbox .scrollable-right').click( function(){
												   
		var index = api.getIndex();
		var total = api.getItems().length;
		var hasPrev = index > 0 && total > 6;
		var hasNext = index < total - 6 && total > 6;
		//if(hasNext)
			api.seekTo((index+6)%total);
	});
	//*/
	
	
	
}
});