function asset_rotation(duration,feature_copy,feature_list)
{
	//vars set on load
	var _feature_copy_id = feature_copy != undefined ? feature_copy : 'feature_copy';//name of story div to target
	var _feature_list_id = feature_list != undefined ? feature_list : 'feature_list';//name of list div to target
	var _duration = duration != undefined && (duration *1) > 1 ? duration : 5;//time in seconds
	
	//var shared around functions
	var _speed = 33;//33 = movie speed used by the loader and fader 
	//var _step = 0;//280 / ((var _duration * 1000) / var _speed);//math should be div width /(duration*sec) / speed //but doesnt quite work add some to width to alter
	var _sections = new Array();
	var _current =0;//current val ++ each time back to 0 if to big
	var _int_val;//setTimeOut var
	//var _int_load='';//setTimeOut var
	var _story='';//will be used as an object
	//var _image='';//will be used as an object
	//var _link='';//will be used as an object
	//var req='';//used by the request function
	//var upto=0;//opacity
	var _direction = true;//fade in or out
	//var _load_width=2;//loader widt
	var _live = '1';
	var _im_1;
	var _im_2;
	var _possy=0;
	var _step=10;
	var _imsize = 160;
	var _active = false;
	/*set up the feature rotation*/
	function set_up_feature()
 	{
	 	//alert('set up called');
		if(document.getElementById(_feature_copy_id) && document.getElementById(_feature_list_id))
		{
			//alert('found items');
			var f_l=document.getElementById(_feature_list_id);
			var f_ul=f_l.getElementsByTagName('ul');
			if(f_ul.length > 1)
			{
				_story = document.getElementById(_feature_copy_id);//get the teaser

				var _par = _story.parentNode;//grab the parent div
				_par.style.overflow = 'hidden';

				_im_1=_par.getElementsByTagName('div')[0];//get the current image
				_im_1.setAttribute('id','image_wrap_1');//give it an id of image_wrap_1
				_im_2 = make_thing('div','image_wrap_2');//make another div calle dimage_wrap_2
				var imin = make_thing('img','image_2');//make a new image
				var imsrc = _im_1.getElementsByTagName('img')[0];//grab a ref to the current image
				_imsize = imsrc.offsetWidth;
				imin.src = imsrc.src;//pyt
				imin.setAttribute('width',imsrc.getAttribute('width'));
				imin.setAttribute('height',imsrc.getAttribute('height'));
				imin.setAttribute('alt','');
				imin.setAttribute('title','');
				_im_2.style.left = _imsize + 'px';
				_im_2.style.top = '0px';
				_im_2.appendChild(imin);
				_par.appendChild(_im_2);
				_par.onmouseover=_pause_feature;
				_par.onmouseout=_start_feature;//
				var temphold = _story.innerHTML;
				_story.parentNode.removeChild(_story);
				_story = make_thing('div',_feature_copy_id,'','',temphold);
				_par.appendChild(_story);
				_story = document.getElementById(_feature_copy_id);
				var i=0; 
				var _long=f_ul.length;
				for(i=0; i<_long; i++)
				{
					var q=_sections.length;
					_sections[q] = new Array();
					var f_li = f_ul[i].getElementsByTagName('li');
					var a=0; 
					var b=f_li.length;
					for(a=0; a<b; a++)
					{
						_sections[q][a] = f_li[a].innerHTML;
					}
				}
				imsrc.onclick = function(){location=_sections[0][6];};			
				nav_load(_par);//will change this for numbers
				_int_val= setInterval(change_feature,_duration * 1000);
			}
		}
	}

	

	/*creates the forward back and stop(loader bar in this version*/
	/*_par is the object to append to*/	
	function nav_load(_sa)
	{

		var _prev = make_thing('div','prev_but','','prev_but','&lt;&lt;&lt;');
		_prev.onclick=_prev_feature;
                _prev.onmouseover = function(){this.style.cursor = 'pointer';};
                _prev.onmouseout = function(){this.style.cursor = 'default';};
		_sa.appendChild(_prev);
		var _prev = make_thing('div','next_but','','next_but','&gt;&gt;&gt;');
		_prev.onclick=_next_feature;
               _prev.onmouseover = function(){this.style.cursor = 'pointer';};
                _prev.onmouseout = function(){this.style.cursor = 'default';};
        _sa.appendChild(_prev);
	
	}



	

	/*increments the current counter*/
	/*starts the change going*/
	function change_feature()
	{
		clearInterval(_int_val);
		_current++;
		
		_possy=0;
		_active = true;
		var _imlive = _live == '1' ? _im_2 : _im_1;
		var _imsrc = _imlive.getElementsByTagName('img')[0];
		
		if(_current >= _sections.length)
		{
			_current=0;
		}
		else if(_current < 0)
		{
			_current = _sections.length - 1;
		}
		_imsrc.src = _sections[_current][1];
		_imsrc.setAttribute('alt',_sections[_current][2]);
		_int_val = setInterval(move_them,_speed);
	}

	
	function move_them()
	{
		if(_direction)
		{
			_possy -= _step;
			var _possy2 = _possy + _imsize;
			var _possy3 = 1*(-_possy);
			var _ok = _possy >= -_imsize ? true : false;
		}
		else
		{
			_possy += _step;
			var _possy2 = _possy - _imsize;
			var _possy3 = -_possy;
			var _ok = _possy <= _imsize ? true : false;
		}
		var _imlive = _live == '1' ? _im_1 : _im_2;
		var _imold = _live == '1' ? _im_2 : _im_1;
		if(_ok)
		{
			_imlive.style.left = _possy + 'px';
			_imold.style.left = _possy2 + 'px';
			_story.style.left = _possy3 + 'px';
		}
		else
		{
			clearInterval(_int_val);
			_active = false;
			_story.innerHTML = '<h3> <a href="' + _sections[_current][6] + '">' + _sections[_current][3] + '</a></h3>';
			_imlive.style.left = _imsize + 'px';
			_imold.style.left = '0px';
			_story.style.left = '0px';
			_live = _live == '1' ? '2' : '1';
			_direction = true;
			_int_val = setTimeout(change_feature,_duration * 1000);
		}
	}
	
	
	function make_thing(_thing,_id,_name,_class,_htm)
	{
		_thing = document.createElement(_thing);
		if(_class != '' && _class != null)
		{
			_thing.setAttribute(ie ? 'className' : 'class',_class);
		}
		if(_name != '' && _name != null)
		{
			_thing.setAttribute('name',_name);
		}
		if(_id != '' && _id != null)
		{
			_thing.setAttribute('id',_id);
		}
		if(_htm != '' && _htm != null)
		{
			_thing.innerHTML=_htm;
		}
		return(_thing);
	}

	

	

	function _next_feature()
	{
		if(!_active)
		{
			_direction = true;
			change_feature();
		}
		//var _cheeky = document.getElementById('_stop_button');
		//_cheeky.innerHTML='';
	}

	

	function _prev_feature()
	{
		if(!_active)
		{
			_direction = false;
			_current -=2;
			change_feature();
		}
	}

	

	function _stop_feature()
	{
		if(!_active)
		{
			clearInterval(_int_val);
		}
	}

	function _start_feature()
	{
		this.style.cursor = 'default';
		if(!_active)
		{
			clearInterval(_int_val);
	        _int_val = setInterval(change_feature,_duration * 1000);
        }
	}
	function _pause_feature()
	{
		this.style.cursor = 'pointer';
		_stop_feature();
		//var _cheeky = document.getElementById('_stop_button');
		//_cheeky.innerHTML='<blink style="color:#FFCC00;">...Paused...</blink>';
		//alert('paused');
	}
	set_up_feature();
}