window.addEvent('domready', function() {
	var obj_ar = {};
	// for(i in pages_ar){
	for(var i=0;i<pages_ar.length;i++){
		if(i==0){
			var depart='true';
			}else{
				var depart='false';
				}
		obj_ar["swf"+i] = {
					id: 'section'+i,
					width: 520,
					height: 440,
					container:$('exlineo'+i),
					params: {
						wmode: 'transparent',
						allowfullscreen: 'true'
					},
					vars: {
						frontcolor: '0xCCCCCC',
						lightcolor: '0xFFFFFF',
						backcolor: '0x005500',
						displayheight:'295',
						file: 'slide/xml/'+pages_ar[i]+'.xml',
						autostart: depart,
						shuffle: 'false',
						thumbsinplaylist:'true',
						logo:'slide/images/logo_section.swf',
						repeat: 'list'
					},
					callBacks: {
						// load: myOnloadFunc
					}
			};
			// document.write(i+" => "+pages_ar[i]+" - obj "+obj_ar["swf"+i]);
			var obj = new Swiff('slide/mp_exlineo.swf', obj_ar['swf'+i]);
		}
		//slider variables for making things easier below
		var itemsHolder = $('container');
		var myItems = $$(itemsHolder.getElements('.item'));
		
		//controls for slider
		var theControls = $('controls1');
		var numNavHolder = $(theControls.getElement('ul'));
		var thePlayBtn = $(theControls.getElement('.play_btn'));
		var thePrevBtn = $(theControls.getElement('.prev_btn'));
		var theNextBtn = $(theControls.getElement('.next_btn'));
		
		
		//create instance of the slider, and start it up		
		var mySlider = new SL_Slider({
			slideTimer: 6000,
			orientation: 'horizontal',      //vertical, horizontal, or none: None will create a fading in/out transition.
			fade: true,                    //if true will fade the outgoing slide - only used if orientation is != None
			isPaused: true,
			container: itemsHolder,
			items: myItems,
			numNavActive: true,
			numNavHolder: numNavHolder,
			playBtn: thePlayBtn,
			prevBtn: thePrevBtn,
			nextBtn: theNextBtn
		});
		mySlider.start();
		
		
		//adding a little animated rollover highlight to the play and prev/next buttons
		// var origBkgdColor = thePlayBtn.getStyle('background-color');
		var newBkgdColor = "#80301D";
		var btnArray = new Array(thePlayBtn, thePrevBtn, theNextBtn);
		
		btnArray.each(function(e, i){
			e.set('tween', {duration: 350, transition: 'cubic:out', link: 'cancel'});
			e.addEvents({ 
				'mouseenter' : function() {
					this.tween('background-color', newBkgdColor);
				},
				'mouseleave' : function() {
					this.tween('background-color', origBkgdColor);
				}
			});
		});
});