//The array of images to be used in the scroller

scroll_images_ar = [
	'long_spine.png',
	'nt_series.jpg',
	'nt_10.png',
	'cnc_prog_0.jpg', 
	'cnc_prog_1.jpg', 
	'cnc_prog_2.jpg', 
	'cnc_prog_3.jpg', 
	'cnc_prog_4.jpg', 
	'cnc_proc_0.jpg', 
	'cnc_proc_1.jpg', 
	'cnc_proc_2.jpg', 
	'cnc_proc_3.jpg',
	'cnc_sim_0.jpg', 
	'cnc_sim_1.jpg', 
	'cnc_sim_2.jpg', 
	'cnc_sim_3.jpg', 
	'metrology_0.jpg', 
	'metrology_1.jpg', 
	'tool_fix_0.jpg', 
	'tool_fix_1.jpg', 
	'tool_fix_2.jpg', 
	'tool_fix_3.jpg', 
	'tool_fix_4.jpg'
];


fisherYates(scroll_images_ar);
	
buildScroller('scroller_right_cnc_programming');
	
function buildScroller(id) {
	var container = getElm(id);
	var container_inner_html = "<div class='marquee' id='marquee_cnc_programming'>";
	
	for (i=0; i<scroll_images_ar.length; i++) {
		container_inner_html += "<img src='images/6dms/" +scroll_images_ar[i]+ "' height='158' />";
	}
	
	container_inner_html += "</div>";
	
	//alert(container_inner_html);
	
	container.innerHTML = container_inner_html;
}
function fisherYates ( myArray ) {
  var i = myArray.length;
  if ( i == 0 ) return false;
  while ( --i ) {
     var j = Math.floor( Math.random() * ( i + 1 ) );
     var tempi = myArray[i];
     var tempj = myArray[j];
     myArray[i] = tempj;
     myArray[j] = tempi;
   }
}
