// 最初に実行
function init(xmlFile)
{
	// WORKSタブ初期設定
	$(".stage").hide();
	$("#default").fadeIn("slow");
	$("#list_default").addClass("active");

	// 外部XMLファイルロード
	$.ajax({
		url: xmlFile,
		type: 'GET',
		dataType: 'xml',
		timeout: 10000,
		cache: false,
		success : write_works
	});
	
	//Award初期設定
	$("#btn_award").addClass("close");
	$("#award_stage").hide();
	
	//Award開く閉じる
	$("#btn_award").click(function(){
	if( $(this).hasClass("open")){
		$("#award_stage").slideUp("slow");
		$(this).removeClass("open");
		$(this).addClass("close");
	}else {
		$("#award_stage").slideDown("slow");
		$(this).removeClass("close");
		$(this).addClass("open");
		}
	});
}




//XML書き出し
function write_works(xml)
{
	var cnt = 0;
	$('item', xml).each(function() {
		cnt++;
		var thickName = "thick" + cnt;
		var category = $(this).attr("category");
		var title = $('title', this).text();
		var copy = $('copy', this).text();
		var thumbnail = $('thumbnail', this).text();
		var photos = Array();
		var links = Array();
			$(this).find("photo").each(function() {
				photos.push($(this).text());
				var link = $(this).attr("link") ? $(this).attr("link") : "";
				links.push(link);
			});
		var id = '#' + category;
		var appendHtml = '';
		    appendHtml += '<li>';
		    appendHtml += '<p class="photo">';
		    appendHtml += '<a href="' + photos[0] + '" class="thickbox" rel="' + thickName + '" title="' + title + '" rev="' + links[0] + '"><img src="' + thumbnail + '" alt="PHOTO" /></a>';
		    appendHtml += '</p>';
			appendHtml += '<p class="ohter">';
			for (i = 1; i < photos.length; i++)
			{
				appendHtml += '<a href="' + photos[i] + '" rel="' + thickName + '" title="' + title + '" rev="' + links[i] + '"></a>';
			}
		    appendHtml += '</p>';
		    appendHtml += '<p class="title">' + title + '</p>';
		    appendHtml += '<p class="copy">' + copy + '</p>';
		    appendHtml += '</li>';
		$(id).append(appendHtml);
		if (cnt <= 100)
		{
			$('#default').append(appendHtml);
		}
	});
	// thickbox.js -> $(document).ready()
	tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
	imgLoader = new Image();// preload image
	imgLoader.src = tb_pathToImage;
}


// WORKSタブ初期設定
function changeStage(stageClass, stageId, listId){
	// 初期化
	$(stageClass).hide();
	$(".list").removeClass("active");
	// 切替
	$(stageId).fadeIn();
	$(listId).addClass("active");
	return false;
}


/* ==================================================================================
   アンカースクロール
==================================================================================== */

function anchor(anchorid){
	jQuery.easing.quart = function (x, t, b, c, d) {
    return -c * ((t=t/d-1)*t*t*t - 1) + b;};
	
	var targetOffset = $(anchorid).offset().top;
	$('html,body').animate({scrollTop: targetOffset}, 1000, 'quart');
}
