var UaSkyBanner = {
		
	pageWidth: 935,
	pageTop: 200,
	pageBase: 0,
	speedActive: 10,
	speedScroll: 200,
	currPageNo: 1,
	pageSize: 5,
	maxProduct: 15,
	bannerHeight: 0,

	cookieDelimiter: "|",
	logoName: "header03",
	bottomName: "g__footer",
	bannerName: "g__Sky_Banner",
	isFirst: true,
	cnt: 0,
	prdList: [],
	initialized: false,
	
	tag000:'<a href="/shopping/?s=planning&planningno=2603"><img src="/images/event/2011/081801/img_rwing_01.jpg" style="margin:0 0 10px 0;" alt="¾´¸¸Å­ µ¹·Á¹ÞÀÚ" /></a>',
	tag0000:'<a href="/shopping/notice/noticeContent.jsp?groupno=0&subgroupno=200&subsubgroupno=1&docseq=9843&pageno=1"><img src="/images/event/2011/081802/img_rwing_01.jpg" style="margin:0 0 10px 0;" alt="¾´¸¸Å­ µ¹·Á¹ÞÀÚ" /></a>',
	tag00: '<div class="JJmoney"><a target=_new href="http://www.jjanglive.com/welcome2/help/help_04.jsp?bbsNo=3182"><img src="/images/common/btn_navi_jjang_money.gif" alt="¯¸Ó´Ï ¹ú±â¶õ?" /></a></div>',
	tag01: '<div class="productList"><div><a href="javascript:;" onClick="UaSkyBanner.setPage(UaSkyBanner.currPageNo-1)"><img src="/images/common/btn_item_up.gif" alt="" /></a><img src="/images/common/txt_today_item.gif" class="today" alt="¿À´Ãº» »óÇ°" /></div>',
	tag02: '<div id="bannerPrdList" class="listDiv">',
	tag03: '</div><div class="btnDown"><a href="javascript:;" onClick="UaSkyBanner.setPage(UaSkyBanner.currPageNo+1)"><img src="/images/common/btn_item_down.gif" alt="" /></a></div>',
	tag04: '</div><div class="btnTop"><a href="javascript:;" onClick="UaSkyBanner.goTop()"><img src="/images/common/btn_navi_top.gif" alt="TOP" /></a></div>',
	
	init: function() {
		UaSkyBanner.parseCookie();
		UaSkyBanner.startup();
	},
	startup: function() {

		this.createBanner();
		this.setPage(this.currPageNo);

		var banner = document.getElementById(this.bannerName);
		var pos = this.getOffset(this.logoName);
		
		//alert(pos.x + "," + pos.y);
		 
		banner.style.zIndex = 999;
		banner.style.position = "absolute";	
		banner.style.left = (document.body.scrollLeft + pos.x + this.pageWidth) + 'px';
		banner.style.top = (document.body.scrollTop + pos.y + this.pageTop) + 'px';

		this.initialized = true;
		this.show();
		this.activate();
		
	},
	parseCookie: function() {
		var strCookie = this.getCookie(this.bannerName);
		if (strCookie != null) {
			var prds = strCookie.split(this.cookieDelimiter);
			this.prdList = [];
			for (var i = 0; i < prds.length; i+= 3) {
				if (!prds[i]) {
					continue;
				}
				this.prdList.push({
					id: prds[i],
					image: prds[i+1],
					title: prds[i+2]
				});
			}
		}
	},
	goTop: function() {
		if (document.documentElement && document.documentElement.scrollTop) {
			document.documentElement.scrollTop = 0;
		}
		else if (document.body) {
			document.body.scrollTop = 0;
		}
	},
	hide: function() {
		var banner = document.getElementById(this.bannerName);
		banner.style.display = "none";
	},
	show: function() {
		var banner = document.getElementById(UaSkyBanner.bannerName);
		banner.style.display = 'block';
	},
	createBanner: function() {
		var banner = document.createElement("DIV");
		banner.className = 'floatBanner';
		banner.style.display = "none";
		document.body.appendChild(banner);
		banner.id = this.bannerName;
	},
	setDefaultProduct: function() {
		new UaAjax.Request({
			owner: UaLogs,
			url: '/shopping/properties/skybanner.xml',
			params: '',
			callback: UaSkyBanner.setDefaultCallback 
		});
	},
	setDefaultCallback: function(req) {
		var xml = req.responseXML;
		if(xml != null)
		{
			var entries = xml.documentElement.getElementsByTagName("entry");
			for(var i=entries.length-1 ; i>=0 ; i--)
			{
				var param = entries[i].childNodes[0].nodeValue.split(UaSkyBanner.cookieDelimiter);
				UaSkyBanner.addProduct(param[0], param[1], param[2]);
			}
		}
	},
	setPage: function(pageno) {
		// Àüü ÆäÀÌÁö °è»ê
		var chooDay = new Date();
		chooDay.setFullYear(2011,8,12);
		var today = new Date();
		
		var banner = document.getElementById(this.bannerName);
		
		if(!banner) return;
		var html = '';
		banner.style.textAlign = 'center';
		if (today < chooDay) {
			html += this.tag000;
			html += this.tag0000;
		}
		
		html += this.tag01;
		html += this.tag02;
		
		var totalPage = parseInt((this.prdList.length+4)/5);
		var startPage = (pageno-1)*5;
		var endPage = Math.min(this.prdList.length,pageno*5);

		if(pageno < 1 || (totalPage != 0 && pageno > totalPage)) return;

		for(var i=startPage ; i<endPage ; i++)
		{
			// html += "<img src='http://www.uajjang.com"+thumburl+"' alt='"+prodname+"' onclick='UaSkyBanner.goProduct("+prodno+")' width='50' height='50' style='border:1px solid #d7d7d7; cursor:pointer;'><br>";
			html += "<img src='http://www.uajjang.com"+this.prdList[i].image+"' alt='"+this.prdList[i].title+"' onclick='UaSkyBanner.goProduct("+this.prdList[i].id+")' width='50' height='50' style='border:1px solid #d7d7d7; cursor:pointer;'><br>";
			html += "<img src='/images/blank.gif' height='3'><br>";
		}
		html += this.tag03;
		html += this.tag04;
		
		banner.innerHTML = html;
		this.currPageNo = pageno;
	},
	goProduct: function(prodno) {
		document.location.href = "/shopping/?s=brand&id="+prodno;
	},
	getOffset: function (id) {
		var element = document.getElementById(id);
		var valueT = 0, valueL = 0;
		if (element) {
			do {
				valueT += element.offsetTop  || 0;
				valueL += element.offsetLeft || 0;
				element = element.offsetParent;
			} while (element);
		}
		return {x: valueL, y: valueT};
	},
	activate: function() {
		var self = UaSkyBanner;
		var banner = document.getElementById(self.bannerName);
		var pos = self.getOffset(self.logoName);
		var posBottom = self.getOffset(self.bottomName);

		var scrollTop = jQuery(document).scrollTop();
		var startPoint = parseInt(banner.style.top, 10);
		
		var endPoint = self.pageTop;
		
		if(scrollTop+150 > self.bannerHeight) endPoint = self.pageTop + (scrollTop + 150 - self.bannerHeight);  
		if(endPoint+self.bannerHeight > posBottom.y) endPoint = posBottom.y-self.bannerHeight
		
		var refreshTime = self.speedScroll;
		if (startPoint != endPoint)		{
			var scrollAmount = Math.ceil( Math.abs( endPoint - startPoint ) / 15 );
			banner.style.top = parseInt(banner.style.top, 10) + ( ( endPoint<startPoint ) ? -scrollAmount : scrollAmount ) + 'px';
			refreshTime = self.speedActivate;
		}

		banner.style.left = (document.documentElement.scrollLeft + pos.x + self.pageWidth) + 'px';
		var position = jQuery(window).scrollTop();
		  var end = document.body.clientHeight;
		  
		  
		  if(position >= end/1.5){		// ¹è³Ê ÇÁ·¹ÀÓ ÀÌÅ» ¹æÁö
			  banner.style.top = end/1.35;
		  }
	    setTimeout("UaSkyBanner.activate();", refreshTime);
	},
	addProduct: function(prodno, thumburl, prodname) {
		if (!this.initialized) {
			this.init();
		}

		var strCookie = this.getCookie(this.bannerName);
		if(strCookie == null)
			strCookie = "";

		prodname = prodname.replace(/\|/g, " ");
		//var prodList = strCookie.split(this.cookieDelimiter);
		var strNewCookie = prodno+this.cookieDelimiter+thumburl+this.cookieDelimiter+escape(prodname)+this.cookieDelimiter;
		this.prdList.unshift({id: prodno, image: thumburl, title: prodname});
		
		// Áߺ¹Ã¼Å©ÇÏ°í ¼ö·® üũÇؼ­ ´Ù½Ã ¸¸µé¾î¾ß ÇÑ´Ù.
		var n = Math.min(this.prdList.length,this.maxProduct);
		for (var i=1 ; i<n ; i++) {
			if (!this.prdList[i]) break;
				
			if (prodno == this.prdList[i].id) {
				this.prdList.splice(i,1);
				i--;
				continue;
			}
			
			strNewCookie += this.prdList[i].id+this.cookieDelimiter+this.prdList[i].image+this.cookieDelimiter+this.prdList[i].title+this.cookieDelimiter;
		}
		
		if (this.prdList.length > this.maxProduct) {
			this.prdList.pop();
		}
		
		this.createCookie(this.bannerName, strNewCookie, "uajjang.com", 60*60*24);
		this.setPage(this.currPageNo);
	},
	createCookie: function(name, value, domain, expireSecond) {
	 	var date = new Date();
	 	date.setTime(date.getTime()+(expireSecond*1000));
	 	
	 	var strExpires = "; expires="+date.toGMTString();
	 	var strDomain = "; domain="+domain;
	 	
	 	document.cookie = name+"="+value+strExpires+strDomain+"; path=/";
	},
	getCookie: function(name) {
		var start = document.cookie.indexOf( name + "=" );
		var len = start + name.length + 1;
		if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) )
		{
			return null;
		}
		
		if( start == -1 )
			return null;
		
		var end = document.cookie.indexOf( ";", len );
		
		if ( end == -1 )
			end = document.cookie.length;
		
		return unescape( document.cookie.substring( len, end ) );
	},
	deleteCookie: function() {
		this.createCookie(this.bannerName, "", "uajjang.com", 0);
		this.setPage(this.currPageNo);
	}
}

jQuery(function() {
	UaSkyBanner.init();
})