/**
 * pupe.jp
 * JavaScript
 * (C) 2007 CyberAgent, Inc. All Rights Reserved.
 */

var currentCategory;
var secureSubmitFlag = true;
var secureChargeFlag = true;
var age = 20;

var min = 0
var max = 190;
var hmove = min;
var vmove = max;
var flg = 2;
var busy = 0;

/*missionJsSub*/
var myID = "lessonClear";
var moID = "lcMove";

var myN6 = document.getElementById;
var myIE = document.all;
var myN4 = document.layers;
var myObj = "";

var myY = -100;
var myYe = -1;
var myYs = -100;
var goMove = 2;
var mflg = 0;

var cTop = 0;
var move = 0;
var endMove = 0;
var sto = 0;

var strOS;
var popUpIcoNaviNO;

function getPupeYear() {
	date = new Date();
	year    = date.getYear()
	year4   = (year < 2000) ? year+1900 : year;
	return year4;
}

function exists(element) {
	var real = $(element);
	if (typeof(real) == 'undefined' || real == null) {
		return false;
	} else {
		return true;
	}
}

function submitBack(form, phase) {
	form.phase.value = phase;
	form.submit();
	return false;
}
function submitDefault(form, phase, mail, action) {
	form.phase.value = phase;
	form.mail.value = mail;
	form.action = action;
	form.submit();
	return false;
}
function errorWord(targetId){
	var cheakWord = document.getElementById(targetId).firstChild.firstChild.nodeValue;
	if(cheakWord == "メールアドレスが既に登録されています。" || cheakWord == "Your E-Mail is registered already."){
		document.getElementById(targetId).innerHTML="";
	}
	return cheakWord;
}

function submitBackFlg(form, phase, flg) {
	form.phase.value = phase;
	form.flg.value = flg;
	form.submit();
	return false;
}

function submitCharge(form) {
	if(secureChargeFlag){
		secureChargeFlag = false;
		form.submit();
		return false;
	}else{
		alert('now processing');
		return false;
	}
}

function enableSecureSubmitButton() {
	secureSubmitFlag = true;
	return false;
}

function secureSubmitAjaxFloatForm(form, element) {
	if(secureSubmitFlag){
		secureSubmitFlag = false;
		return submitAjaxFloatForm(form, element);
	}else{
		alert('now processing');
		return false;
	}
}

function submitBackMb(form, phase, flg) {
	form.phase.value = phase;
	form.flg.value = flg;
	form.submit();
	return false;
}

var enableSubmit = true;
function submitCheck(form) {
	if (enableSubmit) {
		enableSubmit = false;
		showLoading();
		return true;
	} else {
		return false;
	}
}

function showLoading(cancelable) {
	Layer.show('glayer');
	var size = Layer.getWindowSize();
	var offset = Layer.getPageOffset();
	var left = size[0]/2 - 64 + offset[0];
	var top = size[1]/2 - 16 + offset[1];
	$('loading').style.top = top + "px";
	$('loading').style.left = left + "px";

	if (cancelable) {
		Event.observe('glayer', 'click', hideLoadingHandler, false);
		Event.observe('loading', 'click', hideLoadingHandler, false);
	}
	hideSwfList();
	Element.show('loading');
}
function hideLoading() {
	Layer.hide('glayer');
	Element.hide('loading');
	showSwfList();
}
function hideLoadingHandler(event) {
	Event.stopObserving('glayer', 'click', hideLoadingHandler);
	Event.stopObserving('loading', 'click', hideLoadingHandler);
	hideLoading();
}

Event.observe(window, 'unload', function() {hideLoading()});

var floatElement;

function showFloatBox(element) {
	element = $(element);
	var tohide = $('mce_editor_0_fontSizeSelect');
	if (tohide != null && typeof(tohide) != 'undefined') {
		Element.hide(tohide);
	}
	var dim = Element.getDimensions(element);
	var size = Layer.getWindowSize();
	var offset = Layer.getPageOffset();
	var left = Math.max(0, size[0]/2 - dim.width/2 + offset[0]);
	var top = Math.max(0, size[1]/2 - dim.height/2 + offset[1]);
	Element.setStyle(element, {"top": top+"px", "left": left+"px"});
	floatElement = element;
	floatElement.style.position = "absolute";
	floatElement.style.zIndex = 120;
	Element.show(element);
	hideSwfList();
	Layer.show('glayer');
	Event.observe(window.document, 'keydown', keytrapFloatBox);
}

