$(document).ready(function () {
        changeTabByHash();

        // ディベロッパ変更
        $('#MashupUseApiDeveloper').change(function() {
            $.get("/apis/list_by_developer/" + $(this).val(), function(data) {
                $('#MashupChoiceApi').html(data);
            });
        });
		
		// loding image
		$('.sending').hide();
		
		// commet message
		$('#comment_message').hide();
		
		// facebox load
		$('a[rel*=facebox]').facebox();
		
		// 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="void(0);" onclick="changeTab(0);return false;"><span>API情報</span></a></strong>');
            $("#tabNav > ul > li:eq(1)").html('<a href="void(0);" onclick="changeTab(1);return false;"><span>マッシュアップ(' + mashup_count + ')</span></a>');
            $("#tabNav > ul > li:eq(2)").html('<a href="void(0);" onclick="changeTab(2);return false;"><span>コメント・評価(' + comment_count + ')</span></a>');
            $(".main > h2").show();
            $("#baseBox").show();
            $(".infoTable").show();
            $("#provBox").show();
            $("#amazBox").show();
            $("#infoApi").show();
            $("#infoMashup").hide();
            $(".leadTxt").hide();
            $("#noMashup").hide();
            $("#comList").hide();
            $("#comTable").hide();
            $("#openId").hide();
            $("#openIdMsg").hide();
            $("#comMsg").hide();

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

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

        }

    }

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

	// 戻る



	function back() {
		f = document.forms[0];
		f['_back'].value = "1";
		f.submit();
		return false;
	}

	// 申請



	function applicatonMashup() {
	   $('#MashupPublicStatus').val(1); 
	   $('#MashupEditForm').submit(); 
	}

	// 下書き



	function applicatonMashup() {
	   $('#MashupPublicStatus').val(2); 
	   $('#MashupEditForm').submit(); 
	}

	// API追加
	function addApi() {
		var choiceapi = document.MashupEditForm['data[Mashup][choice_api][]'];
		var selectapi = document.MashupEditForm['data[Mashup][selected_api][]'];
		for(var i=0; i < choiceapi.options.length; i++) {
			if(choiceapi.options[i].selected) {
				var is_duplicate = false;
				for(var j=0; j < selectapi.options.length; j++) {
					if(choiceapi.options[i].value == selectapi.options[j].value) {
						is_duplicate = true;
					}
				}
				if(!is_duplicate) {
					var api = new Option(choiceapi.options[i].text, choiceapi.options[i].value, false, false);
					selectapi.options[selectapi.options.length] = api;
				}
			}
		}
		return false;
	
	}

	// API削除
	function delApi() {
		var selectapi = document.MashupEditForm['data[Mashup][selected_api][]'];
		for(var i=0; i < selectapi.options.length; i++) {
			if(selectapi.options[i].selected == true) {
				selectapi.options[i] = null;
			}
		}
	}

	// 確認



	function app_confirm() {
		var selectapi = document.MashupEditForm['data[Mashup][selected_api][]'];
		for(var i=0; i < selectapi.options.length; i++) {
			selectapi.options[i].selected = true;
		}
	}
	
	// コメント削除
    function deleteComment(id) {
        var message='コメントを削除します。よろしいですか？';
        if(confirm(message)){
            $('#ApiDeleteCommentId').val(id);
            $('#ApiCommentEditForm').submit();
        }
    }
	
	// click comment edit
	$(function(){
		$("a[href^='#comTable']").click(function(){
			changeTab(2);
			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/" + $('#api_id').val() + "/" + $('#comment_id').val() ,
				type : "POST",
				data: {
					apiid    : $('#api_id').val(),
					eval     : $('#star_value').val(),
					contents : $('#contents').val()
				},
				beforeSend : function(event, XMLHttpRequest, options) {
								$('#comTable').fadeOut(500);
								$('.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;
		});
	});