window.onload = function(){

	var top_slider = {
		option : {
			auto:true,
			speed:800,
			autocontrols:true,
			pager:true,
			onslideafter:function($slideelement, oldindex, newindex){
				$('.slide_top li').removeclass('active');
				$('.slide_top li p img').hide().removeclass('animated fadeindown');
				$('.slide_top li').eq(newindex+1).addclass('active');
				$('.slide_top li').eq(newindex+1).find('p img').show().addclass('animated fadeindown');
				//$('.slide_top li p img').eq(newindex+1).show().addclass('animated fadeindown');
			}
		},
		m_option : function(){
			if (this._m_option == undefined) {
				this._m_option = {};
				$.extend(this._m_option, this.option);
				this._m_option.mode = "horizontal";
			} else {
				this._m_option.startslide = this.obj.getcurrentslide();
			}
			return this._m_option;
		},
		pc_option : function(){
			if (this._pc_option == undefined) {
				this._pc_option = {};
				$.extend(this._pc_option, this.option);
				this._pc_option.mode = "vertical";
				this._pc_option.pause = 7000;
			} else {
				this._pc_option.startslide = this.obj.getcurrentslide();
			}
			return this._pc_option;
		},
		init : function(type) {
			if (this.obj == undefined) {
				if (type == "mobile") {
					this.obj = $('.slide_top').bxslider(this.m_option());
				} else {
					this.obj = $('.slide_top').bxslider(this.pc_option());
				}
			} else {
				if (type == "mobile") {
					this.obj.reloadslider(this.m_option());
				} else {
					this.obj.reloadslider(this.pc_option());
				}
			}
		}
	};

	var lastwidth = 0;
	var resize = function() {
		var currentwidth = $(this).width();
		if (lastwidth==0){
			var status = currentwidth<753 ? 'mobile' : (currentwidth>=753 ? 'pc' : '');
		} else {
			var status = currentwidth < lastwidth ? 'mobile' : (currentwidth > lastwidth ? 'pc' : '');
		}
		if (status=='mobile' && currentwidth < 753 && (lastwidth > 753 || lastwidth == 0) ){
			top_slider.init("mobile");
		} else if (status=='pc' && currentwidth >= 753  && (lastwidth < 753 || lastwidth==0) ){
			top_slider.init("pc");
		}
		lastwidth = currentwidth;
	};

	$(window).resize(function(){
		resize();
	}).triggerhandler('resize');

	$(".slide_top li.first").addclass("active");
	$(".slide_top li.first").find('p img').show().addclass("animated fadeindown");
	//$(".slide_top li.first p img").show().addclass("animated fadeindown");

};