﻿//サムネール表示のイニシャライズ
function mycarousel_initCallback(carousel) {
	$('.jcarousel-control a').bind('click', function() {
		carousel.scroll(jQuery.jcarousel.intval(($(this).text()-1)*tnNum+1));
		return false;
	});
	$('#mycarousel-next').bind('click', function() {
		carousel.next();
		return false;
	});
	$('#mycarousel-prev').bind('click', function() {
		carousel.prev();
		return false;
	});
	//
	$('#mycarousel ul li a').bind('click', function() {
		//alert($(this).attr('href'));
		var hash = this.href;
		hash = hash.replace(/^.*[\/\\]works[\/\\]/, '');
		hash = hash.replace(/\//g, '-');
		hash = hash.replace(/\.html$/, '');
		$.historyLoad(hash);
		return false;
	});
};


function loadWorksPage(hash) {
	//サムネールをリセット
	$('#mycarousel ul li img[src*="_act."]').each(function(){
		$(this).attr('src' , $(this).attr('src').replace('_act.png', '.png'));
	});
	//ハッシュの内容に応じてメイン部分を切り替え
	if(hash) {
		// 実績をロード
		if(hash != "returnPageTop"){
			var url = document.URL;
			var worksDirPoint = url.indexOf('works',0);
			var worksPath = url.substr(0,worksDirPoint);
			var filePoint = url.indexOf('index.html',0);
			//worksのカテゴリ（graphic,web,movie）を取得
			var worksCat = hash.substr(0,hash.indexOf('-',0));
			hash = hash.replace(/-/g, '/');
			$.get(worksPath + '/works/' + hash + '.html', null, function(loadedHtml,result){
				var plainHtml = loadedHtml;
				var trimStartStr = '<div id="workTitle" class="mb30">';
				var trimEndStr = '</div>';
				//HTML内の必要な部分のみトリミング
				plainHtml = plainHtml.substring(plainHtml.indexOf(trimStartStr));
				plainHtml = plainHtml.substring(0,plainHtml.lastIndexOf(trimEndStr));
				//各カテゴリのディレクトリ内のimgディレクトリを参照するように補正
				var myDir = url.substring(worksDirPoint+6,filePoint);
				if(myDir.indexOf('graphic',0)==-1 && myDir.indexOf('web',0)==-1 && myDir.indexOf('movie',0)==-1){
					plainHtml = plainHtml.replace(/img\//g, worksCat+'/img/');
				}
				//html出力
				$('#mainContents').html(plainHtml);
				//メインコンテンツの幅を作品紹介用の幅に
				$('#mainContents').removeClass('w930').addClass('w820');
				//キャプション幅を画像幅に合わせる
				if(hash.indexOf('movie',0)==-1){
					$("#selectMainImageCaption").width($("#selectMainImageArea img").width());
				}
				//サムネールをスワップ
				$('#mycarousel ul li a').each(function(){
					var hrefPath = $(this).attr('href');
					var targetpath = hash+'.html';
					if(targetpath.lastIndexOf(hrefPath) != -1){
						$(this).children('img:first').each(function(){
							$(this).attr('src' , $(this).attr('src').replace('.png','_act.png'));
						});
					}
				});
			});
		}
	}else{
		$.get('default.html', null, function(loadedHtml,result){
			var plainHtml = loadedHtml;
			var trimStartStr = '<div id="mainContents_topLeft">';
			var trimEndStr = '</div>';
			//必要な部分のみトリミング
			plainHtml = plainHtml.substring(plainHtml.indexOf(trimStartStr));
			plainHtml = plainHtml.substring(0,plainHtml.lastIndexOf(trimEndStr));
			//html出力
			$('#mainContents').html(plainHtml);
			//メインコンテンツの幅をカテゴリー紹介用の幅に
			$('#mainContents').removeClass('w820').addClass('w930');

		});
	}
}
