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

$(window).load(function(){
	setInit();
});

function setInit() {
	setZoom();
	setGrid();
	//モバイル画像
	if ( $('#fullsize_h1').length > 0 ) $('#right_area').prepend( '<h1 id="mosize_h1">' + $('#fullsize_h1').html() + '</html>' );
}

function setZoom() {
	$(".zoom").colorbox({
		href: function() {
			var href = $(this).attr('href');
			return href;
		},
		maxWidth: "90%",
		maxHeight: "90%",
		initialWidth: "100px",
		initialHeight: "100px",
		transition:'elastic',
		fixed: 'true',
		opacity:0.58
	});
}

function setGrid() {
	$("#grid_content").vgrid({
		easeing: "easeOutQuint",
		useLoadImageEvent: true,
		time: 400,
		delay: 20,
		fadeIn: {
			time: 500,
			delay: 50
		}
	});
}

function showFukidashi() {
	$('#fukidashi').animate({opacity:'show'},{duration:850});
}

function hideFukidashi() {
	$('#fukidashi').animate({opacity:'hide'},{duration:400});
}


function changeMenu(tp,nm) {
	$('#grid_content').fadeOut(100,function(){$('#grid_content').html('');});
	$('#count_area').html('');
	$('#url_area').html("このページを直接開くURL：<a href=\"mc_index_ct_"+tp+"_no_"+nm+".html\" target=\"_blank\">http://kir016424.kir.jp/yoshiki/mc_index_ct_"+tp+"_no_"+nm+".html</a>");
	$.post('get_list.php',
	{
		ct : tp,
		no : nm
	},
	function (request) {
		$('#grid_content').html(request);
		setInit();
	});
}

//メールフォーム
function clearFormAll() {
	for (var i=0; i<document.forms.length; ++i) {
		clearForm(document.forms[i]);
	}
	delImg();
}
function clearForm(form) {
	for(var i=0; i<form.elements.length; ++i) {
		clearElement(form.elements[i]);
	}
}
function clearElement(element) {
	switch(element.type) {
		case "hidden":
		case "submit":
		case "reset":
		case "button":
		case "image":
			return;
		case "file":
			return;
		case "text":
		case "password":
		case "textarea":
			element.value = "";
			return;
		case "checkbox":
		case "radio":
			element.checked = false;
			return;
		case "select-one":
		case "select-multiple":
			element.selectedIndex = 0;
			return;
		default:
	}
}
function error_display( txt ) {
	tmp = txt.split('<!--mcstudio-->');
	if ( tmp[0] == 'err' ) {
		$('#error_message').html(tmp[1]);
	} else if ( tmp[0] == 'check' ) {
		if ( tmp[1] == '1' ) {
			$('#img2').css('display','none');
			$('#img1').css('display','block');
		} else {
			$('#img1').css('display','none');
			$('#img2').css('display','block');
		}
		$('#mail2').html(tmp[2]);
		$('#mail1').fadeOut();
		$('#mail2').fadeIn();
		$('#error_message').html('');
	} else if ( tmp[0] == 'send' ) {
		$('#mail2').fadeOut().html(tmp[1]).fadeIn();
	}
}

function form_back() {
	$('#mail2').fadeOut();
	$('#mail1').fadeIn();
}

function delImg() {
	$('#img1').css('display','none');
	$('#img2').html('<input type="file" name="form_picture" /> <span class="red">jpgまたはpngファイル</span>');
	$('#img2').css('display','block');
	$('#delete_img').val('on');
	$('#del_img').removeAttr('checked')
}

// UTF-8
/**
 * scrollsmoothly.js
 * Copyright (c) 2008 KAZUMiX
 * http://d.hatena.ne.jp/KAZUMiX/20080418/scrollsmoothly
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * 更新履歴
 * 2009/02/12
 * スクロール先が画面左上にならない場合の挙動を修正
 * 2008/04/18
 * 公開
 *
*/

var ss_easing = 0.25;
var ss_interval = 20;
var ss_d = document;
var ss_targetX = 0;
var ss_targetY = 0;
var ss_targetHash = '';
var ss_scrolling = false;
var ss_splitHref = location.href.split('#');
var ss_currentHref_WOHash = ss_splitHref[0];
var ss_incomingHash = ss_splitHref[1];
var ss_prevX = null;
var ss_prevY = null;

