$(function() {

// グリッド------------------------------

	var hsort_flg = false;



	//setup

	vg = $("#grids").vgrid({

		easeing: "easeOutQuint",

		time: 400,

		delay: 20,

		fadeIn: {

			time: 0,

			delay: 0

		}

	});



/*

	//setup

	vg = $("#grids").vgrid({

		easeing: "easeOutQuint",

		time: 400,

		delay: 20,

		fadeIn: {

			time: 400,

			delay: 20

		}

	});

*/



	$("#grids").ajaxComplete(function(){

		vg.vgrefresh();

	});



	$(".block-thumb").hover( function() {

		//$("#grids").vgrid({ easeing: "easeOutQuint", time: 400,delay: 20, fadeIn: { time: 0, delay: 0 }});

	});



// マウスオーバー処理------------------------------

	$('.block-link span a').click(function () {

		return false;

	});

	

	$('.block-link > div').hover(function() {

		var src =$(this).parent().find(".block-link-btn").find("img");

		src.attr("src",src.attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"));

	}, function () {

		var src =$(this).parent().find(".block-link-btn").find("img");

		src.attr("src",src.attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));

		//$(this).fadeTo(500,1);

	});

	

	$('.block-link').click(function() {

		var src =$(this).find(".block-link-btn").find("img");

		src.attr("src",src.attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));

	});



// ------------------------------



	Shadowbox.setup("a[href$='.jpg']");

	Shadowbox.setup("#jitensya");



	//$("#post-idea").fadeTo("slow");

	

});



$(window).load(function () {

  $("#grids").vgrid({ easeing: "easeOutQuint", time: 400,delay: 20, fadeIn: { time: 0, delay: 0 }});

});





var block_1 = 160;

var block_2 = 324;

var block_3 = 488;

var block_4 = 652;

var block_5 = 816;



function ajax_load(category,id,url,block) {

	

	// ajax.load重複を回避

	var winWidth = 0;

	var winHeight = 0;

	winWidth = $(window).width();

	winHeight = $(window).height();

	$("#stop").width(winWidth).height(3000).css("display", "block");



	

	if ( block == "block1x1") {

		var width = block_1;

		var height = block_1;

	}



	if ( block == "block1x2") {

		var width = block_1;

		var height = block_2;

	}



	if ( block == "block2x1") {

		var width = block_2;

		var height = block_1;

	}

	

	$(".block-load").empty().parent().width(width).height(height);

	$("#grids").vgrid({ easeing: "easeOutQuint", time: 400,delay: 20, fadeIn: { time: 0, delay: 0 }});

	$(".block-thumb").css("display","block");

	

	var selecter = "#" + id;

	var selecter = $(selecter);

	//var load = url +"&load=1" + " #load";

	var load = url +" #load";

	

	$(".block-idea").fadeTo(500,0.8);

	selecter.fadeTo(500,1);

	

	selecter.children(".block-link-btn").hide();

	selecter.children(".block-thumb").hide();

	selecter.children(".block-load").load(load, function() {

		$(this).parent().width($(this).children().innerWidth());

		$(this).parent().height($(this).children().innerHeight());



		$(this).css("display","none").hide(function() {

		

		//$("#post-comment").charCount({

		//		allowed: 300,

			//	warning: 250,

			//	counterText: '入力可能文字数：'	

		//});

			

			$(this).fadeIn("slow",function() {

				//var offset = 0;

				var offset = $(this).delay(800).parent().offset();

				//$(this).children().append(offset.top);

				$(this).children().append("<a class=block-close onclick=ajax_close('"+id+"','"+block+"')><img src=/wp-content/themes/x2tokyo_portal/assets/images/btn-close.gif width=16 height=16 alt=x /></a>");

					$('html,body').animate({scrollTop: offset.top}, 600);

					$("#stop").css("display", "none");

					bubbleInfo();

					//bubbleinfo();

					$("#grids").vgrid({ easeing: "easeOutQuint", time: 400,delay: 20, fadeIn: { time: 0, delay: 0 }});

			});

		});

	});

	return false;

}



function ajax_close(id,block) {

	var selecter = "#" + id;

	selecter = $(selecter);



	if ( block == "block1x1") {

		var width = block_1;

		var height = block_1;

	}

	

	if ( block == "block1x2") {

		var width = block_1;

		var height = block_2;

	}



	if ( block == "block2x1") {

		var width = block_2;

		var height = block_1;

	}



	selecter.children(".block-load").empty().parent().width(width).height(height);

	$("#grids").vgrid({ easeing: "easeOutQuint", time: 400,delay: 20, fadeIn: { time: 0, delay: 0 }});

	

	selecter.children(".block-thumb").show();

	$(".block-idea").fadeTo(500,0.5).fadeTo(500,1);

	$(".block-link-btn").fadeTo(2000,1);



	var src =selecter.find(".block-link-btn").find("img");

	src.attr("src",src.attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));



/*

	var offset = selecter.offset();

	selecter.append(offset.top);

	$('html,body').animate({scrollTop: offset.top}, 600);

*/

	vg.vgrefresh();

	return false;

}



//window open ------------------------------

function winopen(url,target) {

	var win = window.open(url,target);

	if (target == "new") {

		win.focus();

	}	

}



//select link ------------------------------

function link_select(url){

  if(url.options[url.selectedIndex].value){

    location.href = url.options[url.selectedIndex].value;

  }

}



//tweet tool tip ------------------------------

function bubbleInfo() {

//$(function () {

    $('.bubbleInfo').each(function () {

        var distance = 10;

        var time = 250;

        var hideDelay = 500;



        var hideDelayTimer = null;



        var beingShown = false;

        var shown = false;

        var trigger = $('.trigger', this);

        var info = $('.popup', this).css('opacity', 0);





        $([trigger.get(0), info.get(0)]).mouseover(function () {

            if (hideDelayTimer) clearTimeout(hideDelayTimer);

            if (beingShown || shown) {

                // don't trigger the animation again

                return;

            } else {

                // reset position of info box

                beingShown = true;



                info.css({

                    top: -100,

                    left: -70,

                    display: 'block'

                }).animate({

                    top: '-=' + distance + 'px',

                    opacity: 0.8

                }, time, 'swing', function() {

                    beingShown = false;

                    shown = true;

                });

            }



            return false;

        }).mouseout(function () {

            if (hideDelayTimer) clearTimeout(hideDelayTimer);

            hideDelayTimer = setTimeout(function () {

                hideDelayTimer = null;

                info.animate({

                    top: '-=' + distance + 'px',

                    opacity: 0

                }, time, 'swing', function () {

                    shown = false;

                    info.css('display', 'none');

                });



            }, hideDelay);



            return false;

        });

    });

//});

}