// JavaScript Document
// It's OK My Will is Good.
// 動作テスト http://www.curlybrace.net/lab/
// (c)pgmon

var Dsn = {
	init: function() {
		this.preLoader();
	},
	dominit: function() {
		//new Element('div').setProperties({'id': 'return', 'title': '<div class="tooltip_return"></div>'}).injectInside($('niceBody')).set('html', 'Return');
		//new Element('div').setProperties({'id': 'return'}).injectInside($('niceBody')).set('html', 'Return');
		new Element('div').setProperties({'id': 'cover', 'class': 'cover'}).setStyles({ 'display': 'block', 'height': window.getHeight(), 'width': window.getWidth(), 'opacity': 0}).injectInside($('niceBody'));
		//this.addReturn();
		//new Element('div').setProperties({'id': 'return', 'title': '戻る'}).injectInside($('niceBody')).set('html', 'Return');
		//this.setTooltip('return', -65, -48);
		coverOpaFx = new Fx.Tween('cover', { property: 'opacity', duration: 600, wait: false });
		this.preLoader();
		//this.chageOpac();
	},
	chageOpac: function() {
		//coverOpaFx = new Fx.Morph('cover', { duration: 600, wait: false, transition: Fx.Transitions.Cubic.easeOutIn });
		$$('.navi-menu-link').addEvent('mouseover', function() {
			$('cover').setStyles({ 'display': 'block' });
			coverOpaFx.start(1);
		});
		$$('.navi-menu-link').addEvent('mouseout', function() {
			coverOpaFx.start(0);
		});
		//$$('a').addEvent('click', function() {
		//	targetName = this.get('target');
		//	if(this.get('href')) targetURL = 1;
		//	else targetURL = 0;
		//	if(targetName != '_blank') {
		//		if(targetURL != 0) coverOpaFx.start(1);
		//	}
		//});
	},
	domCompany: function() {
		//$("cmpDomain").set('html', '<div class="cmp_domain" title="ネットブランディング事業 + オリジナルコンテンツ事業 = 最終的な融合による、自社・顧客・関わる人たち全てのブランドに貢献する媒体の構築">ネットブランディング事業 + オリジナルコンテンツ事業 = 最終的な融合による、自社・顧客・関わる人たち全てのブランドに貢献する媒体の構築</div>');
		$('cmpContact').addEvent('click', function() {
			location.href = 'mailto:contact_with@thedesignium.com';
		});
		$('cmpContact').addEvent('mouseover', function() {
			$('cmpContact').setStyle('text-decoration', 'underline');
		});
		$('cmpContact').addEvent('mouseout', function() {
			$('cmpContact').setStyle('text-decoration', 'none');
		});
	},
	changeSize: function() {
		var all_entry = $('blockNum').getProperty('value');
		var sizeHeight = 0;
		var sizeWidth = (all_entry) * 501 + window.getWidth();
		//sizePadding = window.getWidth() / 2 - 250;
		//sizePadding = sizePadding.toInt();
		//sizeSpacer = (window.getWidth() / 2) % 501;
		//sizeSpacer = window.getWidth() / 2 - sizeSpacer;
		for(i = 0; i < all_entry; i++) {
			id  = 'block' + i + 'b';
			blockMHeight = $(id).offsetTop + 144 + window.getHeight() / 4;
			if(sizeHeight < blockMHeight) sizeHeight = blockMHeight;
		}
		if( sizeHeight < window.getHeight()) {
			sizeHeight = window.getHeight();
		}
		distance = window.getHeight() / 4;
		distance = distance.toInt();
		if(distance < 180) distance = 180;
		//$("blockwrapper").setStyles({'height': sizeHeight, 'width': sizeWidth, 'padding-left': sizePadding, 'background-position': sizePadding });
		$("blockwrapper").setStyles({'height': sizeHeight, 'width': sizeWidth});
		$("blockEnd").setStyles({'height': sizeHeight, 'width': window.getWidth()});
		//$('blockSpacer').setStyle('width', sizeSpacer);
		this.changeState();
	},
	changeState: function() {
		var cHeight = $('blockwrapper').getHeight() - window.getHeight();
		var cWidth = $('blockwrapper').getWidth() - window.getWidth();
		if(cHeight <= 0 )  cHeight = 0;
		if(cWidth <= 0 )  cWidth = 0;
		var setHeight = cHeight * 2 + window.getHeight();
		var setWidth = cWidth * 2 + window.getWidth();
		
		$('content').setStyles({'height': window.getHeight(), 'width': window.getWidth() });
		$('contentwrapper').setStyles({'height': setHeight, 'width': setWidth, 'margin-top': -cHeight , 'margin-left': -cWidth});
		if(from == 0) {
			$('blockwrapper').setStyles({'top': 0 , 'left': 0});
			from = 1;
		} else {
			$('blockwrapper').setStyle('top', 0);
		}
		$('cover').setStyles({'height': window.getHeight(), 'width': window.getWidth() });
		Dsn.scrollMe(0, $('blockNum').getProperty('value'));
	},
	scrollMe: function(reel_count, all_entry) {
		function changeHandler(){
		    $('blockwrapper').setStyle('cursor', 'url("http://www.thedesignium.com/img/common/openhand.cur"), crosshair');
		};
		//var scrollFx = new Fx.Morph('blockwrapper', { wait: false });
		stepWheel  = 0; //回転数 * スクロール値
		stepBack   = 0; //回転により戻るかどうか
		//stepChange = 0; //回転により項目が変わったかどうか
		wheelRound = 0; //回転方向 上=0 下=1
		//wheelCount = 0; //回転数
		wheelState = 0; //回転中逆回転が起こったかどうか
		myTimer = 0; //カーソルの変更クリア
		
		$('blockwrapper').set('morph', { duration: 360, wait: true });
		$('blockwrapper').setStyle('cursor', 'url("http://www.thedesignium.com/img/common/openhand.cur"), crosshair');
		
		//ドラッグ
		var contentDrag = new Drag.Move('blockwrapper', {
		    droppables: '#contentwrapper',
			onDrop: function() {
				dragEnd = $('blockwrapper').offsetLeft;
				dragPos = dragFrom - dragEnd;
				posLeft = dragEnd / 501;
				step = -posLeft.toInt();
				
				//if(dragPos > 420) step+=3;
				if(dragPos >  380) step+=2;
				//else if(dragPos >   20) step++;
				else if(dragPos >    0) step++;
				else if(dragPos < -460) step--;
				//else if(dragPos <  -40) step;
				else if(dragPos < -180 || dragPos ==0) step;
				//else if(dragPos <  -30) step;
				else step++;

				//console.log("dragPos: %s", dragPos);
				if(step >= all_entry) { step = all_entry - 1; }
				else if(step < 0) { step = 0; }

				id = 'block' + step;
				$('blockwrapper').setStyle('cursor', 'url("http://www.thedesignium.com/img/common/openhand.cur"), crosshair');
				//scrollFx.start({
				$('blockwrapper').morph({
					'left':[$('blockwrapper').offsetLeft, -$(id).offsetLeft]
				});
				subState = step;
				Dsn.subDisplay(all_entry, step);
			},
			onEnter: function() {
				
				$('blockwrapper').setStyle('cursor', 'url("http://www.thedesignium.com/img/common/closedhand.cur"), crosshair');
				dragFrom = $('blockwrapper').offsetLeft;
				//$$('.pvPanel').setStyle('opacity', 0);
				//console.log("dragFrom: %s", dragFrom);
			},
			container: 'contentwrapper'
		});
		$$('object').addEvent('mouseenter', function(){
   			contentDrag.detach();
		});
		$$('object').addEvent('mouseleave', function(){
   			contentDrag.attach();
		});
		
		//マウスホイール
		$('content').addEvent('mousewheel', function(elmnt){
			elmnt = new Event(elmnt).stop(); //ホイールの重複動作制御
			if(elmnt.wheel >= 0) { //ホイール上回転
				if(wheelRound == 0) { //順上回転
					stepWheel = elmnt.wheel * distance;
				} else { //逆回転
					stepWheel = distance + 144;
					wheelRound = 0;
					wheelState = 1;
				}
			} else { //ホイール下回転
				if(wheelRound == 1) { //順下回転
					stepWheel = elmnt.wheel * distance;
				} else { //逆回転
					stepWheel = -distance;
					wheelRound = 1;
					wheelState = 1;
				}
			}
			

			var posLeft = $('blockwrapper').offsetLeft / 501;
			step = -posLeft.toInt();
			stepTarget = step;
			stepLeft = posLeft + stepTarget;
			posCheck = posLeft + step;
			if(elmnt.wheel > 0) step--;
			else if(posCheck <= -0.1) step = step + 2;
			else step++;
			
			if(step >= all_entry) {
				step = all_entry - 1;
			} else if(step < 0) {
				step = 0;
			}
			//console.log("step: %s", step);
			
			id = 'block' + step;
			//idTarget = 'block' + stepTarget;
			//idBottom = 'block' + step + 'b';
			bottomPos = 'block' + stepTarget + 'b'; //現在のstepの文末
			//idBottomPos = $(idBottom).offsetTop - window.getHeight();
			//if(idBottomPos < 0) idBottomPos = 0;
			topPos = $('blockwrapper').offsetTop + stepWheel;
			//console.log("idCheck: %s | posCheck: %s", id, topPos);
			if(topPos < -$("blockwrapper").getHeight()) topPos = - $("blockwrapper").getHeight();
			if(topPos > 0 && $('blockwrapper').offsetTop >= -20) { topPos = 0; stepBack++; }
			else if(topPos > 0 && $('blockwrapper').offsetTop != 0) { topPos = 0; stepBack = 0; }
			else { stepBack = 0; }
			
			if(Browser.Engine.trident) delta = $(bottomPos).offsetTop + $('blockwrapper').offsetTop - window.getHeight() + 170;
			else delta = $(bottomPos).offsetTop + $('blockwrapper').offsetTop - window.getHeight() + 100;
			$('blockwrapper').setStyle('cursor', 'url("http://dsn.sh/img/common/scroll.cur"), n-resize');
			
			if(stepBack >= 1 && wheelState != 1) {
				//scrollFx.start({
				$('blockwrapper').morph({
					'top':[$('blockwrapper').offsetTop, 0],
					'left':[$('blockwrapper').offsetLeft, -$(id).offsetLeft]
				});
				stepBack = 2;
				subState = step;
				Dsn.subDisplay(all_entry, step);
				$clear(myTimer);
			} else if(stepLeft < 0) {
				subState = step;
				Dsn.subDisplay(all_entry, stepTarget+1);
				$clear(myTimer);
			} else if(delta < 0 && wheelState != 1) {
				//scrollFx.start({
				$('blockwrapper').morph({
					'top':[$('blockwrapper').offsetTop, 0],
					'left':[$('blockwrapper').offsetLeft, -$(id).offsetLeft]
				});
				subState = step;
				Dsn.subDisplay(all_entry, step);
				//console.log("delta: %s", delta);
				$clear(myTimer);
			} else {
				//scrollFx.start({
				$('blockwrapper').morph({
					'top':[$('blockwrapper').offsetTop, topPos]
				});
				$clear(myTimer);
			}
			myTimer = changeHandler.delay(720);
			wheelState = 0;
		});

		//ショーケース＋会社概要ページ用トリガー w/o Cookie
		if(dsnSwitch == 850) {
			Dsn.subDisplay(all_entry, 0);
			for(i = 0; i < all_entry; i++) {
				//ブロックスコープ！（bind） thank you for narucissus
				with ({i:i}){
					if(i > 0 && i < all_entry) {
						id = 'actionScroll' + i;
						$(id).addEvent('click', function() {
							targetId = i;
							id = 'block' + targetId;
							$('blockwrapper').morph({
								'top':[$('blockwrapper').offsetTop, 0],
								'left':[$('blockwrapper').offsetLeft, -$(id).offsetLeft]
							});
							subState = i;
							Dsn.subDisplay(all_entry, targetId);
						});
						$(id).addEvent('mouseover', function() {
							id = 'actionScroll' + i;
							$(id).setStyle('color', '#B02100');
						});
						$(id).addEvent('mouseout', function() {
							id = 'actionScroll' + i;
							$(id).setStyle('color', '#000000');
						});
					}
					id2 = 'subScroll' + i;
					$(id2).addEvent('click', function() {
						id2 = 'block' + i;
						$('blockwrapper').morph({
							'top':[$('blockwrapper').offsetTop, 0],
							'left':[$('blockwrapper').offsetLeft, -$(id2).offsetLeft]
						});
						subState = i;
						Dsn.subDisplay(all_entry, i);
					});
					$(id2).addEvent('mouseover', function() {
						id2 = 'subScroll' + i;
						if(subState == i) $(id2).setStyles({'background-position': 'left -54px', 'cursor': 'pointer'})
						else $(id2).setStyles({'background-position': 'left -36px', 'cursor': 'pointer'})
					});
					$(id2).addEvent('mouseout', function() {
						id2 = 'subScroll' + i;
						if(subState == i) $(id2).setStyle('background-position', 'left -18px');
						else $(id2).setStyle('background-position', 'left top');
					});
				}
			};
		} else if(dsnSwitch == 375) {
			Dsn.subDisplay(all_entry, 0);
			for(i = 0; i < 7; i++) {
				//ブロックスコープ！（bind） thank you for narucissus
				with ({i:i}){
					if(i > 0 && i < 4) {
						id = 'cmpScroll' + i;
						$(id).addEvent('click', function() {
							if(i == 1)  targetId = 1;
							else if(i == 2)  targetId = 3;
							else if(i == 3)  targetId = 6;
							id = 'block' + targetId;
							$('blockwrapper').morph({
								'top':[$('blockwrapper').offsetTop, 0],
								'left':[$('blockwrapper').offsetLeft, -$(id).offsetLeft]
							});
							subState = i;
							Dsn.subDisplay(all_entry, targetId);
						});
						$(id).addEvent('mouseover', function() {
							id = 'cmpScroll' + i;
							$(id).setStyle('color', '#B02100');
						});
						$(id).addEvent('mouseout', function() {
							id = 'cmpScroll' + i;
							$(id).setStyle('color', '#000000');
						});
					}
					id2 = 'subScroll' + i;
					$(id2).addEvent('click', function() {
						id2 = 'block' + i;
						$('blockwrapper').morph({
							'top':[$('blockwrapper').offsetTop, 0],
							'left':[$('blockwrapper').offsetLeft, -$(id2).offsetLeft]
						});
						subState = i;
						Dsn.subDisplay(all_entry, i);
					});
					$(id2).addEvent('mouseover', function() {
						id2 = 'subScroll' + i;
						if(subState == i) $(id2).setStyles({'background-position': 'left -54px', 'cursor': 'pointer'})
						else $(id2).setStyles({'background-position': 'left -36px', 'cursor': 'pointer'})
					});
					$(id2).addEvent('mouseout', function() {
						id2 = 'subScroll' + i;
						if(subState == i) $(id2).setStyle('background-position', 'left -18px');
						else $(id2).setStyle('background-position', 'left top');
					});
				}
			};
		} else if(dsnSwitch == 4) {
			Dsn.subDisplay(all_entry, 0);
			for(i = 0; i <= 7; i++) {
				//ブロックスコープ！（bind） thank you for narucissus
				with ({i:i}){
					if(i != 7) {
						clickId = i + 1;
						id = 'svcScroll' + clickId;
						$(id).addEvent('click', function() {
							targetId = i * 2 + 1;
							id = 'block' + targetId;
							$('blockwrapper').morph({
								'top':[$('blockwrapper').offsetTop, 0],
								'left':[$('blockwrapper').offsetLeft, -$(id).offsetLeft]
							});
							subState = i;
							Dsn.subDisplay(all_entry, targetId);
						});
						$(id).addEvent('mouseover', function() {
							clickId = i + 1;
							id = 'svcScroll' + clickId;
							$(id).setStyle('color', '#B02100');
						});
						$(id).addEvent('mouseout', function() {
							clickId = i + 1;
							id = 'svcScroll' + clickId;
							//$(id).setStyle('color', '#3B332A');
							$(id).setStyle('color', '#000000');
						});
					}
					id2 = 'subScroll' + i;
					$(id2).addEvent('click', function() {
						if(i == 0) targetId = 0;
						else targetId = i * 2 - 1;
						id2 = 'block' + targetId;
						$('blockwrapper').morph({
							'top':[$('blockwrapper').offsetTop, 0],
							'left':[$('blockwrapper').offsetLeft, -$(id2).offsetLeft]
						});
						subState = i;
						Dsn.subDisplay(all_entry, targetId);
					});
					$(id2).addEvent('mouseover', function() {
						id2 = 'subScroll' + i;
						if(subState == i) $(id2).setStyles({'background-position': 'left -54px', 'cursor': 'pointer'})
						else $(id2).setStyles({'background-position': 'left -36px', 'cursor': 'pointer'})
					});
					$(id2).addEvent('mouseout', function() {
						id2 = 'subScroll' + i;
						if(subState == i) $(id2).setStyle('background-position', 'left -18px');
						else $(id2).setStyle('background-position', 'left top');
					});
				}
			};
		} else if(dsnSwitch == 6) {

		} else if(dsnSwitch == 2882) {
			var all_entry = $('blockNum').getProperty('value');
			Dsn.subDisplay(all_entry, 0);
			$('copy').set('html', '&copy; TheDesignium Inc. powered by <a href="http://ja.wordpress.org/" target="_blank" title="WordPress">WordPress<\/a>');
			for(i = 0; i < all_entry; i++) {
				//ブロックスコープ！（bind） thank you for narucissus
				with ({i:i}){
					if(i != 0) {
						id = 'blogScroll' + i;
						$(id).addEvent('click', function() {
							id = 'block' + i;
							$('blockwrapper').morph({
								'top':[$('blockwrapper').offsetTop, 0],
								'left':[$('blockwrapper').offsetLeft, -$(id).offsetLeft]
							});
							subState = i;
							Dsn.subDisplay(all_entry, i);
						});
						$(id).addEvent('mouseover', function() {
							id = 'blogScroll' + i;
							$(id).setStyles({'color': '#B02100', 'text-decoration': 'none', 'cursor': 'pointer'});
						});
						$(id).addEvent('mouseout', function() {
							id = 'blogScroll' + i;
							$(id).setStyle('color', '#000000');
						});
					}
					id2 = 'subScroll' + i;
					//console.log('%s', id2);
					$(id2).addEvent('click', function() {
						id2 = 'block' + i;
						$('blockwrapper').morph({
							'top':[$('blockwrapper').offsetTop, 0],
							'left':[$('blockwrapper').offsetLeft, -$(id2).offsetLeft]
						});
						subState = i;
						Dsn.subDisplay(all_entry, i);
					});
					$(id2).addEvent('mouseover', function() {
						id2 = 'subScroll' + i;
						if(subState == i) $(id2).setStyles({'background-position': 'left -54px', 'cursor': 'pointer'})
						else $(id2).setStyles({'background-position': 'left -36px', 'cursor': 'pointer'})
					});
					$(id2).addEvent('mouseout', function() {
						id2 = 'subScroll' + i;
						if(subState == i) $(id2).setStyle('background-position', 'left -18px');
						else $(id2).setStyle('background-position', 'left top');
					});
				}
			};
		}
		//コンテント終わり・リターン
		$('blockEnd').addEvent('click', function() {
			$('blockwrapper').morph({
				'top':[$('blockwrapper').offsetTop, 0],
				'left':[$('blockwrapper').offsetLeft, -$('block0').offsetLeft]
			});
			Dsn.subDisplay(all_entry, 0);
		});
		//パネル・リターン　チェンジカラー
		$('panelReturn').addEvent('click', function() {
			$('blockwrapper').morph({
				'top':[$('blockwrapper').offsetTop, 0],
				'left':[$('blockwrapper').offsetLeft, -$('block0').offsetLeft]
			});
			Dsn.subDisplay(all_entry, 0);
		});
		$('panelReturn').addEvent('mouseover', function() {
			$('panelReturn').setStyle('color', '#B02100');
		});
		$('panelReturn').addEvent('mouseout', function() {
			//$('panelReturn').setStyle('color', '#3B332A');
			$('panelReturn').setStyle('color', '#000000');
		});
	},
	subDisplay: function(all_entry, visible_num) {
		if(dsnSwitch == 850) {
			for(i = 0; i < all_entry; i++) {
				subid = 'subScroll' + i;
				if(visible_num == i) {
					$(subid).setStyle('background-position', 'left -18px');
					//console.log('visible_num == i | %s | %s | %s | %s', subState, targetId, i, visible_num);
				} else {
					$(subid).setStyle('background-position', 'left top');
				}
			}
		} else if(dsnSwitch == 375) {
			for(i = 0; i < all_entry; i++) {
				subid = 'subScroll' + i;
				if(visible_num == i) {
					$(subid).setStyle('background-position', 'left -18px');
					//console.log('visible_num == i | %s | %s | %s | %s', subState, targetId, i, visible_num);
				} else {
					$(subid).setStyle('background-position', 'left top');
				}
			}
		} else if(dsnSwitch == 4) {
			visible_num = (visible_num + 1) / 2;
			visible_num = visible_num.toInt();
			for(i = 0; i <= 7; i++) {
				subid = 'subScroll' + i;
				if(visible_num == i) {
					$(subid).setStyle('background-position', 'left -18px');
					subState = i;
				} else {
					$(subid).setStyle('background-position', 'left top');
					//console.log('%s | %s | %s', subid, i, visible_num);
				}
			}
		} else if(dsnSwitch == 2882) {
			//console.log('all_entry | %s', all_entry);
			for(i = 0; i < all_entry; i++) {
				subid = 'subScroll' + i;
				if(visible_num == i) {
					$(subid).setStyle('background-position', 'left -18px');
					//console.log('visible_num == i | %s | %s | %s | %s', subState, targetId, i, visible_num);
				} else {
					$(subid).setStyle('background-position', 'left top');
				}
			}
		}
	},
	setTooltip: function(idName, posX, posY) {
		var myTips = new Tips($(idName), {
			timeOut: 700,
			className: 'block',
			offsets: {'x': posX, 'y': posY },
			fixed: 1,
			maxTitleChars: 50,
			maxOpacity: .9
		});
	},
	preInVisible: function() {
		//$('loading').setStyle('display', 'none');
		$('preloader').setStyle('display', 'none');
	},
	preVisible: function() {
		//$('loading').setStyle('display', 'block');
		//$('preloader').setStyles({ 'display': 'block', 'width': window.getWidth(), 'height': window.getScrollHeight() });
		//preloadFx = new Fx.Style('preloader', 'opacity', { duration: 200, wait: false });
		//preloadFx.start(0.9);
	},
	preLoader: function() {
		if(domload == 1) { //domreadyとonloadが終了次第			
			preloaderFx = new Fx.Morph('preloader', { duration: 1600, wait: false });
			preloaderFx.start({'opacity':[1,0]});
			//preloaderFx.start.pass({'opacity': 0}, preloaderFx).delay(1000);
			this.preInVisible.delay(1600, $('preloader'));

			Dsn.changeSize();
			//coverOpaFx.start.pass(0, coverOpaFx).delay(1000);
		} else {
			domload++;
		}
	},
	addReturn: function() {
		//リターン
		$('return').addEvent('click', function() {
			$('blockwrapper').morph({
				'top':[$('blockwrapper').offsetTop, 0],
				'left':[$('blockwrapper').offsetLeft, $('block0').offsetLeft]
			});
		});
		$('return').addEvent('mouseover', function() {
			$('return').setStyle('color', '#B02100');
		});
		$('return').addEvent('mouseout', function() {
			$('return').setStyle('color', '#000000');
		});
	},
	addImage: function(e_id, e_urlPath, e_height, e_width) {
		e_url = 'url(' + e_urlPath + ')';
		$(e_id).setStyles({ 'display': 'block', 'background-image': e_url, 'height': e_height, 'width': e_width});
	},
    selectRange: function(start, end, target) {
		id = target;
        if (Browser.Engine.trident) {
            var diff = $(id).value.substr(start, end - start).replace(/\r/g, '').length;
            start = $(id).value.substr(0, start).replace(/\r/g, '').length;
            var range = $(id).createTextRange();
            range.collapse(true);
            range.moveEnd('character', start + diff);
            range.moveStart('character', start);
            range.select();
        } else {
            $(id).focus();
            $(id).setSelectionRange(start, end);
        }
    },
	setPVbox: function() {
		new Element('div', {
			styles: {
				'display': 'none'
			},
			events: {
				click: function(){
					$('pvBox').setStyle('display', 'none');
					$('close').setStyle('display', 'none');
					coverOpaFx.start(0);
					$('movPlayer').destroy();
				},
				mouseover: function() {
					this.setStyle('background-position', 'left -40px');
				},
				mouseleave: function() {
					this.setStyle('background-position', 'left top');
				}
			},
			/*	class must be in quotes; it is a reserved word in IE	*/
			'class': 'close',
			'id': 'close'
		}).injectInside($('niceBody'));
		new Element('div').setProperties({'id': 'close', 'class': 'close'}).setStyle('display', 'none').injectInside($('niceBody'));
		$('pvBox').setStyle('display', 'none');
		$$('.siteMovie').addEvent('mouseover', function() {
			this.setStyle('background-position', 'left -167px');
		});
		$$('.siteMovie').addEvent('mouseleave', function() {
			this.setStyle('background-position', 'left top');
		});
		$$('.siteMovie').addEvent('click', function() {
			pvname = this.get('id') + 'pv';
			coverOpaFx.start(1).chain(function(){
				$('pvBox').setStyle('display', 'block');
				$('close').setStyle('display', 'block');
				Dsn.loadSwf(pvname);
			});
		});
	},
	loadSwf: function(pvID) {
		movPath = '/branding/flv/' + pvID + '.swf';
		obj = new Swiff(movPath, {
		    id: 'movPlayer',
			width: 480,
			height: 320,
			container: 'pvBox',
		    params: {
				quality: 'best',
		        wmode: 'transparent'
			}
		});
	}
}

window.addEvent('domready', function(){ Dsn.dominit() });
//window.addEvent('load', function(){ Dsn.init() });　描画にずれ？
window.onresize = function() {
	Dsn.changeSize();
};
window.onload = function() {
	Dsn.init();
};

var coverOpaFx;
var preloaderFx;
var domload = 0;
var dragFrom = 0;
var dragEnd = 0;
var distance = 180;
var from = 0;
var step = 0;
var subState = 0;
//var sizePadding = 0;