//　mod_displayControl.js - version 1.0.2
//
// copyright (c) 2009. Project D
// ALL rights reserved.
//
// created: 2010/05/07

// グローバル変数
var aObj01, aObj02, divObj01, divObj02;
aObj01 = $('.lst-rosedew a');
aObj02 = $('.lst-absolute a');
divObj01 = $('#rosedew');
divObj02 = $('#absolute');

$(document).ready(function() {
	// 初期表示設定
	divObj02.hide();
	aObj01.addClass('active');
	
	// ユーザーが、ROSE DEWを選択したときの動作
	aObj01.click(function() { // <li class="lst-rosedew">内のa要素clickイベント
		if($(this).hasClass('active')) { // <li class="lst-rosedew">内のa要素が"active"というclass属性値を持っていた場合
			if(aObj02.hasClass('active')) { // <li class="lst-absolute">内のa要素が"active"というclass属性値を持っていた場合
				aObj02.removeClass('active');
				divObj01.show();
				divObj02.hide();
			} else { // <li class="lst-absolute">内のa要素が"active"というclass属性値を持っていない場合
				divObj01.show();
				divObj02.hide();
			}
		} else { // <li class="lst-rosedew">内のa要素が"active"というclass属性値を持っていない場合
			if(aObj02.hasClass('active')) { // <li class="lst-absolute">内のa要素が"active"というclass属性値を持っていた場合
				aObj01.addClass('active');
				aObj02.removeClass('active'); 
				divObj01.show();
				divObj02.hide();
			} else { // <li class="lst-absolute">内のa要素が"active"というclass属性値を持っていない場合
				aObj01.addClass('active');
				divObj01.show();
				divObj02.hide();
			}
		}
	});
	
	// ユーザーが、absoluteを選択したときの動作
	aObj02.click(function() { // <li class="lst-absolute">内のa要素clickイベント
		if($(this).hasClass('active')) { // <li class="lst-absolute">内のa要素が"active"というclass属性値を持っていた場合
			if(aObj01.hasClass('active')) { // <li class="lst-rosedew">内のa要素が"active"というclass属性値を持っていた場合
				aObj01.removeClass('active');
				divObj01.hide();
				divObj02.show();
			} else { // <li class="lst-absolute">内のa要素が"active"というclass属性値を持っていない場合
				divObj01.hide();
				divObj02.show();
			}
		} else { // <li class="lst-absolute">内のa要素が"active"というclass属性値を持っていない場合
			if(aObj01.hasClass('active')) { // <li class="lst-absolute">内のa要素が"active"というclass属性値を持っていた場合
				aObj01.removeClass('active');
				aObj02.addClass('active'); 
				divObj01.hide();
				divObj02.show();
			} else { // <li class="lst-absolute">内のa要素が"active"というclass属性値を持っていない場合
				aObj02.addClass('active');
				divObj01.hide();
				divObj02.show();
			}
		}
	});
});