$('body').ready( function() {
	var visibled = $("#contents:visible");
	
	// visibled.hide();
	$("section#c_right > article > a > h3").animate({"right": "-=500px"}, "slow");
	
	$("#topics > article.close > a").click( // Topics内のコンテンツをクリックした際の動作
		function() {
			parents = $(this).parent("article");

			$(this).after('<div id="preloader"><img src="http://www.netcreates.jp/wp-content/themes/netcreates.jp/img/loader.gif" /></div>');
			$("#preloader").css({position:"absolute", backgroundColor:"black", height:"32px", width:"32px", borderRadius:"8px", opacity:"0.5"}).fadeIn("slow");
			
			var margin_top = ($(this).parent("article").height()-$("div#preloader").height())/2;
			var margin_left = ($(this).parent("article").width()-$("div#preloader").width())/2;

			$("#preloader").css({top:margin_top+"px",left:margin_left+"px"}).show();

			parents.children("time").addClass("closed").css({opacity:"0"});
			parents.css({position:"relative"});
			$(this).css({opacity:"0"});
			
			var thi = $(this);
			var id  = $(this).attr('data-cat');
			
			$.getJSON("/?", {p:id,json:"1"}, function(data, status) {
				parents.removeClass("close");
				parents.addClass("open");
				
				if(data.post.categories[0].id != '4') { //障害・メンテナンス情報以外
					parents.children("div").remove();
					var addData = "<div style='display:none'>";
					if( data.post.categories[0].id != "3" ) { addData += "<time>"+data.post.date.substring(0, 10)+"</time>"; }
					if( data.post.categories[0].id != "3" ) { addData += "<h3>"+data.post.title_plain+"</h3>"; } 
					addData += data.post.content+"</div>";
					thi.before(addData);
				}

				parents.children("div").slideDown("slow");
				$("#preloader").remove();

				var offset = parents.offset().top;
				$('html,body').stop().animate({scrollTop: offset}, 800);
				thi.hide();

				parents.children("nav").children("ul").append("<li class=\"close\"><a href=\"\" onclick=\"closed('open-"+id+"'); return false;\">閉じる</a></li>");
				parents.attr("id","open-"+id);

				$("#c_left > nav > ul > li.current").removeClass("current");
				$("#c_left > nav > ul > li > a[data-cat|='"+data.post.categories[0].id+"']").parent("li").addClass("current");
				
				parents.children(".sns").fadeIn("slow");
			});
			return false;
		}
	);
	
	if(jQuery.browser.msie && parseInt(jQuery.browser.version) == 8){
//		alert('あなたがお使いのブラウザはIE7です');
	} else {
		$("#c_right > article > a").hover(function(){
			$(this).css({opacity: "1"});
			$(this).children().not("h3").css({opacity: "0.2"});
		},function(){
			$(this).children().css({opacity: "1"});
		});
	}
	
	// ボックスの高さを揃える
	$(".line").equalbox();
	$(".line2").equalbox();
	
	$("#c_left > nav#r_topics > ul > li.cat-item > a.menu").click( // サイドバーのカテゴリーリンクをクリックした際の動作
		function(){
			var thisli = $(this);
			var id = $(thisli).attr('data-cat');
			var ow = $("#c_right").outerWidth();
			
			$("#c_right").animate({ left: parseInt($("#c_right").css('left'),10) == 0 ? -$("#c_right").outerWidth() : 0 }, function() {
				$("#c_right").hide(function(){
					$("#c_right").removeAttr("id");
					if(typeof id == 'undefined') {
						$(".cat").show().css({width: ow+"px",marginLeft: ow+"px",left:"0"}).attr("id","c_right").animate({ marginLeft: $("#c_left").outerWidth()+"px" });
					} else {
						$(".cat"+id).show().css({width: ow+"px",marginLeft: ow+"px",left:"0"}).attr("id","c_right").animate({ marginLeft: $("#c_left").outerWidth()+"px" });
					}
					$("#r_topics > ul > li.current").removeClass("current");
					$(thisli).parent("li").addClass("current");
				});
			});
			return false;
		}
	);
});

function closed(id) {
	$("#"+id).children("div").slideUp("slow").remove(function(){
		$("#"+id).removeClass("open").addClass("close");
		$("#"+id).children("a").css({display:"block"}).fadeIn("slow");
	});
}

