var featured = new Array();
var http = getHTTPObject();
function init() {
	if(document.getElementsByTagName("body")[0].className == "personal_data") {
		winClose();
	}
	else {
		featuredEffects();
		showFeatured();
		blackwindow();
	}
}

function featuredEffects() {
	featured = document.getElementById("members").getElementsByTagName("li");
	for(var q = 0; q < featured.length; q++) {
		featured[q].getElementsByTagName("a")[0].style.backgroundPosition = "0 0";
		featured[q].onmouseover = function() {
			for(var w = 0; w < featured.length; w++) {featured[w].getElementsByTagName("a")[0].style.backgroundPosition = "0 100%";}
			this.getElementsByTagName("a")[0].style.backgroundPosition = "0 50%";
		}
		featured[q].onmouseout = function() {for(var w = 0; w < featured.length; w++) {featured[w].getElementsByTagName("a")[0].style.backgroundPosition = "0 50%";}}
	}
	var featuredZone = document.getElementById("members");
	featuredZone.onmouseout = function() {for(var w = 0; w < featured.length; w++) {featured[w].getElementsByTagName("a")[0].style.backgroundPosition = "0 0";}}
}

function getHTTPObject() { 
	var xmlhttp; 
	/*@cc_on 
	@if (@_jscript_version >= 5) 
	try { 
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); 
	} catch (e) { 
		try { 
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
		} catch (E) {
			xmlhttp = false; 
		} 
	} 
	@else 
	xmlhttp = false; 
	@end @*/ 
	if (!xmlhttp && typeof XMLHttpRequest != 'undefined') { 
		try { 
			xmlhttp = new XMLHttpRequest();
				xmlhttp.overrideMimeType("text/xml");
		} catch (e) { 
			xmlhttp = false; 
		} 
	} 
	return xmlhttp; 
}
function showFeatured() {
	http.open("GET", "./data/thumbnail.xml", true);
	http.onreadystatechange = doFeatured;
	http.send(null);
}
function doFeatured() {
	if (http.readyState == 4) {
		if (http.responseText.indexOf('invalid') == -1) {
			var xmlDocument = http.responseXML;
			var items = xmlDocument.getElementsByTagName("item");
			for(var q = 0; q < featured.length; q++) {
				var myLink = featured[q].getElementsByTagName("a")[0];
				myLink.href = items[q].getAttribute("href");
				myLink.src = items[q].getAttribute("src");
				myLink.title = items[q].getAttribute("title");
				myLink.style.background = "transparent url(" + items[q].getAttribute("src") + "thumb.jpg) no-repeat 0 0";
				var myText = document.createTextNode(myLink.title);
				var myText = document.createTextNode(myLink.href);
				var myTextContainer = document.createElement("i");
				myTextContainer.appendChild(myText);
				myLink.replaceChild(myTextContainer, myLink.getElementsByTagName("i")[0]);
			}
		}
	}
}


