/* Settings
------------------------------------------------------------------------*/

// jQueryObjects
var	$doc = $(document),
	$w = $(window),
	$html = $('html'),
	$body,
	$page,
	$changeImg;

// commonSettings
var abi = {
	bp_tab : 1024,
	bp_sp : 767,
	pc : '',
	tab : '',
	sp : '',
	pcView : '',
	tabView : '',
	spView : '',
	finish : '',
	deviceWidth : '',
	deviceHeight : '',
	sT : '',
	ie9 : ($html.hasClass('ie9')) ? true : false,
	ie8 : ($html.hasClass('ie8')) ? true : false,
	ua_mouse : ($html.hasClass('mouse')) ? true : false,
	ua_touch : ($html.hasClass('touch')) ? true : false,
	ua_phone : ($html.hasClass('phone')) ? true : false
}


/* Functions & Plugins
------------------------------------------------------------------------*/

// rwdFunctions
var rwdFunctions = {
	// checkValue
	checkValue : function(){
		abi.deviceWidth = (abi.ie8) ? $w.width() : window.innerWidth,
		abi.deviceHeight= $w.height(),
		abi.pc = (abi.ie8 || abi.deviceWidth > abi.bp_tab) ? true : false,
		abi.tab = (!abi.ie8 && abi.deviceWidth <= abi.bp_tab && abi.deviceWidth > abi.bp_sp) ? true : false,
		abi.sp = (!abi.ie8 && abi.deviceWidth <= abi.bp_sp) ? true : false;
	},
	// fooLoad
	fooLoad : function($o){
		$o.each(function(){ $(this).attr('src', $(this).data('img')); });
	},
	// loadImg
	loadImg : function(){
		abi.finish = (abi.pcView && abi.tabView && abi.spView) ? true : false;
		if(!abi.ie8 && !abi.finish){
			if(abi.pc || abi.tab){
				if(!abi.pcView || !abi.tabView){
					rwdFunctions.fooLoad($('img.load_pc-tab'));
				}
				if(abi.pc && !abi.pcView){
					rwdFunctions.fooLoad($('img.load_pc'));
					abi.pcView = true;
				}
				if(abi.tab && !abi.tabView){
					rwdFunctions.fooLoad($('img.load_tab-sp'));
					abi.tabView = true;
				}
			}else if(!abi.spView){
				rwdFunctions.fooLoad($('img.load_sp,img.load_tab-sp'));
				abi.spView = true;
			}
		}else if(!abi.pcView){
			abi.pcView = true;
		}
	},
	// changeImg
	changeImg : function(){
		if(!abi.ie8){
			for(var i = 0; i <= $changeImg.length - 1; i++){
				if($changeImg.eq(i).is('.custom')){

					if(abi.deviceWidth > $changeImg.eq(i).data('custom')) $changeImg.eq(i).attr('src', $changeImg.eq(i).data('img'));
					else $changeImg.eq(i).attr('src', $changeImg.eq(i).data('img').replace('-before', '-after'));

				}else if(!$changeImg.eq(i).is('.tab,.all')) {

					if(!abi.sp) $changeImg.eq(i).attr('src', $changeImg.eq(i).data('img'));
					else $changeImg.eq(i).attr('src', $changeImg.eq(i).data('img').replace('-pc', '-sp'));

				}else if($changeImg.eq(i).is('.tab')) {

					if(abi.pc) $changeImg.eq(i).attr('src', $changeImg.eq(i).data('img'));
					else $changeImg.eq(i).attr('src', $changeImg.eq(i).data('img').replace('-pc', '-tab'));

				}else if($changeImg.eq(i).is('.all')) {

					if(abi.pc) $changeImg.eq(i).attr('src', $changeImg.eq(i).data('img'));
					else if(abi.tab) $changeImg.eq(i).attr('src', $changeImg.eq(i).data('img').replace('-pc', '-tab'));
					else if(abi.sp) $changeImg.eq(i).attr('src', $changeImg.eq(i).data('img').replace('-pc', '-sp'));

				}
			}
		}
	},
	// adjustFsz
//	adjustFsz : function(){
//		if(abi.sp){
//			if(abi.deviceHeight > abi.deviceWidth){
//				p = abi.deviceWidth / 3.2;
//				$page.css('fontSize',p+'%');
//			}else {
//				$page.css('fontSize','');
//			}
//		}
//	},
	// settingRwd
	settingRwd : function(){
		rwdFunctions.checkValue();
		rwdFunctions.changeImg();
		rwdFunctions.loadImg();
		//rwdFunctions.adjustFsz();
	}
}

// superResize
$.fn.superResize = function(options){
	var defaults = {
		loadAction : true,
		resizeAfter : function(){}
	};
	var setting = $.extend(defaults, options);

	if(setting.loadAction)
		this.load(function(){
			setting.resizeAfter();
		});

	var timer = false,
		w = abi.deviceWidth;

	this.resize(function(){
		if (timer !== false) clearTimeout(timer);
		timer = setTimeout(function(){
			if(w != abi.deviceWidth){
				setting.resizeAfter();
				w = abi.deviceWidth;
			}
		}, 300);
	});
	return(this);
};

// firstLoad
$.fn.firstLoad = function(options){
	var defaults = {
		pc : function(){},
		pc_tab : function(){},
		tab : function(){},
		tab_sp : function(){},
		sp : function(){}
	};
	var setting = $.extend(defaults, options);

	var first = [];

	this.superResize({
		resizeAfter : function(){
			setTimeout(function(){
				if(first[0] != true && abi.pcView){
					setting.pc();
					first[0] = true;
				}
				if(first[1] != true && abi.pcView || first[1] != true && abi.tabView){
					setting.pc_tab();
					first[1] = true;
				}
				if(first[2] != true && abi.tabView){
					setting.tab();
					first[2] = true;
				}
				if(first[3] != true && abi.tabView || first[3] != true && abi.spView){
					setting.tab_sp();
					first[3] = true;
				}
				if(first[4] != true && abi.spView){
					setting.sp();
					first[4] = true;
				}
			},200);
		}
	});

	return(this);
};

//hasAttr
$.fn.hasAttr = function(name) {
	var attr = this.attr(name);
	if(typeof attr !== 'undefined' && attr !== false)
		return true;
	else
		return false;
}


/* readyEvent
------------------------------------------------------------------------*/

$(function(){

	// Settings ------------------------------//
	$body = $('body'),
	$page = $('#page'),
	$changeImg = $('img.change_img');

	rwdFunctions.settingRwd();

	// ie8Img ---------------------------------//
	if(abi.ie8)	rwdFunctions.fooLoad($('img.change_img,img.load_pc,img.load_pc-tab'));

	// telCancel ------------------------------//
	if(!abi.ua_phone) $('a[href^="tel:"]').wrapInner('<span class="tel"></span>').children('span').unwrap();

	// touching -------------------------------//
	if(abi.ua_touch){
		$page.find('*').on({
			'touchstart' : function(){
				$(this).addClass('touchstart').removeClass('touchend');
			},
			'touchend' : function(){
				$(this).addClass('touchend').removeClass('touchstart');
			}
		});
	}

	// load & resize & scroll -----------------//
	$w.on({
		'load' : function(){
			$w.trigger('resize').trigger('scroll');
		},
		'resize' : function(){
			rwdFunctions.checkValue();
		},
		'scroll' : function(){
			abi.sT = $w.scrollTop();
		}
	}).superResize({
		loadAction : false,
		resizeAfter : function(){
			rwdFunctions.settingRwd();
		}
	})

});