// requires mootools core & mootools more
// script by Matt Lintzenich

window.addEvent('domready', function() {
	
	var progressBar = new dwProgressBar({  
         container: $('progress-bar'),  
         startPercentage: 0,  
         speed:750,  
         boxID: 'box',  
         percentageID: 'perc',  
         displayID: 'text',  
         displayText: true  
     });  
	
	var images = ['images/banner_01.jpg', 'images/banner_01_b.jpg', 'images/banner_01_c.jpg', 'images/banner_02.jpg', 'images/banner_02_b.jpg', 'images/banner_02_c.jpg', 'images/banner_02_d.jpg', 'images/banner_03.jpg', 'images/banner_03_c.jpg', 'images/banner_03_d.jpg', 'images/banner_03_e.jpg', 'images/banner_04.jpg', 'images/banner_04_d.jpg', 'images/banner_04_e.jpg', 'images/banner_05.jpg', 'images/banner_05_e.jpg', 'images/banner_05_f.jpg', 'images/banner_06.jpg', 'images/banner_06_bill1.jpg', 'images/banner_06_bill2.jpg', 'images/banner_06_bill3.jpg', 'images/banner_06_bill4.jpg', 'images/banner_06_bill5.jpg', 'images/banner_06_ed1.jpg', 'images/banner_06_ed2.jpg', 'images/banner_06_ed3.jpg', 'images/banner_06_ed4.jpg', 'images/banner_06_ed5.jpg', 'images/banner_06_ian1.jpg', 'images/banner_06_ian2.jpg', 'images/banner_06_ian3.jpg', 'images/banner_06_ian4.jpg', 'images/banner_06_matt1.jpg', 'images/banner_06_matt2.jpg', 'images/banner_06_matt3.jpg', 'images/banner_06_matt4.jpg', 'images/banner_06_mike1.jpg', 'images/banner_06_mike2.jpg', 'images/banner_06_mike3.jpg', 'images/banner_06_mike4.jpg', 'images/sitebg4.jpg', 'images/layton2.jpg', 'images/blaggards.jpg', 'images/otherbg.jpg', 'images/myspacebutton.jpg', 'images/sonicbidsbutton.jpg', 'images/fatcatradiobutton.jpg'];

	var loader = new Asset.images(images, {
		onProgress: function(counter,index) {
		progressBar.set((counter + 1) * (100 / images.length));
			},
		onComplete: function() {
			$('progress-bar').set('class', 'hidden');
			$('table1').set('class','');
		}
	});	
	
	var status = {
		'true': 'open',
		'false': 'close'
	};	
	var mHS = new Fx.Slide('horizontal_slide', {
						   duration: 200,
						   mode: 'horizontal'
						   });
	mHS.slideOut();
	var bannerId = $$('img.banner').get('id'); // gets all banner ids from imgs of class banner
	var rollImgSrc = new Array();
	
	var x;
	var y;

	for (x=0; x<bannerId.length; x++) {
		y = 1;
		rollImgSrc[x] = new Array();
		rollImgSrc[x][0] = 5;  //marker value for click function
		rollImgSrc[x][1] = $(bannerId[x]).get('src');
		rollImgSrc[x][2] = $(bannerId[x]).get('leftRollImg');
		rollImgSrc[x][3] = $(bannerId[x]).get('rollImg');
		rollImgSrc[x][4] = $(bannerId[x]).get('rightRollImg');
		
		while ($(bannerId[x]).get('slimg' + y)) {                
			rollImgSrc[x][y+4] = $(bannerId[x]).get('slimg' + y);            												
			y++;												 
		}																
	}																 
	//var rollImgSrc = new Array(rollImgSrc.length);  // new array of the same size
	var filepath = 'images/';
	//rollImgSrc = rollImgSrc;
	var tCimg; // target change img
	var lCimg; // left change img
	var rCimg; // right change img
	var i; //iterator for bannerId index
	
	for (x=0; x<bannerId.length; x++) {
		
		$(bannerId[x]).addEvents({
			'click': function(e){
				
				var n = bannerId.indexOf(e.target.get('id'));
				var marker = rollImgSrc[n][0];
									// if slider is open, don't change image, just close slider
				if (!mHS.open) {
					$('rollImg').setProperty('src', filepath + rollImgSrc[bannerId.indexOf(e.target.get('id'))][marker]);						
					if (marker < rollImgSrc[n].length-1){rollImgSrc[n][0] = marker + 1} else {rollImgSrc[n][0] = 5};
				}
				e.stop();
				if (mHS.open) {mHS.slideOut()}	else {mHS.slideIn()};
			},		
			'mouseover': function(e) {			
				i = bannerId.indexOf(e.target.get('id'));
				tCimg =  filepath + rollImgSrc[i][3];
	
				if (i>0){lCimg = filepath + rollImgSrc[i][2]};
				if (i<4){rCimg = filepath + rollImgSrc[i][4]};			

				$(bannerId[i]).setProperty('src', tCimg);				
				if(i>0 && i<4){$(bannerId[i-1]).setProperty('src', lCimg)};
				if(i<4){$(bannerId[i+1]).setProperty('src', rCimg)};	
			},		
			'mouseout': function(e) {
				i = bannerId.indexOf(e.target.get('id'));
				tCimg = rollImgSrc[i][1];		

				if (i>0){lCimg = rollImgSrc[i-1][1]};
				if (i<4){rCimg = rollImgSrc[i+1][1]};

				$(bannerId[i]).setProperty('src', tCimg);			
				if (i>0){$(bannerId[i-1]).setProperty('src', lCimg)};
				if (i<4) {$(bannerId[i+1]).setProperty('src', rCimg)};
				e.stop();
				mHS.slideOut();
			}			
		}); // end addEvents
	} //end for loop
	
	$('laytonimg').addEvents({
		'mouseover': function(e) {
			$('laytonimg').setProperty('class', 'banner_rollover');
		},
		'mouseout': function(e) {
			$('laytonimg').setProperty('class', 'center_image');
		}
	});
	
		$('blaggardsimg').addEvents({
		'mouseover': function(e) {
			$('blaggardsimg').setProperty('class', 'banner_rollover');
		},
		'mouseout': function(e) {
			$('blaggardsimg').setProperty('class', 'center_image');
		}
	});
		
});