// JavaScript Document

	function fadeStart() {
		if(imgCount > 1) {
			interval = switchImg.periodical(5000);
		}	
	}
	
	function switchImg() {
		console.log(current + ' ' + next);
		imgs[current - 1].tween('opacity',1,0);
		imgs[next - 1].tween('opacity',0,1);
		current = next;
		next = next + 1;
		if(next > imgCount) {
			next = 1;	
		}
	}
	
	function fadePause() {
		clearInterval(this.interval);	
	}
	
	var imgs = [];
	var interval = '';
	var imgCount = 0;
	var current = 1;
	var next = 2;	
	var isApple = false;
	
	window.addEvent('domready',function() {
		if(Browser.Platform.ios) {
			$(document.body).className = 'iOS';
		}
		if($('imgHolder')) {
			imgs = $$('.framePhotoHome img');
			imgs.each(function(item,index) {
				item.setStyle('opacity',0);
				item.set('tween', {
					duration: 4000,
					link: 'cancel'
				});
			});
			imgs[0].setStyle('opacity',1);
			imgCount = imgs.length;
	
			$('imgHolder').addEvents({
				mouseenter: function() {
					fadePause();
				},
				mouseleave: function() {
					fadeStart();	
				}
			});
			switchImg();
			fadeStart();
		}
	});