$(function () {
	// Form
	$('#commentform').attr("method", "post");
	$('#commentform').attr("action", "/wp-comments-post.php");
	
	// Topに戻るアイコン表示
	if ( $(".gotop") != null ) {
		var offset = $(".gotop").offset();
		var topPadding = 30;
		$(window).scroll(function() {
			if ( offset != null ) {
				if ($(window).scrollTop() > offset.top) {
					$(".gotop").stop().animate({
						marginTop: $(window).scrollTop() - offset.top + topPadding
					});
				} else {
					$(".gotop").stop().animate({
						marginTop: 0
					});
				};
			}
		});
		$(".gotop").click(function() {
			$($.browser.safari ? 'body' : 'html').animate({scrollTop:0}, 800, 'swing'); 
			return false;
		});
	}
	
	$("a[href*='#']").click(function() {
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
			var $target = $(this.hash);
			$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
			if ($target.length) {
				var targetOffset = $target.offset().top;
				$('html,body').animate({ scrollTop: targetOffset }, 1200, 'quart');
				return false;
			}
		}
	});
	
	$(window).bind('beforeunload', function(event) {
		if($(window).scrollTop() == 0) {
			$("#contents:visible").fadeTo("normal",0);
		} else {
			$($.browser.safari ? 'body' : 'html').animate({scrollTop: $(".container").offset().top }, function(){
				$("#contents:visible").fadeTo("normal",0);
			});
		}
	});
	
	// placeholder クロスブラウザ対応
	var supportsInputAttribute = function (attr) {
		var input = document.createElement('input');
		return attr in input;
	};
	
	if (!supportsInputAttribute('placeholder')) {
		$('[placeholder]').each(function () {
			var
				input = $(this),
				placeholderText = input.attr('placeholder'),
				placeholderColor = 'GrayText',
				defaultColor = input.css('color');
			input.
				focus(function () {
					if (input.val() === placeholderText) {
						input.val('').css('color', defaultColor);
					}
				}).
				blur(function () {
					if (input.val() === '') {
						input.val(placeholderText).css('color', placeholderColor);
					} else if (input.val() === placeholderText) {
						input.css('color', placeholderColor);
					}
				}).
				blur().
				parents('form').
					submit(function () {
						if (input.val() === placeholderText) {
							input.val('');
						}
					});
		});
	}
	
	// コメントフォーム Ajax 対応
	// コメント POST 処理
	$('#commentform').submit(function(){
		$("#submitted").remove();$("#error").remove();
		var thisform = $(this);
		var thisheight = $(this).height();
		var thiswidth  = $(this).width();
		
		$(this).css({position:"relative"}).prepend('<div id="preloader"><img src="http://www.netcreates.jp/wp-content/themes/netcreates.jp/img/common/comment_loader.gif" /></div>');
		$("#preloader").css({position:"absolute", height:"11px", width:"90px", borderRadius:"8px"}).fadeIn("slow");
		var margin_top = (thisheight-$("div#preloader").height())/2;
		var margin_left = (thiswidth-$("div#preloader").width())/2;
		$("#preloader").css({top:margin_top+"px",left:margin_left+"px"}).show();
		
		// IE Hack
		if ($.browser.msie) {
			var redirect_to = $('input[@name=redirect_to]', $(this));
			var date = new Date();
			redirect_to.attr('value', redirect_to.attr('value') + '?comments=' + date.getYear() + date.getMonth() + date.getDate());
		}
		
		// POST
		var url = $(this).attr('action');
		var formset = $('input, textarea', $(this));
		var param = formset.serialize();
		formset.hide();
		$.ajax({
			type: "POST",
			url: url,
			data: param,
			success: function(responseText){
				$("#commentform").before('<p id="submitted">コメントの投稿が完了しました。<br />ありがとうございました。</p>').fadeIn("slow");
				$("#preloader").remove();
			},
			error: function (request, status, error) {
				var msg = request.responseText.replace(/[\r\n]/g, '').replace(/.*<p>(.*?)<\/p>.*/i, '$1');
				$("#preloader").after('<p style="font-weight:bold;color:red;margin-bottom:13px;text-align:left;display:none;" id="error">'+msg+'</p>');
				$("#preloader").remove();
				$("#error").fadeIn("slow");
				formset.fadeIn("slow");
			}
		});
		return false;
	});
});