$(document).ready(function () {
        changeTabByHash(0);
		
		// loding image
		$('.sending').hide();
		
		// facebox load
		$('a[rel*=facebox]').facebox();
		
		// commet message
		$('#comment_message').hide();
		
		// open_id href click
		$('.open_id').click(function() {
			$('#OpenidUrlOpenid').val($(this).attr('rel'));
			return false;
		});

    });

    function changeTab(id) {
        if(id == 0) {
            $("#tabNav > ul > li:eq(0)").html('<strong><a href="javascript:void(0);" onclick="changeTab(0);return false;"><span>マッシュアップ情報</span></a></strong>');
            $("#tabNav > ul > li:eq(1)").html('<a href="javascript:void(1);" onclick="changeTab(1);return false;"><span>コメント・評価('+comment_count+')</span></a>');
            $(".main > h2").show();
            $("#baseBox").show();
            $(".infoTable").show();
            $("#provBox").show();
            $("#amazBox").show();
            $("#infoApi").show();
            $("#infoMashup").show();
            $(".leadTxt").hide();
            $("#noMashup").show();

            $("#comList").hide();
            $("#comTable").hide();
            $("#openId").hide();
            $("#openIdMsg").hide();

        } else if (id == 1) {
            $("#tabNav > ul > li:eq(0)").html('<a href="void(0);" onclick="changeTab(0);return false;"><span>マッシュアップ情報</span></a>');
            $("#tabNav > ul > li:eq(1)").html('<strong><a href="javascript:void(1);" onclick="changeTab(1);return false;"><span>コメント・評価('+comment_count+')</span></a></strong>');
            $(".main > h2").hide();
            $("#baseBox").hide();
            $(".infoTable").hide();
            $("#provBox").hide();
            $("#amazBox").hide();
            $("#infoApi").hide();
            $("#infoMashup").hide();
            $(".leadTxt").show();
            $("#noMashup").hide();
            $("#comList").show();
            $("#comTable").show();
            $("#openId").show();
            $("#openIdMsg").show();

        }

    }

    function changeTabByHash() {
        var tab = window.location.hash;
        if ((tab == '#comment') || (tab == '#openIdMsg')) {
            changeTab(1);
        } else {
            changeTab(0);
        }
    }

    function deleteComment(id) {
        var message='コメントを削除します。よろしいですか？';
        if(confirm(message)){
            $('#MashupDeleteCommentId').val(id);
            $('#MashupCommentEditForm').submit();
        }
    }
	
	// click comment edit
	$(function(){
		$("a[href^='#comTable']").click(function(){
			changeTab(1);
			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}, 500);
					
					if ($(this).attr('rel')) {
						var value = $(this).attr('rel').split(':');
						$('#api_id').val(value[0]);
						for (i = 0; i < value[1]; i++) {
							$(".star:eq("+i+")").addClass('star_on');
						}
						$('#star_value').val(value[1]);
						$('#comment_id').val(value[2]);
						$('#contents').val($(this).attr('title'));
					}
					return false;
				}
			}
		});
	});
	
	// click comment post
	$(function () {
		$("#submitButton").click(function () {
			
			var validate = true;
			
			if ($('#contents').val().length == 0) {
				$("#error").html('コメントを入力してください。');
				validate = false;
			}
			
			if (validate == false) {
				return false;
			}
			
			$.ajax({
				url: "/contact/comment_mashup/" + $('#mashup_id').val() + "/" + $('#comment_id').val() ,
				type : "POST",
				data: {
					mashupid : $('#mashup_id').val(),
					eval     : $('#star_value').val(),
					contents : $('#contents').val()
				},
				beforeSend : function(event, XMLHttpRequest, options) {
								$('#comTable').hide();
								$('.sending').fadeIn(1000);
							 },
				success: function(data, status) {
							$('.sending').hide();
							$("#comTable").fadeIn(500);
							$("#comment_message").fadeIn(500);
							
							for (i = 0; i < 5; i++) {
								$(".star:eq("+i+")").removeClass('star_on');
							}
							$('#contents').val('');
						 }
			});
	
			return false;
		});
	});