function showFloatBox2(element) {
	element = $(element);
	var tohide = $('mce_editor_0_fontSizeSelect');
	if (tohide != null && typeof(tohide) != 'undefined') {
		Element.hide(tohide);
	}
	var dim = Element.getDimensions(element);
	var size = Layer.getWindowSize();
	var offset = Layer.getPageOffset();
	var left = Math.max(0, size[0]/2 - dim.width/2 + offset[0]);
	var top = Math.max(0, size[1]/2 - dim.height/2 + offset[1]);
	Element.setStyle(element, {"top": top+"px", "left": left+"px"});
	floatElement = element;
	floatElement.style.position = "absolute";
	floatElement.style.zIndex = 120;
	//alert(element.innerHTML)
	Element.show(element);
	//alert(element.innerHTML)
	element.innerHTML = "daaaa";
	hideSwfList();
	Layer.show('glayer');
	//Event.observe(window.document, 'keydown', keytrapFloatBox);
	alert(element.innerHTML)
}

function showFloatBox3(element) {
	element = $(element);
	var tohide = $('mce_editor_0_fontSizeSelect');
	if (tohide != null && typeof(tohide) != 'undefined') {
		Element.hide(tohide);
	}
	var dim = Element.getDimensions(element);
	var size = Layer.getWindowSize();
	var offset = Layer.getPageOffset();
	var left = Math.max(0, size[0]/2 - dim.width/2 + offset[0]);
	var top = Math.max(0, size[1]/2 - dim.height/2 + offset[1]);
	Element.setStyle(element, {"top": top+"px", "left": left+"px"});
	floatElement = element;
	floatElement.style.position = "absolute";
	floatElement.style.zIndex = 120;
	Element.show(element);
	hideSwfList();
	Layer.show('glayer');
	Event.observe('glayer', 'click', function(event) {
					hideFloatBox('floaterR');
				});
}
function showFloatBoxSocial(element, targetL, url, logoClass, message) {
	element = $(element);
	var targetLink = $(targetL);
	var list = $("mediaLogo");
	var messagePadding = $("messagePadding");

	targetLink.href = url;
	list.className = "logoWrap "+logoClass;
	messagePadding.innerHTML = message;

	var tohide = $('mce_editor_0_fontSizeSelect');
	if (tohide != null && typeof(tohide) != 'undefined') {
		Element.hide(tohide);
	}
	var dim = Element.getDimensions(element);
	var size = Layer.getWindowSize();
	var offset = Layer.getPageOffset();
	var left = Math.max(0, size[0]/2 - dim.width/2 + offset[0]);
	var top = Math.max(0, size[1]/2 - dim.height/2 + offset[1]);
	//element.firstChild.href =  url;
	Element.setStyle(element, {"top": top+"px", "left": left+"px"});
	floatElement = element;
	floatElement.style.position = "absolute";
	floatElement.style.zIndex = 120;
	Element.show(element);
	hideSwfList();
	Layer.show('glayer');
	Event.observe('glayer', 'click', function(event) {
					hideFloatBox('floaterRelease');
				});
}



function hideFloatBox(element) {
	Layer.hide('glayer');
	var tohide = $('mce_editor_0_fontSizeSelect');
	if (exists(tohide)) {
		Element.show(tohide);
	}
	if (exists(element)) {
		Element.hide(element);
	}
	showSwfList();
	Event.stopObserving(window.document, 'keydown', keytrapFloatBox);
}

var swfList = [];
function showSwfList() {
	if (BrowserDetect.browser == "Explorer") {
		for (var i = 0; i < swfList.length; i++) {
			Element.show(swfList[i]);
		}
	}
}
function hideSwfList() {
	if (BrowserDetect.browser == "Explorer") {
		for (var i = 0; i < swfList.length; i++) {
			Element.hide(swfList[i]);
		}
	}
}

function showAjaxFloat(a) {
	Element.hide('floater');
	showLoading();
	var url = a.href;
	var params = "essential=1";
	if (url.indexOf('?') != -1) {
		params = url.substring(url.indexOf('?')+1) + "&essential=1";
		url = url.substring(0, url.indexOf('?'));
	}
	new Ajax.Updater(
		'floater',
		url,
		{
			method : "get",
			parameters : params,
			onSuccess : function(event) {
				hideLoading();
				showFloatBox('floater');
				Event.observe('glayer', 'click', function(event) {
					hideFloatBox('floater');
				});
			},
			onFailure : function(event) {
				hideLoading();
			},
			evalScripts : true
		}
	);
	return false;
}

function toggleCategories(parent, element) {
	if (Element.hasClassName(parent, 'selected')) {
		Element.removeClassName(parent, 'selected');
	} else {
		Element.addClassName(parent, 'selected');
	}
	Element.toggle(element);
}

function bgcolorChange(parent,firstCategory){
	if(firstCategory != parent){
		Element.removeClassName(firstCategory, 'sub_selected');
		Element.addClassName(parent, 'sub_selected');
	}
	if(parent != currentCategory){
		Element.removeClassName(currentCategory, 'sub_selected');
		Element.addClassName(parent, 'sub_selected');
	}else{
		Element.addClassName(parent, 'sub_selected');
	}
	currentCategory = parent;
}