// ドキュメント読み込み完了時にss_init()を実行する
ss_addEvent(window, 'load', ss_init);

// ドキュメント読み込み完了時の処理
function ss_init(){
 // ページ内リンクにイベントを設定する
 ss_setOnClickHandler();
 // 外部からページ内リンク付きで呼び出された場合
 if(ss_incomingHash){
   if(window.attachEvent && !window.opera){
     // IEの場合はちょっと待ってからスクロール
     setTimeout(function(){scrollTo(0,0);ss_setScroll('#'+ss_incomingHash);},50);
   }else{
     // IE以外はそのままGO
     scrollTo(0, 0);
     ss_setScroll('#'+ss_incomingHash);
   }
 }
}

// イベントを追加する関数
function ss_addEvent(eventTarget, eventName, func){
 if(eventTarget.addEventListener){
   // モダンブラウザ
   eventTarget.addEventListener(eventName, func, false);
 }else if(window.attachEvent){
   // IE
   eventTarget.attachEvent('on'+eventName, function(){func.apply(eventTarget);});
 }
}

function ss_setOnClickHandler(){
 var links = ss_d.links;
 for(var i=0; i<links.length; i++){
   // ページ内リンクならスクロールさせる
   var link = links[i];
   var splitLinkHref = link.href.split('#');
   if(ss_currentHref_WOHash == splitLinkHref[0] && ss_d.getElementById(splitLinkHref[1])){
     ss_addEvent(link, 'click', ss_startScroll);
   }
 }
}

function ss_startScroll(event){
 // リンクのデフォルト動作を殺す
 if(event){ // モダンブラウザ
   event.preventDefault();
   //alert('modern');
 }else if(window.event){ // IE
   window.event.returnValue = false;
   //alert('ie');
 }
 // thisは呼び出し元になってる
 ss_setScroll(this.hash);
}

function ss_setScroll(hash){
 // ハッシュからターゲット要素の座標をゲットする
 var targetEle = ss_d.getElementById(hash.substr(1));
 if(!targetEle)return;
 //alert(scrollSize.height);
 // スクロール先座標をセットする
 var ele = targetEle;
 var x = 0;
 var y = 0;
 while(ele){
   x += ele.offsetLeft;
   y += ele.offsetTop;
   ele = ele.offsetParent;
 }
 var maxScroll = ss_getScrollMaxXY();
 ss_targetX = Math.min(x, maxScroll.x);
 ss_targetY = Math.min(y, maxScroll.y);
 ss_targetHash = hash;
 // スクロール停止中ならスクロール開始
 if(!ss_scrolling){
   ss_scrolling = true;
   ss_scroll();
 }
}

function ss_scroll(){
 var currentX = ss_d.documentElement.scrollLeft||ss_d.body.scrollLeft;
 var currentY = ss_d.documentElement.scrollTop||ss_d.body.scrollTop;
 var vx = (ss_targetX - currentX) * ss_easing;
 var vy = (ss_targetY - currentY) * ss_easing;
 var nextX = currentX + vx;
 var nextY = currentY + vy;
 if((Math.abs(vx) < 1 && Math.abs(vy) < 1)
   || (ss_prevX === currentX && ss_prevY === currentY)){
   // 目標座標付近に到達していたら終了
   scrollTo(ss_targetX, ss_targetY);
   ss_scrolling = false;
//       location.hash = ss_targetHash;	//mcstudio on comment
   ss_prevX = ss_prevY = null;
   return;
 }else{
   // 繰り返し
   scrollTo(parseInt(nextX), parseInt(nextY));
   ss_prevX = currentX;
   ss_prevY = currentY;
   setTimeout(function(){ss_scroll()},ss_interval);
 }
}

function ss_getDocumentSize(){
 return {width:Math.max(document.body.scrollWidth, document.documentElement.scrollWidth), height:Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)};
}

