(function(){

var ua =navigator.userAgent;
if(ua.indexOf('iPhone') > -1 || ua.indexOf('iPad') > -1 || ua.indexOf('iPod')  > -1){
	var start = "touchstart";
	var move  = "touchmove";
	var end   = "touchend";
}else{
	var start = "mousedown";
	var move  = "mousemove";
	var end   = "mouseup";
}


var vol_pos = 1;
var viewBoxPps = 0;
var contentW = 1000;
var dcs = {};
var viewBlock;
var numBtn;
var rBtn;
var lBtn;
var blocklength =0;
var openFlag = true;
var stbtn;
var sctimer;
var animFlg = false;

var location_p =  location.search;
var locationDirect_ID;
var pgID;

$(function(){
	
	dcs.header = document.getElementById('mainHeaderArea')
	dcs.footer = document.getElementById('footerArea');
	dcs.wrap = document.getElementById('wrapInner');
	dcs.tops = document.getElementById('topSection');
	dcs.bottomsec = document.getElementById('bottomSection');
	dcs.bottoms = document.getElementById('bottomInner');
	dcs.bottomsec.style.display = 'none';
	dcs.bottoms.style.display = 'none';
	var wsize = getViewSize();
	stbtn = $('#startBtn');
	var stli = stbtn.find('li');
	//var center = Math.floor(wsize.width/2);
	//var elmcenter = Math.floor(stli.length*580/2);
	stbtn.css('left',-120);
	
	//stbtn.css({'width':stli.length*210});
//	$(dcs.tops).css({'width':stli.length*210,'left':center-elmcenter});
		//$('#contentsBlock').css('display','none');
	
	rBtn = $('#rBtn').css({'opacity':0,'visibility':'visible'});
	lBtn = $('#lBtn');
	$('#prevBtn').css('display','none');
	if (!isiPad && !isiPhone) {
	contentCenter(document.getElementById('rBtn'));
	contentCenter(document.getElementById('lBtn'));
	}
	rBtn.hover(function(){
		this.src = imgsrc.add(this.src,'_o');
	},function(){
		this.src = imgsrc.del(this.src,'_o');	
	}).click(function(){
	if(openFlag) return;
	if(viewBoxPps == blocklength-1) viewBoxPps == blocklength-1;
	else viewBoxPps++;
	posFunc();
	animeFunc(1000);
	});
	
	lBtn.hover(function(){
		this.src = imgsrc.add(this.src,'_o');
	},function(){
		this.src = imgsrc.del(this.src,'_o');
	}).click(function(){
	if(openFlag) return;
	if(viewBoxPps == 0) viewBoxPps = 0;
	else viewBoxPps--;
	posFunc();
	animeFunc(1000);
	});
	if (!isiPad && !isiPhone) {
	$('#prevBtn').hover(function(){
		this.src = imgsrc.add(this.src,'_o');
	},function(){
		this.src = imgsrc.del(this.src,'_o');
	})
	/*$('#bn1').hover(function(){
		this.style.top = -59 + 'px';
		this.style.height = '60px';
	},function(){
		this.style.top = -54 + 'px';
		this.style.height = '55px';
	});*/
	}
	$('#prevBtn').click(scrollWindowClose);
	
	
	$('#startBtn').find('a').hover(function(){
	if(!oldIE && window.attachEvent && typeof document.documentMode != 'undefined' && document.documentMode == 8)  $(this.parentNode).css('opacity',0.7);
	else $(this).css('opacity',0.7);
	},function(){
	if(!oldIE && window.attachEvent && typeof document.documentMode != 'undefined' && document.documentMode == 8)  $(this.parentNode).css('opacity','');
	else $(this).css('opacity','');						
	}).click(function(e){
	if(!openFlag) return;
		if (!isiPad && !isiPhone) {
		stopbubble(e);
		}
		viewBoxPps = 0;
		
		$(this.parentNode).append('<img src="images/loader.gif" alt="" id="loader" />');
		
		pgID = this.id;
		$("#baseWrap").load(this.href+" #vol",scrollWindow);
	});
				
	stli.each(function(index){
		stbtn.children().append($(stli[index]).clone(true));
	})
	stbtn.children().prepend(stbtn.find('li:last'));
	stbtn.css({'width':stli.length*2*369});
	topsc();
	
	$('#bn1,#bn2,#bn3,#tw,#fb,#mx').find('img').hover(function(){
		this.src = imgsrc.add(this.src,'_o'); 
	},function(){
		this.src = imgsrc.del(this.src,'_o');
	});


if(location_p != '' && location_p.indexOf('pgView')){
locationDirect_ID = (location_p.match(new RegExp('\\b' + 'pgView' + '=(.*?)(?:&|$)'))||[])[1];	
pgID = locationDirect_ID;

var directChk = false;

$.each(persons,function(){
if(pgID == this){
directChk = true;
}
});
if(!directChk) return;
$("#baseWrap").load((locationDirect_ID+'.html') +" #vol",scrollWindow);
}

/**/

});

var left= -120;
var topsc = function(){
	if(!openFlag) return;
	
	if(left <= -205){
		left =-1;
		stbtn.css('left',-1);
		stbtn.children().append(stbtn.find('li:eq(0)'));
	}
	left -=12;
	
	stbtn.animate({'left':left},600,'linear',function(){
	topsc();
	});

}


var scrollWindowClose = function(){
	animFlg = false;
	$('#prevBtn,#positionNum').css('display','none');
 	dcs.tops.style.display = 'block';
	if (!isiPad && !isiPhone) {
	rBtn.stop().animate({'opacity':0},1000,'easeOutQuint');
	lBtn.stop().animate({'opacity':0},1000,'easeOutQuint');
	}
//	dcs.tops.style.top = -320 +'px';
	viewBlock.stop().animate({'left':-contentW*(viewBoxPps+1)},2000,'easeOutExpo');
	$(dcs.bottoms).stop().animate({'top':610},1500,'easeOutQuint');
	$(dcs.tops).stop().animate({'top':0},1500,'easeOutQuint',function(){ 
			dcs.bottoms.style.top = 230 +'px';
			dcs.bottoms.style.display = 'none';
			dcs.bottomsec.style.display = 'none';
			dcs.bottoms.style.position = 'relative';
			openFlag = true;
			sctimer = setTimeout(topsc,1000);
			$("#baseWrap").unbind();
			$("#baseWrap").html('');
	});
}


var scrollsetting = function (){
//	$('#contentsBlock').css('display','block');
	
	var numBtnDIV = $('#positionNum').css({'opacity':0,'visibility':'visible','display':'block'});
	numBtn = numBtnDIV.find('span');
	dcs.bottomsec.style.visibility = 'visible';
	dcs.bottoms.style.visibility = 'visible';

	numBtn.hover(function(){
		this.style.backgroundPosition = '0 -20px';
	},function(){
		if(viewBoxPps == parseInt(this.className.match(/\d/))-1) this.style.backgroundPosition = '0 0';
		else  this.style.backgroundPosition = '0 -40px';
	});
	
	numBtn.click(function(){
	
	$(this).parents('div').find('span.position_now').css('backgroundPosition','0 -40px').removeClass('position_now');
	
	this.style.backgroundPosition = '0 0';
	$(this).addClass('position_now');
	viewBoxPps = parseInt(this.className.match(/\d/))-1;
	animeFunc(1000);
	
	});
	
	
	
	var dragbase = 0;
	var mouseX = 0;
	//var mouseY = 0;
	
	var dragflag = false;
	var upflag = true;
	var dd =0;
	var dd2 =0;
	var time = 1000;
	var dragbase2 =0;
	
	$(dcs.bottoms).stop().animate({'top':0},1500,'easeOutQuint');
	viewBlock.stop().delay(100).animate({'left':0},1800,'easeOutQuint',function(){
	if (!isiPad && !isiPhone) {
	rBtn.css('visibility','visible');
	lBtn.css('visibility','visible');
	rBtn.stop().animate({'opacity':1},800,'easeOutQuint',function(){	animFlg = true;});
	lBtn.css({'opacity':1,'visibility':'hidden'});
	}else{
	animFlg = true	
	}
	$('#prevBtn,#positionNum').css('display','block');
	numBtnDIV.stop().animate({'opacity':1},800,'easeOutQuint');
	viewBlock.css('opacity','');
	
	viewBlock.bind(start,function(e){
	if (isiPad || isiPhone) {
	 	var e = event.touches[0];
	mouseX = e.pageX;
	}else{
		stopbubble(e);
	}
	viewBlock.stop();
	
	dragbase = mouseX;
	dragbase2 = mouseX;
	
	dragflag = true;
	});
	
	viewBlock.bind(end,function(e){
	
	if (isiPad || isiPhone) {
	 	var e = event.touches[0];
	}else{
		stopbubble(e);
	}
	dragflag = false;
	
	if(upflag && animFlg) moveAni();
	else upflag = true;
	});
	
	
	viewBlock.bind(move,function(e){
	if (isiPad || isiPhone) {
	 	var e = event.touches[0];
		mouseX = e.pageX;
			
		event.preventDefault();
	}else{
		stopbubble(e);
		mouseX = e.clientX;
	}
	//mouseY = e.clientY;
	if(dragflag){

	dd = dragbase - mouseX;
	
	if(Math.abs(dd)>350){
		dragflag = false;
		upflag = false;
		if(animFlg) moveAni();
	}else{
		if(animFlg){
		dd2 = dragbase2 - mouseX;
		var pos = -parseInt(viewBlock.css('left'));
		viewBlock.css({'left':-pos-dd2});
		dragbase2 = mouseX;
		}
	}
	}
	
	});
	
	});
	
	
	function moveAni(set){
	dragflag = false;
	
	if((dragbase) > mouseX){
		
		if(dd > 50) {
		if(viewBoxPps == blocklength-1) viewBoxPps == length-1;
		else viewBoxPps++;
		}	
		if(100 > dd){
			dd = 100;
			time = dd*10;
		}else{
		time = dd*7;
		}
	}else if((dragbase) < mouseX){
		
		if(dd < -50) {
		if(viewBoxPps == 0) viewBoxPps = 0;
		else viewBoxPps--;
		}
		if(-100 < dd){
			dd = -100;
			time = Math.abs(dd)*10;
		}else{
			time = Math.abs(dd)*7;
		}
		
		
	}else{
		time = 500;
	}
	posFunc();
	animeFunc(time);
	}	

}


var getViewSize = function(){
	//var allwin = Element.getDimensions(document.body);
	var scrollsize = document.body.scrollTop || document.documentElement.scrollTop;
	var scrollsizeL = document.body.scrollLeft || document.documentElement.scrollLeft;
	
	var sizeset = {};
	
	if(document.compatMode != "BackCompat"){
		 var bwidth = document.documentElement.clientWidth;
         var bheight = document.documentElement.clientHeight;
		
	}else{
		 var bwidth = document.body.clientWidth;
         var bheight = document.body.clientHeight;
	}
	
}

})();