function showBaloon(baloon, target) {
	var baloon = $(baloon);
	var target = $(target);

	var offset = Position.cumulativeOffset(target);
	var dims1 = Element.getDimensions(target);
	var dims2 = Element.getDimensions(baloon);

	var top = offset[1] - dims2.height + 10;
	var left = offset[0] + dims1.width - dims2.width / 5 - 10;

	Element.setStyle(baloon, {top:top + "px", left:left + "px"});

	Event.observe(target, 'mouseout', function() {
		Element.hide(baloon);
	});
	Element.show(baloon);
}

function iconFukidashi(targetId){
  	var target = $(targetId);

  	if(target.getAttribute("title").length != 0){
	    var offset = Position.cumulativeOffset(target);

		// set position
	    var x = offset[0] + 20;
	    var y = offset[1] - 41;

        var fukidashi = document.createElement("div");
		var browserVer =navigator.appVersion;

		var ie6flag = new RegExp("MSIE 6", "i");
		if (browserVer.match(ie6flag)){
        	Element.setStyle(fukidashi, {position:"absolute", top:y+"px", left:x+"px", width:"100px", height:"70px", filter:" progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/bt.png',sizingMethod=scale)"});
 		}
		else{
        	Element.setStyle(fukidashi, {position:"absolute", top:y+"px", left:x+"px", width:"100px", height:"70px", background:"url('/image/bt.png') no-repeat", filter:" progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/bt.png',sizingMethod=scale)"});
	    }

	    var icon = document.createElement("img");
	    icon.src="/image/cafeicon_" + target.getAttribute("iconId") + ".gif";
	    Element.setStyle(icon, {position:"absolute", top:"23px", left:"12px",float:"left"});
	    fukidashi.appendChild(icon);

	    var text = document.createElement("span");
	    var chars = $A(target.getAttribute("title").split(""));
	    var body = "";
	    for(var i=0; i<chars.length; i++){
	        body += chars[i] + "<wbr>";
	    }
	    text.innerHTML = body;
        Element.setStyle(text, {position:"absolute", top:"18px", left:"35px", width:"5em", fontSize:"12px", textAlign:"left"});
	    fukidashi.appendChild(text);

	    document.body.appendChild(fukidashi);
	    Element.show(fukidashi);

		Event.observe(target, 'mouseout', function(event) {
	        px = Event.pointerX(event);
	        py = Event.pointerY(event);
	        if(px-2 < offset[0] || px+2 > offset[0]+target.width || py-2 < offset[1] || py+2 > offset[1]+target.height){
	              Element.hide(fukidashi);
	        }
		});

		Event.observe(fukidashi, 'mouseout', function(event) {
	        px = Event.pointerX(event);
	        py = Event.pointerY(event);
	        if(px-2 < x || px+2 > x+100 || py-2 < y || py+2 > y+70){
	              Element.hide(fukidashi);
	        }
		});
	}
}


function showImageBox(element) {
	showLoading(true);

	var container = document.createElement('div');
	container.setAttribute('id', 'imageBox');
	Element.hide(container);
	var containerImage = document.createElement('img');
	containerImage.setAttribute('id', 'imageBoxImage');
	containerImage.setAttribute('oncontextmenu', 'return false;');
	container.appendChild(containerImage);

	document.body.appendChild(container);

	preloader = new Image();
	preloader.onload = function() {
		var glayer = $('glayer');

		if (exists(glayer) && Element.visible(glayer)) {
			$('imageBoxImage').src = preloader.src;
			var size = Layer.getWindowSize();
			var offset = Layer.getPageOffset();
			var left = Math.max(0, size[0]/2 - preloader.width/2 + offset[0]);
			var top = Math.max(0, size[1]/2 - preloader.height/2 + offset[1]);
			$('imageBox').style.left = left + "px";
			$('imageBox').style.top = top + "px";

			Event.observe('imageBoxImage', 'click', hideImageBox);
			Event.observe('imageBox', 'click', hideImageBox);
			Event.observe('glayer', 'click', hideImageBox);

			var tohide = $('mce_editor_0_fontSizeSelect');
			if (typeof(tohide) != 'undefined' && tohide != null) {
				Element.hide(tohide);
			}
			Element.show('imageBox');
		}
	};
	preloader.src = element.href;
	return false;
}
function hideImageBox() {
	Element.stopObserving('imageBox', 'click', hideImageBox);
	Element.stopObserving('imageBoxImage', 'click', hideImageBox);
	Element.stopObserving('glayer', 'click', hideImageBox);
	hideLoading();
	Element.hide('imageBox');
}

function submitAjaxUpdate(element, url, params, method) {
	showLoading();
	new Ajax.Updater(
		element,
		url,
		{
			method : method,
			parameters : params,
			onSuccess : function() {
				hideLoading();
			},
			onFailure : function() {
				hideLoading();
			}
		}
	);
}