function ss_getWindowSize(){
 var result = {};
 if(window.innerWidth){
   var box = ss_d.createElement('div');
   with(box.style){
     position = 'absolute';
     top = '0px';
     left = '0px';
     width = '100%';
     height = '100%';
     margin = '0px';
     padding = '0px';
     border = 'none';
     visibility = 'hidden';
   }
   ss_d.body.appendChild(box);
   var width = box.offsetWidth;
   var height = box.offsetHeight;
   ss_d.body.removeChild(box);
   result = {width:width, height:height};
 }else{
   result = {width:ss_d.documentElement.clientWidth || ss_d.body.clientWidth, height:ss_d.documentElement.clientHeight || ss_d.body.clientHeight};
 }
 return result;
}

function ss_getScrollMaxXY() {
 if(window.scrollMaxX && window.scrollMaxY){
   return {x:window.scrollMaxX, y:window.scrollMaxY};
 }
 var documentSize = ss_getDocumentSize();
 var windowSize = ss_getWindowSize();
 return {x:documentSize.width - windowSize.width, y:documentSize.height - windowSize.height};
}


/*
 * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
 *
 * Uses the built in easing capabilities added In jQuery 1.1
 * to offer multiple easing options
 *
 * TERMS OF USE - jQuery Easing
 * 
 * Open source under the BSD License. 
 * 
 * Copyright ﾂｩ 2008 George McGinley Smith
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without modification, 
 * are permitted provided that the following conditions are met:
 * 
 * Redistributions of source code must retain the above copyright notice, this list of 
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list 
 * of conditions and the following disclaimer in the documentation and/or other materials 
 * provided with the distribution.
 * 
 * Neither the name of the author nor the names of contributors may be used to endorse 
 * or promote products derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
 * OF THE POSSIBILITY OF SUCH DAMAGE. 
 *
*/

// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];

jQuery.extend( jQuery.easing,
{
	def: 'easeOutQuad',
	swing: function (x, t, b, c, d) {
		//alert(jQuery.easing.default);
		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
	},
	easeInQuad: function (x, t, b, c, d) {
		return c*(t/=d)*t + b;
	},
	easeOutQuad: function (x, t, b, c, d) {
		return -c *(t/=d)*(t-2) + b;
	},
	easeInOutQuad: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t + b;
		return -c/2 * ((--t)*(t-2) - 1) + b;
	},
	easeInCubic: function (x, t, b, c, d) {
		return c*(t/=d)*t*t + b;
	},
	easeOutCubic: function (x, t, b, c, d) {
		return c*((t=t/d-1)*t*t + 1) + b;
	},
	easeInOutCubic: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t + b;
		return c/2*((t-=2)*t*t + 2) + b;
	},
	easeInQuart: function (x, t, b, c, d) {
		return c*(t/=d)*t*t*t + b;
	},
	easeOutQuart: function (x, t, b, c, d) {
		return -c * ((t=t/d-1)*t*t*t - 1) + b;
	},
	easeInOutQuart: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
		return -c/2 * ((t-=2)*t*t*t - 2) + b;
	},
	easeInQuint: function (x, t, b, c, d) {
		return c*(t/=d)*t*t*t*t + b;
	},
	easeOutQuint: function (x, t, b, c, d) {
		return c*((t=t/d-1)*t*t*t*t + 1) + b;
	},
	easeInOutQuint: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
		return c/2*((t-=2)*t*t*t*t + 2) + b;
	},
	easeInSine: function (x, t, b, c, d) {
		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
	},
	easeOutSine: function (x, t, b, c, d) {
		return c * Math.sin(t/d * (Math.PI/2)) + b;
	},
	easeInOutSine: function (x, t, b, c, d) {
		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
	},
	easeInExpo: function (x, t, b, c, d) {
		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
	},
	easeOutExpo: function (x, t, b, c, d) {
		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
	},
	easeInOutExpo: function (x, t, b, c, d) {
		if (t==0) return b;
		if (t==d) return b+c;
		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
	},
	easeInCirc: function (x, t, b, c, d) {
		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
	},
	easeOutCirc: function (x, t, b, c, d) {
		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
	},
	easeInOutCirc: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
	},
	easeInElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
	},
	easeOutElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
	},
	easeInOutElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
	},
	easeInBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158;
		return c*(t/=d)*t*((s+1)*t - s) + b;
	},
	easeOutBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158;
		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
	},
	easeInOutBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158; 
		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
	},
	easeInBounce: function (x, t, b, c, d) {
		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
	},
	easeOutBounce: function (x, t, b, c, d) {
		if ((t/=d) < (1/2.75)) {
			return c*(7.5625*t*t) + b;
		} else if (t < (2/2.75)) {
			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
		} else if (t < (2.5/2.75)) {
			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
		} else {
			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
		}
	},
	easeInOutBounce: function (x, t, b, c, d) {
		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
	}
});

