// JavaScript Document

	var allLoading = false;
	var ImgPath = 'images/index/';
	var ContentsArr = new Array();
	var photo_list = new Array();
	var text_list = new Array();
	photo_list = ['mainImg0.jpg', 'mainImg10.jpg', 'mainImg1.jpg',  'mainImg2.jpg', 'mainImg3.jpg','mainImg5.jpg', 'mainImg6.jpg', 'mainImg12.jpg', 'mainImg7.jpg', 'mainImg13.jpg', 'mainImg11.jpg', 'mainImg8.jpg', 'mainImg9.jpg'];
	text_list = ['mainText0.png', 'mainText10.png', 'mainText1.png', 'mainText2.png', 'mainText3.png', 'mainText5.png', 'mainText6.png', 'mainText12.png', 'mainText7.png', 'mainText13.png', 'mainText11.png', 'mainText8.png', 'mainText9.png'];
	var shibori = new Image();
	shibori.src = ImgPath + 'shibori.gif';
	var detail_btn = new Image();
	detail_btn.src = ImgPath + 'detail_btn.png';
	
	for (i = 0; i < photo_list.length; i++){
		var mainImg = new Image();
		var mainText = new Image();
		mainImg.src = ImgPath + photo_list[i];
		mainText.src = ImgPath + text_list[i];
		ContentsArr[i] = {"photo" : mainImg, 'text' : mainText, 'link' : ''};
	}
	
	jQuery('#navi_wrap').css('display', "none");
	jQuery('#navi').css('display', "none");
	var loadStatus = function(){
		var count = 0;
		var count2 = 0;
		for(var i = 0; i < ContentsArr.length; i++){
			if(ContentsArr[i]['photo'].complete) count++;
			if(ContentsArr[i]['text'].complete) count2++;
		}
		
		if(count == ContentsArr.length && count2 == ContentsArr.length){
			allLoading = true;
			jQuery('#navi_wrap').css('display', "block");
			jQuery('#navi').css('display', "block");
		}
		else {
			setTimeout(loadStatus, 100);
		}
	
	};

loadStatus();

jQuery(document).ready(
	function()
	{
		jQuery('#dock2').Fisheye(
			{
				maxWidth: 35,
				items: 'a',
				itemsText: 'h2',
				container: '.dock-container2',
				itemWidth: 65,
				proximity: 80,
				alignment : 'left',
				valign: 'bottom',
				halign : 'center'
			}
		)
	}
);

var naviflag = 0;
var naviflag2 = 0;
jQuery.event.add(window, "load", function(){ 
	for (var i = 0; i < ContentsArr.length; i++){
		if (i != 7 && i != 9) ContentsArr[i]['link'] = jQuery('#icon'+i).attr('href');
	}
	var textElement = document.createElement('img');
	textElement.id = 'mainText';
	textElement.src = ContentsArr[0]['text'].src;
	jQuery('.moji_Area').prepend(textElement);
	jQuery('#mainText').css('display', "block");
});

var reg = new RegExp(/\d+/);
var contents_num = 0;
function setShibori(iconKey) {
	var matcn_str = reg.exec(iconKey);
	contents_num = matcn_str[0];

	var Shibori = jQuery('#shibori_wrap');
	var imgElement = document.createElement('img');
	var shibori = new Image();
	shibori.src = ImgPath + 'shibori.gif'+'?'+Math.random();
	imgElement.src = shibori.src;
	imgElement.onload = function() {
		imgElement.id = 'shibori';
		Shibori.append(imgElement);
		setTimeout("changePhoto('" + iconKey + "')", 417);
		changeText(iconKey);
	};
}

function changeText(iconKey) {
	var matcn_str = reg.exec(iconKey);
	var contentsKey = matcn_str[0];
	var imgElement = document.createElement('img');
	imgElement.src = detail_btn.src;
	imgElement.alt = '詳しく見る'
	imgElement.id = 'detail';

	var detail_wrap = jQuery('#detail_wrap');
	
	var text = jQuery('#mainText');
	text.attr('src', ContentsArr[contentsKey]['text'].src);
	text.attr('width', ContentsArr[contentsKey]['text'].width);
	text.attr('height', ContentsArr[contentsKey]['text'].height);
	
	/*
	jQuery('#mainText').remove();
	var textElement = document.createElement('img');
	textElement.id = 'mainText';
	textElement.src = ContentsArr[contentsKey]['text'].src;
	jQuery('.moji_Area').prepend(textElement);
	*/
	
	if (ContentsArr[contentsKey]['link']) {
		if (!document.getElementById('a_detail')) {
			if (iconKey != 'icon0') {
				var hrefElement = document.createElement('a');
				hrefElement.href = ContentsArr[contentsKey]['link'];
				hrefElement.id = 'a_detail';
			
				hrefElement = jQuery(hrefElement);
				hrefElement.append(imgElement);
				detail_wrap.append(hrefElement);
			}
		}
		else {
			if (iconKey != 'icon0') jQuery('#a_detail').attr('href', ContentsArr[contentsKey]['link']);
			else jQuery('#a_detail').remove();
		}
	}
	else {
		jQuery('#a_detail').remove();
	}
}

function changePhoto(iconKey) {
	var matcn_str = reg.exec(iconKey);
	var contentsKey = matcn_str[0];
	
	var photo = jQuery('#mainPhoto');
	setTimeout('clearShibori()', 500);
	var photo_wrap = jQuery('#photo_wrap');
	if (document.getElementById('a_photo')) {
		jQuery('#a_photo').remove();
	}
	
	if (ContentsArr[contentsKey]['link']) {
		var hrefElement = document.createElement('a');
		hrefElement.href = ContentsArr[contentsKey]['link'];
		hrefElement.id = 'a_photo';
	
		hrefElement = jQuery(hrefElement);
		hrefElement.append(photo);
		photo_wrap.append(hrefElement);
	}
	else {
		photo_wrap.append(photo);
	}
	photo.attr('src', ContentsArr[contentsKey]['photo'].src);
}


function clearShibori() {
	jQuery('#shibori').remove();
}


function nextContents() {
	if (contents_num == (ContentsArr.length - 1)) contents_num = 0;
	else contents_num++;
	var iconKey = 'icon' + contents_num;
	setShibori(iconKey);
}