function blackwindow(){
	if(!document.getElementById("memberList")){
		return false;
	}
	//divを作成しidをつけ、body直下に設置//
	var element = document.createElement("div");
	element.id = "black";
	document.body.insertBefore(element,document.body.firstChild);
	element.style.display = "none";

	//フレームを含む高さの振り分け//
	if(document.all){
		theight = document.body.scrollHeight;
	}else{
		theight = document.documentElement.scrollHeight;
	}
	if(navigator.appVersion.indexOf("MSIE",0) != -1){
		nheight = document.body.clientHeight;
	}else if(navigator.userAgent.indexOf("Firefox",0) != -1){
		nheight = document.documentElement.clientHeight + window.scrollMaxY +"px";
	}else{
		nheight =  document.body.scrollHeight;
	}
	if(nheight > theight){
		fHeight = nheight;
	}else{
		fHeight = theight;
	}
	element.style.height = fHeight+"px";

	//divを作成しidをつけ、最初に作ったdivの直下(bodyから2つ目)に設置//
	var iframe = document.createElement("div");
	iframe.id= "ladyWindow";
	document.body.insertBefore(iframe,document.body.firstChild.nextSibling);
	iframe.style.display = "none";
	
	//ladiesの長さ分、リンクを取りに行く//
	var lists = document.getElementById("members");
	var links = lists.getElementsByTagName("a");
	for(var i=0; i<links.length; i++){
		links[i].onclick =function(ladyName){
			var ladyName = this.getAttribute("href");
			fadeIn();

			var iframeData = '<iframe src="./profile/'+ ladyName +'" width="600px" height="625px" scrolling="no" frameborder="0" allowtransparency="true">この部分はインラインフレーム対応のブラウザで見てください。</iframe>';

			iframe.innerHTML = iframeData;
			//スクロールがでた際のifremeの表示の上余白設定//
			if(document.documentElement.scrollTop){
				newTop = document.documentElement.scrollTop;
			}else{
				newTop = document.body.scrollTop;
			}
			iframe.style.top = newTop + "px" ;
			

			//表示・非表示の実行//
			element.onclick = function(){
				fadeOut();
				//element.style.display = "none";
				//iframe.style.display = "none";
				iframe.firstChild.removeAttribute("src");
			}
			iframe.onclick = function(){
				fadeOut();
				//element.style.display = "none";
				//iframe.style.display = "none";
				iframe.firstChild.removeAttribute("src");
			}

		return false;
		}
	}
}

function getwindowheight(){
	if(!document.getElementById("black")){
		return false;
	}
	var element = document.getElementById("black");

	if(document.all){
		theight = document.body.scrollHeight;
	}else{
		theight = document.documentElement.scrollHeight;
	}

	if(navigator.appVersion.indexOf("MSIE",0) != -1){
		nheight = document.body.clientHeight;
	}else if(navigator.userAgent.indexOf("Firefox",0) != -1){
		nheight = document.documentElement.clientHeight;
	}else{
		nheight =  document.body.scrollHeight;
	}
	if(nheight > theight){
		fHeight = nheight;
	}else{
		fHeight = theight;
	}
	element.style.height = fHeight+"px";
}

window.onresize = getwindowheight;

/*fade in*/
function fadeIn(){
	var speed = 10;
	var timer = 0;
	var element = document.getElementById("black");
	element.style.display = "inline";
	element.style.opacity = 0;
	element.style.backgroundImage = "url(../images/progressbar_long.gif)";
	element.style.backgroundRepeat = "no-repeat";
	element.style.backgroundPosition = "50% 450px";

	for(i = 0; i <= 80; i++){
		setTimeout("changeOpac(" + i + ")",(timer * speed));
		timer++;
		setTimeout(function(){document.getElementById("ladyWindow").style.display = "inline";}, 810);
	}
}

/*fade out*/
function fadeOut(){
	var speed = 10;
	var timer = 0;
	var element = document.getElementById("black");
	element.style.backgroundImage = "";
	document.getElementById("ladyWindow").style.display = "none";

	for(i = 80; i >= 0; i--){
		setTimeout("changeOpac(" + i + ")",(timer * speed));
		timer++;
		setTimeout(function(){element.style.display = "none";}, 810);
	}
}

/*fade in/out common*/
function changeOpac(opacity){
	var object = document.getElementById("black").style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function changeOpac2(opacity){
	var object = parent.document.getElementById("black").style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

/*window close*/
function winClose(){
	if(!document.getElementById("personalData")){
		return false;
	}
	var btnClose = document.getElementById("close").firstChild;
	btnClose.onclick = function(){
		if(parent.document.getElementById("black")){
			var speed = 10;
			var timer = 0;
			var object = parent.document.getElementById("black");
			object.style.backgroundImage = "";
			parent.document.getElementById("ladyWindow").style.display = "none";

			for(i = 80; i >= 0; i--){
				setTimeout("changeOpac2(" + i + ")",(timer * speed));
				timer++;
				setTimeout(function(){object.style.display = "none";}, 810);
			}
		}else{
		window.close();
		}
	}
}


window.onload=init;