/*
 *
 * TERMS OF USE - EASING EQUATIONS
 * 
 * Open source under the BSD License. 
 * 
 * Copyright ﾂｩ 2001 Robert Penner
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without modification, 
 * are permitted provided that the following conditions are met:
 * 
 * Redistributions of source code must retain the above copyright notice, this list of 
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list 
 * of conditions and the following disclaimer in the documentation and/or other materials 
 * provided with the distribution.
 * 
 * Neither the name of the author nor the names of contributors may be used to endorse 
 * or promote products derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
 * OF THE POSSIBILITY OF SUCH DAMAGE. 
 *
 */
 
 
 /**
 * jQuery VGrid v0.1.8 - variable grid layout plugin
 *
 * Terms of Use - jQuery VGrid
 * under the MIT (http://www.opensource.org/licenses/mit-license.php) License.
 *
 * Copyright 2009-2012 xlune.com All rights reserved.
 * (http://blog.xlune.com/2009/09/jqueryvgrid.html)
 */
(function($)
{
	function makePos(self)
	{
		var _childs = self.data("_vgchild");
		var _width = self.width();
		var _matrix = [[0,_width,0]];
		var _hmax=0, _c, _size, _point;
		_childs.each(function(i)
		{
			_c = $(this);
			if(_c.css("display") == "none"){
				return true;
			}
			_size = getSize(_c);
			_point = getAttachPoint(_matrix, _size[0]);
			_matrix = updateAttachArea(_matrix, _point, _size);
			_hmax = Math.max(_hmax, _point[1] + _size[1]);
			_c.data("_vgleft", _point[0]);
			_c.data("_vgtop", _point[1]);
		});
		self.data("_vgwrapheight", _hmax);
		heightTo(self);
	};
	function getAttachPoint(mtx, width)
	{
		var _mtx = mtx.concat().sort(matrixSortDepth);
		var _max = _mtx[_mtx.length-1][2];
		for(var i=0,imax=_mtx.length; i<imax; i++)
		{
			if(_mtx[i][2] >= _max) break;
			if(_mtx[i][1]-_mtx[i][0] >= width)
			{
				return [_mtx[i][0], _mtx[i][2]];
			}
		}
		return [0, _max];
	};
	function updateAttachArea(mtx, point, size)
	{
		var _mtx = mtx.concat().sort(matrixSortDepth);
		var _cell = [point[0], point[0]+size[0], point[1]+size[1]];
		for(var i=0,imax=_mtx.length; i<imax; i++)
		{
			if(_cell[0] <= _mtx[i][0] && _mtx[i][1] <= _cell[1])
			{
				delete _mtx[i];
			}
			else
			{
				_mtx[i] = matrixTrimWidth(_mtx[i], _cell);
			}
		}
		return matrixJoin(_mtx, _cell);
	};
	function matrixSortDepth(a, b)
	{
		if(!a || !b) return 0;
		return ((a[2] == b[2] && a[0] > b[0]) || a[2] > b[2]) ? 1 : -1;
	};
	function matrixSortX(a, b)
	{
		if(!a || !b) return 0;
		return (a[0] > b[0]) ? 1 : -1;
	};
	function matrixJoin(mtx, cell)
	{
		var _mtx = mtx.concat([cell]).sort(matrixSortX);
		var _mtx_join = [];
		for(var i=0,imax=_mtx.length; i<imax; i++)
		{
			if(!_mtx[i]) continue;
			if(_mtx_join.length > 0
				&& _mtx_join[_mtx_join.length-1][1] == _mtx[i][0]
				&& _mtx_join[_mtx_join.length-1][2] == _mtx[i][2])
			{
				_mtx_join[_mtx_join.length-1][1] = _mtx[i][1];
			}
			else
			{
				_mtx_join.push(_mtx[i]);
			}
		}
		return _mtx_join;
	};
	function matrixTrimWidth(a, b)
	{
		if(a[0] >= b[0] && a[0] < b[1] || a[1] >= b[0] && a[1] < b[1])
		{
			if(a[0] >= b[0] && a[0] < b[1])
			{
				a[0] = b[1];
			}
			else
			{
				a[1] = b[0];
			}
		}
		return a;
	};
	function getSize(child)
	{
		var _w = child.width();
		var _h = child.height();
		_w += Number(child.css("margin-left").replace('px', ''))
				+Number(child.css("padding-left").replace('px', ''))
				+Number(child.get(0).style.borderLeftWidth.replace('px', ''))
				+Number(child.css("margin-right").replace('px', ''))
				+Number(child.css("padding-right").replace('px', ''))
				+Number(child.get(0).style.borderRightWidth.replace('px', ''));
		_h += Number(child.css("margin-top").replace('px', ''))
				+Number(child.css("padding-top").replace('px', ''))
				+Number(child.get(0).style.borderTopWidth.replace('px', ''))
				+Number(child.css("margin-bottom").replace('px', ''))
				+Number(child.css("padding-bottom").replace('px', ''))
				+Number(child.get(0).style.borderBottomWidth.replace('px', ''));
		return [_w, _h];
	};
	function heightTo(self)
	{
		var _self = self;
		var _delay = _self.data("_vgchild").length
			* (_self.data("_vgopt").delay || 0)
			+ _self.data("_vgopt").time || 500;
		_self.stop();
		if(_self.height() < _self.data("_vgwrapheight"))
		{
			if($.browser.msie)
			{
				_self.height(_self.data("_vgwrapheight"));
			}
			else
			{
				_self.animate(
					{
						height: _self.data("_vgwrapheight")+"px"
					},
					(_self.data("_vgopt").time || 500),
					"easeOutQuart"
				);
			}
		}
		else
		{
			clearTimeout(_self.data("_vgwraptimeout"));
			_self.data("_vgwraptimeout", setTimeout(function(){
				if($.browser.msie)
				{
					_self.height(_self.data("_vgwrapheight"));
				}
				else
				{
					_self.animate(
						{
							height: _self.data("_vgwrapheight")+"px"
						},
						(_self.data("_vgopt").time || 500),
						"easeOutQuart"
					);
				}
			}, _delay));
		}
	};
	function moveTo(childs)
	{
		var _c;
		childs.each(function(i)
		{
			_c = $(this);
			_c.css("left", _c.data("_vgleft")+"px");
			_c.css("top", _c.data("_vgtop")+"px");
		});
	};
	function animateTo(childs, easing, time, delay)
	{
		var _self = $(childs).parent();
		var isMove = false;
		var imax = childs.length;
		var i,_c,_pos;
		for(i=0; i<imax; i++)
		{
			_c = $(childs[i]);
			_pos = _c.position();
			if(_pos.left != _c.data("_vgleft") && _pos.top != _c.data("_vgtop"))
			{
				isMove = true;
			}
		}
		if(isMove)
		{
			if(typeof(_self.data("_vgopt").onStart) == "function") _self.data("_vgopt").onStart();
			childs.each(function(i)
			{
				var _c = $(this);
				var _opt = {
					duration: time,
					easing: easing
				};
				if(childs.size()-1 == i)
				{
					_opt.complete = _self.data("_vgopt").onFinish || null;
				}
				clearTimeout(_c.data("_vgtimeout"));
				_c.data("_vgtimeout", setTimeout(function(){
					_c.animate(
						{
							left: _c.data("_vgleft")+"px",
							top: _c.data("_vgtop")+"px"
						},
						_opt
					);
				}, i*delay));
			});
		}
	};
	function refleshHandler(tg)
	{
		tg.each(function(num){
			var _self = $(this);
			clearTimeout(_self.data("_vgtimeout"));
			_self.data("_vgtimeout", setTimeout(function(){
				makePos(_self);
				animateTo(
					_self.data("_vgchild"),
					_self.data("_vgopt").easing || "linear",
					_self.data("_vgopt").time || 500,
					_self.data("_vgopt").delay || 0
				);
			}, 500));
		});
	};
	function setFontSizeListener(self, func)
	{
		var s = $("<span />")
			.text(" ")
			.attr("id", "_vgridspan")
			.hide()
			.appendTo("body");
		s.data("size", s.css("font-size"));
		s.data("timer", setInterval(function(){
			if(s.css("font-size") != s.data("size"))
			{
				s.data("size", s.css("font-size"));
				func(self);
			}
		}, 1000));
	};
	function setImgLoadEvent(self, func)
	{
		if(!self.data("vgrid-image-event-added")){
			self.data("vgrid-image-event-added", 1);
			self.bind("vgrid-added", function(){
				self.find("img").each(function(){
					var img = $(this);
					if(!img.data("vgrid-image-handler")){
						img.data("vgrid-image-handler", 1);
						img.bind("load", function(){
							func(self);
						});
					}
				});
			});
		}
		self.trigger("vgrid-added");
		var _append = self.append;
		var _prepend = self.prepend;
		self.append = function(){
			_append.apply(self, arguments);
			self.trigger("vgrid-added");
		};
		self.prepend = function(){
			_prepend.apply(self, arguments);
			self.trigger("vgrid-added");
		};
	};
	$.fn.extend({
		vgrid: function(option)
		{
			var _target = $(this);
			var _opt = option || {};
			if (_opt.easeing) {
				_opt.easing = _opt.easeing;
			}
			_target.each(function(){
				var _self = $(this);
				_self.data("_vgopt", _opt);
				_self.data("_vgchild", _self.find("> *"));
				_self.data("_vgdefchild", _self.data("_vgchild"));
				_self.css({
					"position": "relative",
					"width": "auto"
				});
				_self.data("_vgchild").css("position", "absolute");
				makePos(_self);
				moveTo(_self.data("_vgchild"));
				if(_self.data("_vgopt").fadeIn)
				{
					var _prop = (typeof(_self.data("_vgopt").fadeIn)=='object')
									? _self.data("_vgopt").fadeIn
									: {time: _self.data("_vgopt").fadeIn} ;
					_self.data("_vgchild").each(function(i)
					{
						var _c = $(this);
						if(_c.css("display") == "none"){
							return true;
						}
						_c.stop().fadeTo(0, 0);
						setTimeout(function(){
							_c.stop().fadeTo(_prop.time || 250, 1);
						}, i * (_prop.delay || 0));
					});
				}
				$(window).resize(function(e)
				{
					refleshHandler(_self);
				});
				if(_opt.useLoadImageEvent) setImgLoadEvent(_self, refleshHandler);
				if(_opt.useFontSizeListener) setFontSizeListener(_self, refleshHandler);
			});
			return _target;
		},
		vgrefresh: function(easing, time, delay, func)
		{
			var _target = $(this);
			_target.each(function(){
				var _obj = $(this);
				var _opt = _obj.data("_vgopt") || {};
				if(_obj.data("_vgchild"))
				{
					_obj.data("_vgchild", _obj.find("> *"));
					_obj.data("_vgchild").css("position", "absolute");
					makePos(_obj);
					time = typeof(time)=="number" ? time : _obj.data("_vgopt").time || 500;
					delay = typeof(delay)=="number" ? delay : _obj.data("_vgopt").delay || 0;
					animateTo(
						_obj.data("_vgchild"),
						easing || _obj.data("_vgopt").easing || "linear",
						time,
						delay
					);
					if(typeof(func)=='function')
					{
						setTimeout(
							func,
							_obj.data("_vgchild").length * delay + time
						);
					}
				}
				if(_opt.useLoadImageEvent) setImgLoadEvent(_obj, refleshHandler);
			});
			return _target;
		},
		vgsort: function(func, easing, time, delay)
		{
			var _target = $(this);
			_target.each(function(){
				var _obj = $(this);
				if(_obj.data("_vgchild"))
				{
					_obj.data("_vgchild", _obj.data("_vgchild").sort(func));
					_obj.data("_vgchild").each(function(num){
						$(this).appendTo(_obj);
					});
					makePos(_obj);
					animateTo(
						_obj.data("_vgchild"),
						easing || _obj.data("_vgopt").easing || "linear",
						typeof(time)=="number" ? time : _obj.data("_vgopt").time || 500,
						typeof(delay)=="number" ? delay : _obj.data("_vgopt").delay || 0
					);
				}
			});
			return _target;
		}
	});
})(jQuery);