function submitAjaxForm(form, element) {
	showLoading();
	new Ajax.Updater(
		element,
		form.action,
		{
			method: form.method,
			parameters : Form.serialize(form),
			onSuccess : function() {
				hideLoading();
			},
			onFailure : function() {
				hideLoading();
			},
			evalScripts: true
		}

	);
	return false;
}

function submitAjaxFloatForm(form, element) {
	showLoading();
	new Ajax.Updater(
		element,
		form.action,
		{
			method: form.method,
			parameters : Form.serialize(form),
			onSuccess : function() {
				hideLoading();
				showFloatBox(element);
			},
			onFailure : function() {
				hideLoading();
			},
			evalScripts: true
		}
	);
	return false;
}

function updateAjaxLink(a, element, storeId) {
	var url = a.href;
	var params = "essential=1";
	if (url.indexOf('?') != -1) {
		params = url.substring(url.indexOf('?')+1) + "&essential=1";
		url = url.substring(0, url.indexOf('?'));
	}
	return updateAjax(url, params, element, storeId);
}

function updateAjax(url, params, element, storeId) {
	showLoading();
	new Ajax.Updater(
		element,
		url,
		{
			method : "get",
			parameters : params,
			onSuccess : function(e) {
				if (storeId != null && typeof(storeId) != "undefined") {
					dhtmlHistory.add(storeId, e.responseText);
				}
				hideLoading();
			},
			onFailure : function() {
				hideLoading();
			},
			evalScripts : true
		}
	);

	loadHeaderFrameBanner();
	return false;
}

function updateAjaxSimple(url, element) {
	new Ajax.Updater(
		element,
		url,
		{
			method : "get",
			onSuccess : function() {
			},
			onFailure : function() {
			},
			evalScripts : true
		}
	);
	return false;
}

function requestAjaxSimple(url) {
	new Ajax.Request(
		url
	);
	return false;
}

function changeCloset(a, element, storeId) {

	var url = a.href;
	var params = "essential=1";
	if (url.indexOf('?') != -1) {
		params = url.substring(url.indexOf('?')+1) + "&essential=1";
		url = url.substring(0, url.indexOf('?'));
	}

	new Ajax.Updater(
		element,
		url,
		{
			method : "get",
			parameters : params,
			onSuccess : function(e) {
				if (storeId != null && typeof(storeId) != "undefined") {
					dhtmlHistory.add(storeId, e.responseText);
				}
				hideLoading();
			},
			onFailure : function() {
				hideLoading();
			},
			evalScripts : true
		}
	);

	return false;
}

function keytrapFloatBox(event) {
	switch (event.keyCode) {
	case Event.KEY_ESC:
		hideFloatBox(floatElement);
		return false;
	default:
		return true;
	}
}

function selectCategoryPattern(pattern, id, name) {
	if (pattern == 0) {
		hideFloatBox('categoryBox');
		selectCategory(id, name);
		checkHandMade('brandFormArea',brands,id)
	} else {
		hideFloatBox('categoryBox');
		showFloatBox('subCategoryBox' + id);
	}
}

function selectCategory(id, name) {
	var lis = $('categoryBox').getElementsByTagName("li");
	for (var i = 0; i < lis.length; i++) {
		lis[i].style.background = "";
	}
	$('category_' + id).style.background = "#ffee99";
	$('categoryId').value = id;
	$('categoryName').innerHTML = name;
}

function checkHandMade(element, brands, categoryId) {
	var deleteBrands = [];
	if (categoryId == 2910 ||
		categoryId == 3910 ||
		categoryId == 4910 ||
		categoryId == 5910 ||
		categoryId == 7910 ||
		categoryId == 8910 ||
		categoryId == 9910 ||
		categoryId == 10910 ||
		categoryId == 11910 ||
		categoryId == 13020) {
		for (var i = 0; i < brands.length; i++) {
			brands.splice(i, 1);
		}
		constructBrandList(element, deleteBrands);
		changeBrandButton(1, element, deleteBrands);
	} else {
		changeBrandButton(0, element, brands);
	}
}

function searchBrandPrefix(prefix, element) {
	new Ajax.Updater(
		element,
		'/cute/brand/search',
		{
			method: 'get',
			parameters: 'prefix=' + prefix + '&essential=1',
			onSuccess: function() {
				Element.hide('prefixSearch');
				Element.show('prefixResult');
			}
		}
	);
}

function searchBrand(word, size, element) {
	new Ajax.Updater(
		element,
		'/cute/brand/search',
		{
			method: 'get',
			parameters: 'word=' + word + '&size=' + size + '&essential=1',
			onSuccess: function() {
				Element.hide('prefixSearch');
				Element.show('prefixResult');
			}
		}
	);
}

function submitEditor(textarea) {
	textarea.value = tinyMCE.getContent();
	textarea.submit();
}

