// JavaScript Document
// It's OK My Will is Good.

var Dsn = {
	indexFunc: function() {
		imgsCount = $('indexImage').getChildren('div').length;
		imgs = $$(".imageBlock");
		fadeShow = new Fx.Elements(imgs, { duration: 2000, wait: true });
		this.fadeFunc(imgsCount);
		this.popupFunc();
	},
	fadeFunc: function(state) {
		var o = {};
		
		state--;
		imgs.each(function(img, i) {
			if(i >= state) o[i] = { opacity: [0] };
		});

		(function(){
			fadeShow.start(o).chain(function(){
				if(state == 0) {
					imgs.setOpacity(1);
					state = imgsCount;
				}
				Dsn.fadeFunc(state);
			});
		}).delay(6000);
	},
	//各種Tooltipの設置
	setTooltip1: function() {
		var apodiaTips = new Tips($('productsDemeter'), {
			timeOut: 700,
			className: 'products',
			maxTitleChars: 50,
			maxOpacity: 0.8
		});
		var apodiaTips = new Tips($('productsAnimaltest'), {
			timeOut: 700,
			className: 'products',
			maxTitleChars: 50,
			maxOpacity: 0.8
		});
	},
	setTooltip2: function() {
		var apodiaTips = new Tips($$('.about-submenu-link'), {
			timeOut: 700,
			className: 'about',
			maxTitleChars: 50,
			maxOpacity: 0.8
		});
	},
	setTooltip3: function() {
		var apodiaTips = new Tips($('productsICEA'), {
			timeOut: 700,
			className: 'products',
			maxTitleChars: 50,
			maxOpacity: 0.8
		});
	},
	setTooltip4: function() {
		var apodiaTips = new Tips($$('.products_authentication'), {
			timeOut: 700,
			className: 'products',
			maxTitleChars: 50,
			maxOpacity: 0.8
		});
	},
	setPagetop: function() {
		winScroll = new Fx.Scroll(window, { duration: 1000, wait: false, transition: Fx.Transitions.Quart.easeOut});
		$$('.pagetopLink').addEvent('click', function(){
			winScroll.toTop();
		});
	},
	setArea: function() {
		$$('.refine').addEvent('click', function(){
			var area = this.getProperty('data-area');
			$$('.refine').setStyle('color','#000000');
			this.setStyle('color','#A7001F');
			
			$$('.area').each(function(block){
				var rel = block.getProperty('data-rel');
				if(rel.contains(area, ' ')) block.setStyle('display','block');
				else block.setStyle('display','none');
			});
		});
	},
	setDiary: function(target) {
		if(target == 3)  $('submenuDiary').setStyles({ "background-position": "0px -40px", "margin": "0px 0px 0px 17px"});		
		if(target == 7)  $('submenuShopinfo').setStyles({ "background-position": "0px -40px", "margin": "0px 0px 0px 16px"});	
		if(target == 5)  $('submenuInside').setStyles({ "background-position": "0px -40px", "margin": "0px 0px 0px 16px"});	
		if(target == 6)  $('submenuEvent').setStyles({ "background-position": "0px -40px", "margin": "0px 0px 0px 16px"});	
		if(target == 8)  $('submenuLifestyle').setStyles({ "background-position": "0px -40px", "margin": "0px 0px 0px 16px"});	
	},
	setTab: function() {
		var tabSwitch = $$(".tab");
		
		$('tab').setStyle('display', 'block');
		$('lineupBody').setStyle('display', 'none');

		tabSwitch.addEvent('click', function(){
			$care = this.getProperty('id');
			//$$('.tab').setStyle('visibility', 'visible');
			//this.setStyle('visibility', 'hidden');
			
			if($care == 'tabBody') {
				$('lineupSkin').setStyle('display', 'none');
				$('lineupBody').setStyle('display', 'block');
				//$('tabSkin').setStyle('background-position', 'left -60px');
				//$('tabBody').setStyle('background-position', '-390px -120px');
				$('tabSkin').setStyle('visibility', 'visible');
				$('tabBody').setStyle('visibility', 'hidden');
			} else {
				$('lineupSkin').setStyle('display', 'block');
				$('lineupBody').setStyle('display', 'none');
				//$('tabSkin').setStyle('background-position', 'left -120px');
				//$('tabBody').setStyle('background-position', '-390px -60px');
				$('tabSkin').setStyle('visibility', 'hidden');
				$('tabBody').setStyle('visibility', 'visible');
			}
		});
	},
	popupFunc: function() {	
		var imageUrl = '';
		var links = $$('a');
		links.each(function(a, i) {
			if(a.getProperty('rel') == 'popup') a.setProperty('id', 'popup' + i);
		});

		$$('a').addEvent('mousedown',function() {
			if(this.getProperty('rel') == 'popup') imageUrl = this.getProperty('href');
		});
		$$('a').addEvent('click',function() {
			if(this.getProperty('rel') == 'popup') {
				linkID = this.getProperty('id');
				$(linkID).setProperty('href', 'javascript:void(0)');
				new Element('div', {
					events: {
						click: function() {
							this.remove();
							$(linkID).setProperty('href', imageUrl);
						}
					},
					'id': 'cover'
				}).setStyles({ 'height': window.getScrollHeight(), 'width': window.getWidth() }).injectInside($('niceBody'));
				new Asset.image(imageUrl, {
					events: {
						click: function() {
							$('cover').remove();
							$(linkID).setProperty('href', imageUrl);
						},
					},
					onerror: function() { $('cover').remove(); },
					onabort: function() { $('cover').remove(); },
					onload: function() {
						this.setProperty('id','popup').inject('cover');
						Dsn.resize();
					}
				});
			}
		});
		window.onresize = function() {
			Dsn.resize();
		};
	},
	resize: function() {
		var size = $('popup').getSize();
		var sizeY = size.size.y;
		if($('cover')) $('cover').setStyles({ 'height': window.getScrollHeight(), 'width': window.getWidth() });
		if($('popup')) $('popup').setStyle('margin', window.getHeight()/2 - sizeY/2 + 'px 0px 0px -7px' );
	}
}
var winScroll;