/*<![CDATA[*/


/**
* 
*/
var listToSingleViewer = function(args){
	var id_prefix = '';
	var list; // jquery element object (should be ul)
	var width; // width of list items
	var current = 0;
	var next = function(){
		current++;
		updateNav();
		doAnim();
		
	}	
	var prev = function(){
		current--;
		updateNav();
		doAnim();
	}
	var doAnim = function(){
		$(list).animate({left:(-(width*current))+'px'}, 1000);
	}
	var updateNav = function(){
		if(current > 0){
			$('#'+id_prefix+'prev').show();
		}
		else{
			$('#'+id_prefix+'prev').hide();
		}
		if(current < $(list).find('li').length-1){
			$('#'+id_prefix+'next').show();
		}
		else{
			$('#'+id_prefix+'next').hide();
		}
	}
	
	var attachEvents = function(){
		
		$('#'+id_prefix+'prev').click(function(){ prev(); });
		$('#'+id_prefix+'next').click(function(){ next(); });
	}
	
	var initializeView = function(){
		var w = $(list).find('li').length*width;
		$(list).css({width: w+'px'});
	}
	
	
	if(typeof(args) == 'object'){
		for(i in args){
			switch(i){
				case 'id_prefix':
					id_prefix = args[i];
				break;
				case 'list':
					list = args[i];
				break;
				case 'width':
					width = args[i];
				break;
				case 'current':
					current = args[i];
				break;
			}
		}
	}
	
	
	// start
	initializeView();
	attachEvents();
	updateNav();
	doAnim();
	
	
	
}
var lister;
$(document).ready(function(){
	lister = listToSingleViewer({id_prefix: 'svgv-', list: $('#svgv-list'), width: 218});
});
/*]]>*/