$(function(){
////////////////////////////// 日記 //////////////////////////////
if ($('body').attr('id') == "home") {
}// 日記ここまで
////////////////////////////// カレンダー //////////////////////////////
if ($('body').attr('id') == "calendar") {
// コンテンツをロード
updateContent = function(date) {
$.ajax({
type: "POST",
dataType: "json",
data: {
"date" : date
},
url: "/calendar/index/"+date+"/ajax",
success: function(data){
$('#calendar table').remove();
$('#calendar').html(data.content);
// 日付を更新
$('#controller .date .year').html(data.year);
$('#controller .date .month').html(data.month);
// コントローラーを更新
// Previous
if (data.prev) {// 前の月があれば
$('#controller .prev').attr('class', 'prev on');
if ($('#controller .prev a').length){// Aタグがあればhrefを変更
$('#controller .prev a').attr('href', '/calendar/index/'+data.prev);
} else {// Aタグが無ければ作る
$('#controller .prev').html('Previous');
setPrevBtn();
}
} else {// 前の月が無ければ
$('#controller .prev').attr('class', 'prev');
$('#controller .prev').html("Previous");
}
// Next
if (data.next) {// 次の月があれば
$('#controller .next').attr('class', 'next on');
if ($('#controller .next a').length){// Aタグがあればhrefを変更
$('#controller .next a').attr('href', '/calendar/index/'+data.next);
} else {// Aタグが無ければ作る
$('#controller .next').html('Next');
setNextBtn();
}
} else {// 次の月が無ければ
$('#controller .next').attr('class', 'next');
$('#controller .next').html("Next");
}
setContentMargin(false);
$('#scroll').animate({marginLeft: 0}, "slow");
}
});
}
}// カレンダーここまで
////////////////////////////// ポートフォリオ //////////////////////////////
if ($('body').attr('id') == "portfolio") {
// 画像切り替え
$('#thumbs div').click(function(){
$.each($(this), function(i, val){
var tgt = $(this);
$('#view img').fadeOut("fast", function(){
$('#view img').attr('src', tgt.children('a').attr('href'));
$('#view img').load(function(){
$('#view img').fadeIn();
});
});
});
return false;
});
// ポートフォリオをロード
updateContent = function(name) {
$.ajax({
type: "POST",
dataType: "json",
data: {
"name" : name
},
url: "/portfolio/index/"+name+"/json",
success: function(data){
// タイトル
$('.title h3').html(data.portfolio.title);
$('.title h4').html(data.portfolio.subtitle);
$('#view img').attr('src', '/img/portfolio/'+data.portfolio.name+'_l_1.jpg');
// サムネイル
var i = 1;
$.each($('#thumbs div'), function(){
$(this).children('a').attr('href', '/img/portfolio/'+data.portfolio.name+'_l_'+i+'.jpg');
$(this).children('a').children('img').attr('src', '/img/portfolio/'+data.portfolio.name+'_s_'+i+'.jpg');
i ++;
});
// テキスト
$('#text p').html(data.portfolio.text);
// コントローラーを更新
// Previous
if (data.prev) {// 前の日があれば
$('#controller .prev').attr('class', 'prev on');
if ($('#controller .prev a').length){// Aタグがあればhrefを変更
$('#controller .prev a').attr('href', '/portfolio/index/'+data.prev);
} else {// Aタグが無ければ作る
$('#controller .prev').html('Previous');
setPrevBtn();
}
} else {// 前の日が無ければ
$('#controller .prev').attr('class', 'prev');
$('#controller .prev').html("Previous");
}
// Next
if (data.next) {// 次の日があれば
$('#controller .next').attr('class', 'next on');
if ($('#controller .next a').length){// Aタグがあればhrefを変更
$('#controller .next a').attr('href', '/portfolio/index/'+data.next);
} else {// Aタグが無ければ作る
$('#controller .next').html('Next');
setNextBtn();
}
} else {// 次の日が無ければ
$('#controller .next').attr('class', 'next');
$('#controller .next').html("Next");
}
setContentMargin(false);
$('#scroll').animate({marginLeft: 0}, "slow");
}
});
}
}// ポートフォリオここまで
////////////////////////////// プロフィール //////////////////////////////
if ($('body').attr('id') == "profile") {
var m = 'cloudandwater';
$('#m').html('
');
$('#t').html('080-3245-0442');
// 問い合わせフォーム
$('#profile #formOpen a').click(function(){
$('#profile form').toggle('slow');
return false;
});
$('#profile form').attr('action', '/profile/verify');
$('#profile form a[class=verifybtn]').click(function(){// Verifyボタン
$.ajax({
type: "POST",
dataType: "json",
data: {
"text": $('#profile form textarea').val(),
"mail": $('#profile form input[name=mail]').val(),
"name": $('#profile form input[name=name]').val(),
"verify": 1
},
url: "/profile/verify/",
success: function(data){
if (data.validation){// 確認ページを表示
$('#profile #formVerify .text').html(data.text);
$('#profile #formVerify .mail').html(data.mail);
$('#profile #formVerify .name').html(data.name);
$('#profile form .errors').hide();
$('#formWrapper').animate({marginLeft: -452}, "slow");
} else {
$("#profile form .errors").html(data.error).show("normal");
}
}
});
return false;
});
$('#profile form a[class=backbtn]').click(function(){// Backボタン
$('#formWrapper').animate({marginLeft: 0}, "slow");
return false;
});
$('#profile form a[class=submitbtn]').click(function(){// Submitボタン
$.ajax({
type: "POST",
dataType: "json",
data: {
"text": $('#profile form textarea').val(),
"mail": $('#profile form input[name=mail]').val(),
"name": $('#profile form input[name=name]').val(),
"verify": 0
},
url: "/profile/verify/",
success: function(data){
if (data.validation){// 確認ページを表示
$('#formWrapper').animate({marginLeft: "-=380px"}, "slow");
} else {
$("#profile form .errors").html(data.error).show("normal");
}
}
});
return false;
});
}// プロフィールここまで
////////////////////////////// 旅行記 //////////////////////////////
if ($('body').attr('id') == "journey") {
}// 旅行記ここまで
////////// 共通 //////////
// 最下部コントローラー：次へ／前へ
// （イベントリスナーを登録するAタグを消した後に再登録する際にも使用）
function setPrevBtn(){
$('#controller .prev a').click(function(){
var w = $(window).width();// ウィンドウの幅
$('#scroll').animate({marginLeft: w}, "slow", "", function(){// ウィンドウの幅の分だけ右に移動してフレームアウト
$(this).css('margin-left', '-'+w*2+'px');// フレームインのためにウィンドウの幅x２だけ左に移動
var d = $('#controller .prev a').attr('href').split("/");// AタグのURLの第４セグメントをリクエストとして渡す
updateContent(d[3]);
});
return false;
});
}
function setNextBtn(){
$('#controller .next a').click(function(){
var w = $(window).width();
$('#scroll').animate({marginLeft: '-'+w*2}, "slow", "", function(){
$(this).css('margin-left', w+'px');
var d = $('#controller .next a').attr('href').split("/");
updateContent(d[3]);
});
return false;
});
}
if ($('#controller').length) {
setPrevBtn();
setNextBtn();
}
});