// JavaScript Document

		window.addEvent('domready', function() {	
	
			var x=1;
			var dota;
			var cimg;
			var nimg;
			var nimgnav="img1";
			var first='T';
			
									var dotstart = function(y) {
										
										var cimg='home'+x		
										var cimgnav='img'+x
			
									var nfader= new Fx.Tween($(cimg),{duration:1000});
									$(cimgnav).setProperty('src','http://www.litterpropane.com/images/bluedot.png');
				nfader.start('opacity',1,0).chain(function() {
														//   $(cimg).setStyle('display','none');
										x++;
										if (x>7) {
											x=1;
										}
										if (y>0) {
							x=y;
					
						} 
										var nimg='home'+x
										var nimgnav='img'+x	
										 //  $(nimg).setStyle('display','inline');
										 var nfader2= new Fx.Tween($(nimg),{duration:1000});
										nfader2.start('opacity',0,1);
										$(nimgnav).setProperty('src','http://www.litterpropane.com/images/bluedotroll.png');
														   });
				
									}
									
							$$('.imgnav').each(function(portimg) {
									portimg.addEvent('click', function(rolle){
																			var id = portimg.get('ref');
																	
																			$clear(dota);
																			if (id>0) {
																
																			dotstart(id);	
																			}
																			});
									});
			
			
		var imgarray=[{"src":"http://www.litterpropane.com/images/slide1.jpg", "id":"home1", "classname":"homepics"}
,{"src":"http://www.litterpropane.com/images/slide2.png", "id":"home2", "classname":"homepics"}
,{"src":"http://www.litterpropane.com/images/slide3.jpg", "id":"home3", "classname":"homepics"}
,{"src":"http://www.litterpropane.com/images/slide4.jpg", "id":"home4", "classname":"homepics"}
,{"src":"http://www.litterpropane.com/images/slide5.jpg", "id":"home5", "classname":"homepics"}
,{"src":"http://www.litterpropane.com/images/slide6.jpg", "id":"home6", "classname":"homepics"}
,{"src":"http://www.litterpropane.com/images/slide7.jpg", "id":"home7", "classname":"homepics"}];
				var addImage = function(imagel) {
				
				var nimg    = new Element('img', {'src': imagel.src, 'id':imagel.id}).inject($('home-frame-contents'));
				//alert(image1.id);
						nimg.addClass(imagel.classname);
						if (imagel.id!='home1') {
					//	nimg.setStyle('display','none');
						}
									};
	var imgloader = function (imgassets) {
				var imga=[];
			
			
									imgassets.each(function(image) { 
															
															 imga.include(image.src);
															  });
									var myImages = new Asset.images(imga, {
	onProgress: function() {
		$('loading').setStyle('display','inline');
	},
    onComplete: function(){
 		imgassets.each(function(image) { addImage(image); });
		$('loading').setStyle('display','none');
		$('home1').setStyle('opacity',0);
		$('home2').setStyle('opacity',0);
		$('home3').setStyle('opacity',0);
		$('home4').setStyle('opacity',0);
		$('home5').setStyle('opacity',0);
		$('home6').setStyle('opacity',0);
		$('home7').setStyle('opacity',0);
		var randomnumber=Math.floor(Math.random()*4)+1;
			x=randomnumber;
			
			var nimg='home'+x
			var nimgnav='img'+x	
			var nfader2= new Fx.Tween($(nimg),{duration:1000});
nfader2.start('opacity',0,1);
$(nimgnav).setProperty('src','http://www.litterpropane.com/images/bluedotroll.png');
		
		dota=dotstart.periodical(6000);
    }
});
												};

	

												imgloader(imgarray);
												
												});