function userSearchByNickname(value) {
    new Ajax.Updater(
    	'userList',
    	'/cute/user/search', {
        method: 'post',
        parameters: 'condition='+value
    });
}

function brandSearch(value) {
    new Ajax.Updater(
    	'brandList',
    	'/cute/user/brand/search', {
        method: 'post',
        parameters: 'condition='+value
    });
}

function loadHeaderBanner() {

	new Ajax.Updater(
		'bannerArea',
		'/cute/banner',
		{
			method : "post",
			parameters : "baseType=header&seg=1",
			evalScripts : true
		}
	);
	return false;
}

function loadHeaderFrameBanner(){

	var targetNode = document.getElementById('bannerArea');

	if(age == 19){
		bannerUrl = "headerBanner1.html";
	}if(age == 20){
		bannerUrl = "headerBanner2.html";
	}
	targetNode.innerHTML = '<iframe width="728" scrolling="no" height="90" frameborder="0" src="http://stat.pupe.ameba.jp/'+bannerUrl+'" marginheight="0" marginwidth="0" vspace="0" hspace="0" allowtransparency="true"></iframe>';

}

function loadBanner(baseType,seg) {
	var targetArea;
	if(baseType == "header"){
		targetArea = "bannerArea";
	}if(baseType == "newMstr"){
		targetArea = "actionCplBannerArea";
	}
	new Ajax.Updater(
		targetArea,
		'/cute/banner',
		{
			method : "get",
			parameters : 'baseType=' + baseType + '&seg=' + seg,
			evalScripts : true
		}
	);
	return false;
}

function checkAgreeFlag(form) {
	if(form.checkAgree.checked){
		return submitCheck(form);
	} else {
		alert("\u898f\u7d04\u306b\u540c\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002");
		return false;
	}
}

Element.getClassValues = function(element, classnames) {
	var children = $(element).childNodes;
	var result = new Object();
	for (var i = 0; i < classnames.length; i++) {
		 for (var j = 0; j < children.length; j++) {
			if((children[j].className == classnames[i]) && children[j].hasChildNodes()){
			  result[classnames[i]] = children[j].childNodes[0].nodeValue;
			  break;
			}
		 }
	}
	return result;
}

/**
 * Originally from glayer.js version 1.0.0 (Update 2006/08/07)
 * - onozaty (http://www.enjoyxstudy.com)
 * Released under the Creative Commons License(Attribution 2.1 Japan)
 * http://creativecommons.org/licenses/by/2.1/jp/
 *
 * Modified by CyberAgent, Inc.
 */
var Layer = {
	show: function(element, options) {
 		var position = Element.getStyle(element, 'position');

		if (position != 'fixed') {
			var size = this.getPageSize();
			$(element).style.width  = size[0] + 'px';
			$(element).style.height = size[1] + 'px';
		}
		Element.show(element);
	},

	hide: function(element, options) {
		Element.hide(element);
	},

	getWindowSize: function() {
		var width;
		var height;

		if (document.compatMode == 'CSS1Compat' && !window.opera) {
			// Strict Mode && Non Opera
			width  = document.documentElement.clientWidth;
			height = document.documentElement.clientHeight;
		} else {
			// other
			width  = document.body.clientWidth;
			height = document.body.clientHeight;
		}
		return [width, height];
	},

	getPageOffset: function() {
		if (document.all || document.opera) {
			return [document.documentElement.scrollLeft, document.documentElement.scrollTop];
		} else {
			return [window.pageXOffset, window.pageYOffset];
		}
	},

	getPageSize: function() {
		var windowSize = this.getWindowSize();
		var width  = windowSize[0];
		var height = windowSize[1];

		if (document.compatMode == 'CSS1Compat') {
			if (document.documentElement.scrollWidth > width) {
				width  = document.documentElement.scrollWidth;
			}
			if (document.documentElement.scrollHeight > height) {
				height = document.documentElement.scrollHeight;
			}
		} else {
			if (document.body.scrollWidth > width) {
				width  = document.body.scrollWidth;
			}
			if (document.body.scrollHeight > height) {
				height = document.body.scrollHeight;
			}
		}
		return [width, height];
	}
}

var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();

/** Home icoNavi **/

