/*


jQuery Extensions


*/

//console.log
//if ( typeof(console) == "undefined" ) console = { log:function(){} };

/* UTIL FOR DEBUG 100526 */
function IEAlert(i_alert) {
	if(SimpleLib.isIE()) {
		alert(i_alert);
	}
}

var agent = navigator.userAgent;
if( agent.search(/iPhone/) == -1 ) {

	
	var isSSL = document.location.href.match(/^https/);
	
	/*--------------------------------------------------
	* コンテンツをスライド表示するためのマスク用DIVを生成するメソッド
	--------------------------------------------------*/
	$.fn.mask = function() {
		return $(this).each(function(){
			var $mask = $(this).data("$mask");
			var $masked = $(this).data("$masked");
			if ( !$mask || !$masked ) {
				$(this).wrapInner('<div class="masked"></div>');
				$masked = $(this).find("div.masked");
				$(this).wrapInner('<div class="mask" style="overflow:hidden"></div>');
				$mask = $(this).find("div.mask");
				$(this).data("$mask",$mask);
				$(this).data("$masked",$masked);
			}
			var d = $(this).css("display");
			$(this).show();
			var ml = $masked.css("margin-left");
			$masked.css("margin-left","0").css("width","auto");
			$mask.css("width","auto");
			var w = $masked.width();
			var h = $masked.height();
			$mask.css("width",w+"px");
			$mask.css("height",h+"px");
			$masked.css("margin-left",ml);
			$(this).css("display",d);
		});
	}
	
	/*--------------------------------------------------
	* 水平方向にスライドインさせるメソッド
	--------------------------------------------------*/
	
	//add100526 : callback追加
	$.fn.hSlideIn = function( i_time, i_delay, i_right, i_callback ) {
	
		return $(this).each(function(){
			var callbackFunc = i_callback || function(){};
			
			$(this).mask();
			var $masked = $(this).data("$masked");
			var delay = i_delay ? i_delay : 0;
			if ( $(this).css("display") == "none" ) {
				$(this).show();
				var ml = $masked.width() * ( i_right ? 1 : -1 );
				$masked.css("margin-left",ml+"px");
			}
			$masked.stop().delay(delay).animate( {marginLeft:0}, i_time, callbackFunc );
		});
	}
	
	/*--------------------------------------------------
	* 水平方向にスライドアウトさせるメソッド
	--------------------------------------------------*/
	$.fn.hSlideOut = function( i_time, i_right, i_callback ) {
		return $(this).each(function(){
			var callbackFunc = i_callback || function(){};
			var $this = $(this);
			$(this).mask();
			var $masked = $this.data("$masked");
			var ml = $masked.width() * (i_right ? 1 : -1 );
			$masked.stop().animate( { marginLeft:ml }, i_time, function(){ $this.hide(); callbackFunc.apply( $this ); } );
		});
	}
	
	/*--------------------------------------------------
	* 選択状態の画像とクラスの切り替え
	--------------------------------------------------*/
	$.fn.selected = function( i_value ) {
		if ( typeof(i_value) == "undefined" ) {
			return $(this).data("selected") ? true : false;
		}
		if ( i_value == "preload" ) {
			return $(this).each(function(){
				var $i = $(this).find("img");
				if ( !$i.length ) return;
				if ( !$(this).data("selected") == !i_value ) return;
				var src = $i.attr("src");
				var selected = src.replace(/(\-(selected|over)(\-over)?)?(\.[^\.]+)$/,"$4").replace(/(\.[^\.]+)$/,"-selected$1");
				$("<img />").attr("src",selected);
			});
		}
		
		return $(this).each(function(){
			if ( !$(this).data("selected") == !i_value ) return;
			var $i = $(this).find("img");
			//if ( !$i.length ) return;
			if ( $i.length ) {
				var src = $i.attr("src");
				if ( i_value ) {
					var selected = src.replace(/(\-(selected|over)(\-over)?)?(\.[^\.]+)$/,"$4").replace(/(\.[^\.]+)$/,"-selected$1");
					$(this).unbind("mouseenter");
					$(this).unbind("mouseleave");
					$i.attr("src",selected);
					$(this).simpleRollOver();
					$(this).triggerHandler("mouseenter");
				} else {
					var src = src.replace(/(\-(selected|over)(\-over)?)?(\.[^\.]+)$/,"$4");
					$(this).unbind("mouseenter");
					$(this).unbind("mouseleave");
					$i.attr("src",src);
					$(this).simpleRollOver();
				}
			}
			$(this).data("selected",i_value);
			if ( i_value ) $(this).addClass("selected");
			else $(this).removeClass("selected");
		});
	}
	
	/*
	マップのフラッシュが埋め込み完了時にFlashから呼び出されるファンクション
	*/
	var selectShopNumber;
	function readyMapSwf() {
		if( !selectShopNumber ) return;
		var swf = $("#externalSideMapSwf").get(0);
		var testNum = selectShopNumber;
		swf.selectShop( selectShopNumber ); 
		selectShopNumber = null;
	}
	
	
	/*
	
	
	
	Main
	
	
	
	*/
	new function($) {
		/*--------------------------------------------------
		* 数値設定項目
		--------------------------------------------------*/
		var CONTENT_WIDTH = 970;
		var COLUMN_WIDTH = 190;
		var COLUMN_MARGIN = 15;
		var ANIMATION_TIME = 200;
		var SCROLL_TIME = 400;
		var OVERLAY_FADE_TIME = 300;
		var OPEN_COLUMN = 0;
		
		/*--------------------------------------------------
		* 変数
		--------------------------------------------------*/
		var $window;
		var $shopNavi;
		var $shoplist;
		var $content;
		var $main;
		var $foot;
		var $shown;
		var shownColumn = 0;
		var $shown2;
		var shown2Column = 0;
		var $shown3;
		var shown3Column = 0;
		var $contentOverlay;
		var shopMaster = {};
		var brandLists = {};
		
		//add100526
		var $sideMapWrapp;
		
		/*--------------------------------------------------
		* ロード
		--------------------------------------------------*/
		function load() {
			//console.log("load");
			$.ajax({
				url:"/js/shopdata.js",
				dataType:"json",
				error : function(a,b,c){
					IEAlert(c);
				},
				success:onLoad
			});
		}
		
		/*--------------------------------------------------
		* ロード完了時にJSONデータ処理＋HTML生成
		--------------------------------------------------*/
		function onLoad( data ) {
			//console.log("onLoad");
			var i,l,c,d,s,html,id,logoURL;
			//ショップマスタ
			for ( c in data["shop"] ) shopMaster[c] = data["shop"][c];
			
			//カテゴリ
			for ( c in data["category"] ) {
				d = data["category"][c];
				l = d.length;
				html = '<h2><img src="/images/common/shop/title-'+c.toLowerCase()+'.gif" alt="" width="365" height="50" /></h2><div class="shoplist overlayOthers"><ul class="clearfix fixHeight">';
				for ( i=0; i<l; i++ ) {
					s = shopMaster[d[i]];
					logoURL = s["shopLogo"];
					if ( isSSL ) logoURL = logoURL.replace("http://www.diamor.jp/images/upload/","https://www.diamor.jp/images/upload/");
					html = html + '<li><a href="'+s["shopPageLink"]+'"><img src="'+logoURL+'" width="175" height="80" /><span class="name">'+s["shopName"]+'</span><span class="type">'+s["shopDetailCategory"]+'</span></a></li>';
				}
				html = html + '</ul></div>';
				id = "Shop"+c;
				$("#"+id).mask().find("div.masked").empty().append(html);
			}
			
			//ショップ名
			for ( c in data["kana"] ) {
				d = data["kana"][c];
				l = d.length;
				id = "SearchNameKana"+c;
				html = '<h2><img src="/images/common/shop/title-list.gif" width="190" height="50" /></h2><div class="shoplist overlayOthers"><ul class="clearfix fixHeight">';
				for ( i=0; i<l; i++ ) {
					s = shopMaster[d[i]];
					logoURL = s["shopLogo"];
					if ( isSSL ) logoURL = logoURL.replace("http://www.diamor.jp/images/upload/","https://www.diamor.jp/images/upload/");
					html = html + '<li><a href="'+s["shopPageLink"]+'"><img src="'+logoURL+'" width="175" height="80" /><span class="name">'+s["shopName"]+'</span><span class="type">'+s["shopDetailCategory"]+'</span></a></li>';
				}
				html = html + '</ul></div>';
				$("#"+id).mask().find("div.masked").empty().append(html);
			}
			
			//fixHeight
			$("#ShopListColumn .fixHeight").initFixHeight();
			//$(".overlayOthers").overlayOthers();
			//init();
		}
		
		
		/*--------------------------------------------------
		* 初期化処理
		--------------------------------------------------*/
		function init() {
			
			setTimeout( function() { swfobject.embedSWF("/flash/map.swf", "ExternalSideNaviMapSwf", "555", "550", "9.0.124", "/flash/expressInstall.swf",{zoom:2, ground:false}, { allowScriptAccess : "always" }, {id:"externalSideMapSwf"}); }, 100 );
			
			//jQueryオブジェクト
			$window = $(window);
			$shopNavi = $("div#ShopColumn ul.navi a");
			$shoplist = $("div#ShopListColumn");
			$content = $("div#ContentColumn");
			$main = $("div#Main");
			$foot = $("div#Foot");
			
			//add100526 
			$("#externalSideMapSwf").wrap('<div id="SideMapWrapp"></div>');
			$sideMapWrapp = $("#SideMapWrapp").css("visibility", "hidden");
			
			
			//サイズ取得などの処理のためにショップリストカラムを一度表示状態にする
			$shoplist.show();
			
			//ショップのカテゴリ選択ボタン
			$("ul#ShopCategory a").each(function(){
				var targetId = $(this).attr("href").split("#").pop();
				$("#SearchName").before('<div id="'+targetId+'" class="shopCategory"><div class="loading"><img src="/images/common/common/loader.gif" width="24" height="24" /></div></div>');
				var $target = $("div#"+targetId);
				$target.mask().hide();
				
				$(this).data("$target",$target);
				$(this).click( _onCategoryClick );
			});
		
			//ショップ検索ボタン
			$("a#BtnSearchName,a#BtnSearchBrand").each(function(){
				var targetId = $(this).attr("href").split("#").pop();
				var $target = $("div#"+targetId);
				$target.mask().hide();
				$(this).data("$target",$target);
				$(this).click( _onSearchKanaClick );
			});
			
			$("a#BtnSearchMap").each(function(){
				var targetId = $(this).attr("href").split("#").pop();
				var $target = $("div#"+targetId);
				$target.mask().hide();
				$(this).data("$target",$target);
				$(this).click( _onSearchMapClick );
			});
			
			//かな選択ボタン
			$("div#SearchName ul.navi a").each(function(){
				var targetId = $(this).attr("href").split("#").pop();
				$("#SearchNameShopList").append('<div id="'+targetId+'" class="shopResultList"><div class="loading"><img src="/images/common/common/loader.gif" width="24" height="24" /></div></div>');
				var $target = $("div#"+targetId);
				$target.mask().hide();
				$(this).data("$target",$target);
				$(this).click( _onKanaClick );
			});
			
			//ブランド頭文字選択ボタン
			$("div#SearchBrand ul.navi a").each(function(){
				var targetId = $(this).attr("href").split("#").pop();
				$("#SearchBrandList").append('<div id="'+targetId+'" class="brandResultList"><div class="loading"><img src="/images/common/common/loader.gif" width="24" height="24" /></div></div>');
				var $target = $("div#"+targetId);
				$target.mask().hide();
				$(this).data("$target",$target);
				$(this).data("kana", targetId.match(/.$/).pop().toLowerCase() );
				$(this).click( _onBrandKanaClick );
			});
			$("#SearchBrandList").after('<div id="SearchBrandShopList"></div>');
			
			
			//
			$shoplist.css("width","0").css("overflow","hidden").hide();
			
			//メインコンテンツエリアの白オーバーレイ
			$contentOverlay = $('<div id="ContenOverlay" style="display:none;"><div class="overlayWhite">&nbsp;</div><a href="#" class="overlayBtn">&nbsp;</a>&nbsp;</div>').prependTo($content);
			
			$contentOverlay.find("a.overlayBtn")
			.hover(
				function(){
					$contentOverlay.find("div.overlayWhite").stop().animate({opacity:0.4},5000);
				},
				function(){
					$contentOverlay.find("div.overlayWhite").stop().animate({opacity:0.8},200);
				}
			)
			.click(_closeColumn);
			
			$contentOverlay.find("div.overlayWhite").animate({opacity:0.8},0);
			
			//ショップ詳細ページのマップクリック
			$("#MapAndText a.mapPoint").click( _onShopDetailMapClick );
			
			
			//
			$("#SearchName, #SearchBrand").height($("#DiamorColumn").height());
			
			
			//ウィンドウのリサイズ時の設定
			//$main.css("position","absolute");
			$window.resize(_onResize);
			_onResize();
			
		}
		
		
		/*--------------------------------------------------
		* ショップ詳細のマップクリック
		--------------------------------------------------*/
		function _onShopDetailMapClick() {
			if ( !swfobject.hasFlashPlayerVersion( "9.0.124" ) ) return true;
			var shopNum = $(this).attr("href").split("#").pop();
			selectShopNumber = shopNum;
			_onShopNaviClick( $("a#BtnSearchMap").selected(false), 3, function(){
				$("#SideMapWrapp").css("visibility", "visible");
			} );
			return false;
		}
		
		/*--------------------------------------------------
		* ブランド一覧のロード
		--------------------------------------------------*/
		function loadBrands( i_kana ) {
			if ( brandLists[i_kana] ) return;
			$.ajax({
				url:"/js/brand/"+i_kana+".js",
				dataType:"json",
				success:_onLoadBrabnd,
				error:_onLoadBrandError
			});
		}
		
		function _onLoadBrandError( i_arg ) {
			//console.log("_onLoadBrandError");
		}
		
		
		function _onLoadBrabnd( i_data ) {
			var kana = i_data["kana"];
			var data = i_data["data"];
			var targetId = "SearchBrandKana"+kana.toUpperCase();
			var $target = $("#"+targetId);
			var i,l,k,b;
			var html = '<h2><img src="/images/common/shop/title-brandlist.gif" width="175" height="50" /></h2><div class="brandlist overlayOthers"><ul class="clearfix"></ul></div>';
			$target.find("div.masked").empty().append(html);
			var $ul = $target.find("div.brandlist ul");
			var $a;
			for ( k in data ) {
				l = data[k].length;
				for ( i=0; i<l; i++ ) {
					b = data[k][i]["brandName"];
					html = '<li><a href="#">'+b+'</a></li>';
					$ul.append( html );
					$a = $ul.find("li:last a").eq(0);
					$a.data("shops",data[k][i]["shops"].split(","));
					$a.click( _onBrandClick );
				}
			}
			
			$target.mask();
			brandLists[kana] = $target;
			if ( $shown2[0] == $target[0] ) $shoplist.height($target.height());
		}
		
		/*--------------------------------------------------
		* 検索ナビのクリック
		--------------------------------------------------*/
		
		//カテゴリ
		function _onCategoryClick() {
			_onShopNaviClick( this, 3);
			//$(this).data("$target").find("div.shoplist ul").fixHeight();
			return false;
		}
		
		//かな検索
		function _onSearchKanaClick() {
			return _onShopNaviClick( this, 1 );
		}
		
		//マップ検索 
		//modified on 100526
		function _onSearchMapClick() {
			if ( !swfobject.hasFlashPlayerVersion( "9.0.124" ) ) return true;
			return _onShopNaviClick( this, 3, function(){
				$("#SideMapWrapp").css("visibility", "visible");
			} );
		}
		
		//共通ファンクション
		function _onShopNaviClick( i_this, i_columnNum ) {
			if ( $(i_this).selected() ) {
				_closeColumn();
				$shopNavi.selected(false);
				return false;
			}
			
			//add100526
			var callbackFunc = null;
			if(typeof arguments[2] != "undefined" && arguments[2] instanceof Function ) {
				callbackFunc = arguments[2];
			}
			
			_deselect();
			$(i_this).selected(true);
			var $target = $(i_this).data("$target");
			_openColumn(i_columnNum);
			if ( $shown2 ) $shown2.hSlideOut( ANIMATION_TIME * shown2Column, true );
			$shown2 = null;
			if ( $shown3 ) $shown3.hSlideOut( ANIMATION_TIME * shown3Column );
			$shown3 = null;
			if ( $shown ) $shown.hSlideOut( ANIMATION_TIME * shownColumn, true );
			$target.hSlideIn( ANIMATION_TIME * i_columnNum, null, null, callbackFunc ); //modified on 100526
			
			//IEAlert($target.find(".fixHeight").length);
			$target.find(".fixHeight").fixHeight();
			$target.show();
			shownColumn = i_columnNum;
			$shown = $target;
			$shoplist.height($target.height());
			return false;
		}
		
		function _deselect() {
			$("div#SearchName ul a").selected(false);
			$("div#SearchBrand ul a").selected(false);
			$("div#SearchBrandList ul a").selected(false);
			$shopNavi.selected(false);
		}
		
		/*--------------------------------------------------
		* 店舗名のかなボタンのクリック
		--------------------------------------------------*/
		function _onKanaClick() {
			if ( $(this).selected() ) {
				if ( $shown2 ) $shown2.hSlideOut( ANIMATION_TIME * shown2Column );
				$shown2 = null;
				shown2Column = 0;
				$("div#SearchName ul a").selected(false);
				_openColumn(1,true);
				return false;
			}
			$("div#SearchName ul a").selected(false);
			$(this).selected(true);
			var $target = $(this).data("$target");
			if ( $shown2 ) $shown2.hSlideOut( ANIMATION_TIME * shown2Column, true );
			$target.hSlideIn( ANIMATION_TIME * 2 );
			$target.find(".fixHeight").fixHeight();
			$shown2 = $target;
			shown2Column = 2;
			_openColumn(3);
			$shoplist.height($target.height());
	
			return false;
		}
		
		/*--------------------------------------------------
		* ブランドのかなボタンのクリック
		--------------------------------------------------*/
		function _onBrandKanaClick() {
		
			if ( $shown3 ) $shown3.hSlideOut( ANIMATION_TIME * shown3Column );
			$shown3 = null;
			shown3Column = 0;
		
			$("div#SearchBrandList ul a").selected(false);
			if ( $(this).selected() ) {
				if ( $shown2 ) $shown2.hSlideOut( ANIMATION_TIME * shown2Column );
				$shown2 = null;
				shown2Column = 0;
				$("div#SearchBrand ul a").selected(false);
				_openColumn(1,true);
				return false;
			}
			$("div#SearchBrand ul a").selected(false);
			$(this).selected(true);
			var $target = $(this).data("$target");
			if ( $shown2 ) $shown2.hSlideOut( ANIMATION_TIME * shown2Column, true );
			$target.hSlideIn( ANIMATION_TIME * 2 );
			$target.find(".fixHeight").fixHeight();
			$shown2 = $target;
			shown2Column = 1;
			_openColumn(2);
			$shoplist.height($target.height());
			
			loadBrands( $(this).data("kana") );
			return false;
		}
		
		/*--------------------------------------------------
		* ブランド名のクリック
		--------------------------------------------------*/
		function _onBrandClick() {
			if ( $(this).selected() ) {
				if ( $shown3 ) $shown3.hSlideOut( ANIMATION_TIME * shown3Column );
				$shown3 = null;
				shown3Column = 0;
				$("div#SearchBrandList ul a").selected(false);
				_openColumn(2,true);
				return false;
			}
			$("div#SearchBrandList ul a").selected(false);
			$(this).selected(true);
			var $target = $(this).data("$target");
			var $ul;
			if ( !$target ) {
				var i;
				var shops = $(this).data("shops");
				var l = shops.length;
				var logoURL;
				var html = '<div class="shopSearch"><h2><img src="/images/common/shop/title-list.gif" width="190" height="50" /></h2><div class="shoplist overlayOthers"><ul class="clearfix">';
				for ( i=0; i<l; i++ ) {
					s = shopMaster[shops[i]];
					logoURL = s["shopLogo"];
					if ( isSSL ) logoURL = logoURL.replace("http://www.diamor.jp/images/upload/","https://www.diamor.jp/images/upload/");
					html = html + '<li><a href="'+s["shopPageLink"]+'"><img src="'+logoURL+'" width="175" height="80" /><span class="name">'+s["shopName"]+'</span><span class="type">'+s["shopDetailCategory"]+'</span></a></li>';
				}
				html = html + '</ul></div></div>';
				$target = $(html).appendTo($("#SearchBrandShopList")).mask().hide();
				$(this).data("$target",$target);
			}
			
			if ( $shown3 ) $shown3.hSlideOut( ANIMATION_TIME * shown3Column, true );
			$target.hSlideIn( ANIMATION_TIME * 1 );
			$shown3 = $target;
			shown3Column = 1;
			
			_openColumn(3);
			$target.show();
			if ( $target.height() < $shown2.height() ) $shoplist.height($shown2.height());
			else  $shoplist.height($target.height())
	
			
			//スクロール
			var tt = $("#SearchBrandList").offset().top;
			var st = $(window).scrollTop();
			if ( st > tt ) {
				$("html,body").animate({ scrollTop:tt }, 500 );
			}
			
			return false;
		}
		
		/*--------------------------------------------------
		* ショップリストカラムの開閉
		--------------------------------------------------*/
		function _openColumn( i_columnNum, i_nodelay ) {
			var time = ANIMATION_TIME * Math.abs( OPEN_COLUMN - i_columnNum );
			if ( !time ) return;
			var delay = 0;
			if ( !i_nodelay && OPEN_COLUMN > i_columnNum ) delay = ANIMATION_TIME * ( i_columnNum + 1 );
			//console.log("OPEN_COLUMN:"+OPEN_COLUMN+" i_columnNum:"+i_columnNum+" delay:"+delay);
			$main.stop().delay(delay).animate( {width:CONTENT_WIDTH+COLUMN_WIDTH * i_columnNum + COLUMN_MARGIN }, time );
			$shoplist.show().stop().delay(delay).animate( {width:COLUMN_WIDTH * i_columnNum}, time );
			//if ( !OPEN_COLUMN ) $("html,body").animate( {scrollTop:$main.offset().top}, SCROLL_TIME );
			OPEN_COLUMN = i_columnNum;
			$main.css("height","auto");
			$shoplist.css("height","auto");
			_showContentOverlay();
			return false;
		}
		
		function _closeColumn() {
			var time = ANIMATION_TIME * OPEN_COLUMN;
			if ( !time ) return;
			$main.stop().animate( {width:CONTENT_WIDTH}, time )
			$shoplist.stop().animate( {width:0}, time, function(){ $shoplist.hide(); } );
			_deselect();
			//
			if ( $shown3 ) $shown3.hSlideOut( ANIMATION_TIME * shown3Column );
			$shown3 = null;
			shown3Column = 0;
			//
			if ( $shown2 ) $shown2.hSlideOut( ANIMATION_TIME * shown2Column );
			$shown2 = null;
			shown2Column = 0;
			//
			if ( $shown ) $shown.hSlideOut( ANIMATION_TIME * shownColumn );
			$shown = null;
			shownColumn = 0;
			//
			OPEN_COLUMN = 0;
			$main.css("height","auto");
			$shoplist.css("height","auto");
			_hideContentOverlay();
			return false;
		}
		
		/*--------------------------------------------------
		* メインコンテンツエリアのオーバレイ表示
		--------------------------------------------------*/
		
		function _showContentOverlay() {
			var h = $foot.offset().top - $content.offset().top;
			$contentOverlay.css("height",h+"px");
			$contentOverlay.find("div,a").css("height",h+"px");
			if ( $contentOverlay.css("display") == "none" ) {
				$contentOverlay.show().stop().animate({opacity:0},0).animate({opacity:1},OVERLAY_FADE_TIME);
			}
		}
		
		function _hideContentOverlay() {
			$contentOverlay.stop().fadeOut( OVERLAY_FADE_TIME );
		}
		
		/*--------------------------------------------------
		* ウィンドウのリサイズ処理
		--------------------------------------------------*/
		
		function _onResize() {
			var l = Math.floor( ( $window.width() - CONTENT_WIDTH ) / 2 );
			//$main.css("left",l+"px");
		}
		/*--------------------------------------------------
		* 初期化＋ロード実行
		--------------------------------------------------*/
		$(document).ready(function(){ init(); SimpleLib.load(load); } );
		
	
	}( jQuery );
	
}

$( function(){

	
	var resizeWidth = 175;
	var resizeHeight = 230;
	var $blogs = $( "#BlogEntries .cell" ).get();
	
	var timer = setInterval( function(){
	
		var clearTime = true;
		var l = $blogs.length;
		for( var i = 0; i<l; i++ ) {
			var $img = $( $blogs[i] ).find( ".resize" );
			
			var dw = $img.width();
			var dh = $img.height();
			if( !dw || !dh ) {
				clearTime = false;
				continue;
			}
			var w;
			var h;
			if( dw < dh ) {
				w = resizeWidth;
				h = ( resizeWidth / dw ) * dh;
			}else {
				h = resizeHeight;
				w = ( resizeHeight / dh ) * dw;
			}
			
			w = Math.floor( w );
			h = Math.floor( h );
			
			$img.attr( "width", w ).attr( "height", h );
			
		}
		
		if( clearTime ) {
			clearInterval( timer );
		}
		
	}, 200 );
	
	
} );