function popUpIcoNavi(ico,num,ln){
	popUpIcoNaviNO = num;
	if(ico.boo == undefined){
		ico.boo = true;
	}
	if(ico.boo){
		var body = document.getElementsByTagName("body")[0];
		var icoName = document.createElement("div");
	    icoName.id = 'IcoNaviPopUp' + popUpIcoNaviNO;

		body.appendChild(icoName);
		var S = Position.cumulativeOffset($(ico));
		var top = S[1]-22;
		var left = S[0]-32;
		var bp = -21 * num;
		Element.setStyle(icoName,{
				"display":"block",
				"background":'url("/image/'+ln+'/ico_navi.gif") no-repeat 0 '+bp+'px',
				"position":"absolute",
				"width":"88px",
				"height":"21px",
				"top":top+"px",
				"left":left+"px",
				"z-index":"1003"
		})
		ico.boo = false;
	}else{
		var my = 'IcoNaviPopUp' + popUpIcoNaviNO;
		document.getElementById(my).style.display = 'block';
	}
}
function popUpIcoClose(){
	var myPopId = "IcoNaviPopUp" + popUpIcoNaviNO;
	document.getElementById(myPopId).style.display = 'none';
	//var body = document.getElementsByTagName("body")[0];
   // document.body.removeChild(document.getElementById("IcoNaviPopUp" + popUpIcoNaviNO));
}

/** clothe detail shareNavi **/

function popUpShareNavi(ico,num,ln){
	var body = document.getElementsByTagName("body")[0];
    var icoName = document.createElement("div");
    icoName.id = "ShareNaviPopUp";

	body.appendChild(icoName);
	var S = Position.cumulativeOffset($(ico));
	var top = S[1]-22;
	var left = S[0]-36;
	var bp = -21 * num;
	Element.setStyle(icoName,{
			"display":"block",
			"background":'url("/image/'+ln+'/ico_navi_share.gif") no-repeat 0 '+bp+'px',
			"position":"absolute",
			"width":"88px",
			"height":"21px",
			"top":top+"px",
			"left":left+"px",
			"z-index":"1003"
			 })
}
function popUpShareClose(){
	var body = document.getElementsByTagName("body")[0];
    body.removeChild(document.getElementById("ShareNaviPopUp"));
}

function setAge(ftlAge){
	age = ftlAge;
}

function setSearchWord(keywords){
	document.getElementById('nickname').value=keywords;
	userSearchByNickname(keywords);
}

/**
 * SWFObject v1.5: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
 *
 * SWFObject is (c) 2007 Geoff Stearns and is released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 */
if(typeof deconcept=="undefined"){var deconcept=new Object();}if(typeof deconcept.util=="undefined"){deconcept.util=new Object();}if(typeof deconcept.SWFObjectUtil=="undefined"){deconcept.SWFObjectUtil=new Object();}deconcept.SWFObject=function(_1,id,w,h,_5,c,_7,_8,_9,_a){if(!document.getElementById){return;}this.DETECT_KEY=_a?_a:"detectflash";this.skipDetect=deconcept.util.getRequestParameter(this.DETECT_KEY);this.params=new Object();this.variables=new Object();this.attributes=new Array();if(_1){this.setAttribute("swf",_1);}if(id){this.setAttribute("id",id);}if(w){this.setAttribute("width",w);}if(h){this.setAttribute("height",h);}if(_5){this.setAttribute("version",new deconcept.PlayerVersion(_5.toString().split(".")));}this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion();if(!window.opera&&document.all&&this.installedVer.major>7){deconcept.SWFObject.doPrepUnload=true;}if(c){this.addParam("bgcolor",c);}var q=_7?_7:"high";this.addParam("quality",q);this.setAttribute("useExpressInstall",false);this.setAttribute("doExpressInstall",false);var _c=(_8)?_8:window.location;this.setAttribute("xiRedirectUrl",_c);this.setAttribute("redirectUrl","");if(_9){this.setAttribute("redirectUrl",_9);}};deconcept.SWFObject.prototype={useExpressInstall:function(_d){this.xiSWFPath=!_d?"expressinstall.swf":_d;this.setAttribute("useExpressInstall",true);},setAttribute:function(_e,_f){this.attributes[_e]=_f;},getAttribute:function(_10){return this.attributes[_10];},addParam:function(_11,_12){this.params[_11]=_12;},getParams:function(){return this.params;},addVariable:function(_13,_14){this.variables[_13]=_14;},getVariable:function(_15){return this.variables[_15];},getVariables:function(){return this.variables;},getVariablePairs:function(){var _16=new Array();var key;var _18=this.getVariables();for(key in _18){_16[_16.length]=key+"="+_18[key];}return _16;},getSWFHTML:function(){var _19="";if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","PlugIn");this.setAttribute("swf",this.xiSWFPath);}_19="<embed type=\"application/x-shockwave-flash\" src=\""+this.getAttribute("swf")+"\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\" style=\""+this.getAttribute("style")+"\"";_19+=" id=\""+this.getAttribute("id")+"\" name=\""+this.getAttribute("id")+"\" ";var _1a=this.getParams();for(var key in _1a){_19+=[key]+"=\""+_1a[key]+"\" ";}var _1c=this.getVariablePairs().join("&");if(_1c.length>0){_19+="flashvars=\""+_1c+"\"";}_19+="/>";}else{if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","ActiveX");this.setAttribute("swf",this.xiSWFPath);}_19="<object id=\""+this.getAttribute("id")+"\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\" style=\""+this.getAttribute("style")+"\">";_19+="<param name=\"movie\" value=\""+this.getAttribute("swf")+"\" />";var _1d=this.getParams();for(var key in _1d){_19+="<param name=\""+key+"\" value=\""+_1d[key]+"\" />";}var _1f=this.getVariablePairs().join("&");if(_1f.length>0){_19+="<param name=\"flashvars\" value=\""+_1f+"\" />";}_19+="</object>";}return _19;},write:function(_20){if(this.getAttribute("useExpressInstall")){var _21=new deconcept.PlayerVersion([6,0,65]);if(this.installedVer.versionIsValid(_21)&&!this.installedVer.versionIsValid(this.getAttribute("version"))){this.setAttribute("doExpressInstall",true);this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));document.title=document.title.slice(0,47)+" - Flash Player Installation";this.addVariable("MMdoctitle",document.title);}}if(this.skipDetect||this.getAttribute("doExpressInstall")||this.installedVer.versionIsValid(this.getAttribute("version"))){var n=(typeof _20=="string")?document.getElementById(_20):_20;n.innerHTML=this.getSWFHTML();return true;}else{if(this.getAttribute("redirectUrl")!=""){document.location.replace(this.getAttribute("redirectUrl"));}}return false;}};deconcept.SWFObjectUtil.getPlayerVersion=function(){var _23=new deconcept.PlayerVersion([0,0,0]);if(navigator.plugins&&navigator.mimeTypes.length){var x=navigator.plugins["Shockwave Flash"];if(x&&x.description){_23=new deconcept.PlayerVersion(x.description.replace(/([a-zA-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."));}}else{if(navigator.userAgent&&navigator.userAgent.indexOf("Windows CE")>=0){var axo=1;var _26=3;while(axo){try{_26++;axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+_26);_23=new deconcept.PlayerVersion([_26,0,0]);}catch(e){axo=null;}}}else{try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");}catch(e){try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");_23=new deconcept.PlayerVersion([6,0,21]);axo.AllowScriptAccess="always";}catch(e){if(_23.major==6){return _23;}}try{axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");}catch(e){}}if(axo!=null){_23=new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));}}}return _23;};deconcept.PlayerVersion=function(_29){this.major=_29[0]!=null?parseInt(_29[0]):0;this.minor=_29[1]!=null?parseInt(_29[1]):0;this.rev=_29[2]!=null?parseInt(_29[2]):0;};deconcept.PlayerVersion.prototype.versionIsValid=function(fv){if(this.major<fv.major){return false;}if(this.major>fv.major){return true;}if(this.minor<fv.minor){return false;}if(this.minor>fv.minor){return true;}if(this.rev<fv.rev){return false;}return true;};deconcept.util={getRequestParameter:function(_2b){var q=document.location.search||document.location.hash;if(_2b==null){return q;}if(q){var _2d=q.substring(1).split("&");for(var i=0;i<_2d.length;i++){if(_2d[i].substring(0,_2d[i].indexOf("="))==_2b){return _2d[i].substring((_2d[i].indexOf("=")+1));}}}return "";}};deconcept.SWFObjectUtil.cleanupSWFs=function(){var _2f=document.getElementsByTagName("OBJECT");for(var i=_2f.length-1;i>=0;i--){_2f[i].style.display="none";for(var x in _2f[i]){if(typeof _2f[i][x]=="function"){_2f[i][x]=function(){};}}}};if(deconcept.SWFObject.doPrepUnload){if(!deconcept.unloadSet){deconcept.SWFObjectUtil.prepUnload=function(){__flash_unloadHandler=function(){};__flash_savedUnloadHandler=function(){};window.attachEvent("onunload",deconcept.SWFObjectUtil.cleanupSWFs);};window.attachEvent("onbeforeunload",deconcept.SWFObjectUtil.prepUnload);deconcept.unloadSet=true;}}if(!document.getElementById&&document.all){document.getElementById=function(id){return document.all[id];};}var getQueryParamValue=deconcept.util.getRequestParameter;var FlashObject=deconcept.SWFObject;var SWFObject=deconcept.SWFObject;

function userBrandAdd(form, phase, brandId, sequence, secure) {
	form.phase.value = phase;
	form.brandId.value = brandId;
	form.sequence.value = sequence;
	form.secure.value = secure;
	return submitAjaxFloatForm(form, 'floater');
};

function goLesson(){
	if(busy == 0){
		flg %= 2;
		if(flg == 1){
			document.getElementById("lessonNote").innerHTML ="";
			busy = 1;
			closeLesson();
		}else if(flg == 0){
			busy = 1;
			openLesson();
		}
		flg++;
	}

}
function openLesson(){
	if(hmove < max){
			document.getElementById("lessonNote").style.display = "block";
			document.getElementById("lessonNote").style.height = hmove+"px";
				hmove = Math.ceil((hmove + max) / 2);
				setTimeout("openLesson()",40);

	}else if(hmove >= max){
		busy =0;
		vmove = hmove;
		var a = new Ajax.Updater("lessonNote","/cute/mission",
		{method:'get',evalScripts:true,
		onSuccess: function(request){},
		onComplete: function(request){document.getElementById("lessonNote").style.height = max+"px";},
		onFailure: function(request){},
		onException: function (request){}
		});
	}
}
function closeLesson(){
	if(vmove > min){
		document.getElementById("lessonNote").style.display = "block";
		document.getElementById("lessonNote").style.height = vmove+"px";
			vmove = Math.floor((vmove + min) / 2);
			setTimeout("closeLesson()",40);

	}else if(vmove <= 1){
		document.getElementById("lessonNote").style.display = "none";
		busy =0;
		hmove = vmove;
	}
}

function showMissionCleared_r(msg){
	document.getElementById(moID).innerHTML ="<div id='lessonClear'><div id='lessonIn'>" +msg+ "</div></div>";
	clearMove =setInterval("clearMain_r()",10);
}

function clearMain_r(){
   if (myIE){
      myObj = document.all[myID].style;
      mypx = "px";
   }else if (myN6){
      myObj=document.getElementById(myID).style;
      mypx = "px";
   }else if (myN4){
      myObj = document[myID];
      mypx = "";
   }


	if(mflg == 0 && myYe >= myY){
		cTop = document.documentElement.scrollTop || document.body.scrollTop;
		myY = myY + goMove;
		move = cTop + myY;
		myObj.top  = move + mypx;
	}else if(mflg == 0 && myYe <= myY){
		cTop = document.documentElement.scrollTop || document.body.scrollTop;
		myObj.top  = cTop + mypx;
		if(sto == 0){
			setTimeout("reFlg_r()",3000);
			sto += 1;
		}
	}else if(mflg == 1 && myYs <= myY){
		cTop = document.documentElement.scrollTop || document.body.scrollTop;
		myY = myY - goMove;
		move = cTop + myY;
		myObj.top  = move + mypx;
	}else{
		document.getElementById(moID).innerHTML ="";
		clearInterval(clearMove);

		myN6 = document.getElementById;
		myIE = document.all;
		myN4 = document.layers;
		myObj = "";
		myY = -100;
		myYe = -1;
		myYs = -100;
		goMove = 2;
		mflg = 0;

		cTop = 0;
		move = 0;
		endMove = 0;
		sto = 0;
	}

}

function reFlg_r(){
	mflg = 1;
}


function abc(){
	alert("test");
}

//イベント実行 並列可
//ex：addEvent(window,'load',help.init);
function addEvent(elm,listener,fn){
	try{
		elm.addEventListener(listener,fn,false);
	}catch(e){
		elm.attachEvent("on"+listener,fn);
	}
}

/** ==================================================
  Help Page
================================================== **/
var help = {
	init : function() {
		help.HPMActive();
	},
	//URLパラメータ取得
	parseParam : function() {
		var hash = new Array();
		var param;
		if(param = location.search){
			var parray = param.replace('?','').split('&');
			for(var i=0;i<parray.length;i++){
				var n = parray[i].split('=');
				hash[n[0]] = n[1];
			}
		}else{
			return false;
		}
		return hash;
	},
	//サイドメニューカレントアクティブ
	HPMActive : function() {
		var param = help.parseParam();
		var pageName = param.code;
		if(pageName == undefined){
			pageName = 'top';
		}
		var liId = document.getElementById(pageName+'HM');
		liId.firstChild.className='selected';
	},
	//ページ内リンククリック
	pageClick : function() {
		var helpCont = document.getElementById('answerContents').getElementsByTagName('a');
		var pageInURL = new Array();
		var linktypeAry = new Array();
		var idChild = new Array();
		for (var i = 0, len = helpCont.length; i < len; i++) {
			pageInURL[i] = helpCont[i].getAttribute('href');
			if(pageInURL[i].match(new RegExp('#'))){
				linktypeAry[i] = pageInURL[i].substring(pageInURL[i].lastIndexOf('#')+1, pageInURL[i].length);
			}
			var myId = document.getElementById(linktypeAry[i]);
			idChild[i] = accordion.getChild(myId);
			helpCont[i].myNum = i;
			helpCont[i].onclick = function() {
				myClick(idChild[this.myNum]);
			}
		};
		function myClick(myIdChild){
			if ( !myIdChild.accordionState ) {
				myIdChild.style.backgroundImage = accordion.config.icoClose;
				if ( myIdChild.nodeName == 'IMG' ) {
					myIdChild.src = myIdChild.activeImage;
				}
				accordion.slideDown(myIdChild.accordionId);
				myIdChild.accordionState = true;
			} else {
			}
		};
	}
}