//================================================
// CN WoW Community Site
// (c)2009 Blizzard Entertainment. Shanghai Easenet. All rights reserved.
//================================================

var page = {
	start: function() {
		//new Swiff("http://images.warcraftchina.com/wlk/boot/lich-king.swf", { width: 458, height: 319 }).inject("lichking");
		//new Swiff("http://images.warcraftchina.com/wlk/boot/frostmourn.swf", { width: 277, height: 499 }).inject("frostmourn");
		page.promoSlide.init();
		page.legalTip.init();
		//page.sc2PromoTip.init();
		page.services.start();
		return this;
	},
	legalTip: {
		close: function() {
			this.tip.set('tween').tween('top',-40);
			return this;
		},
		init: function() {
			this.tip = new Element("iframe",{'id':"legal-box",'src':"/features/zh/landing/legal-wow",'width':"778",'height':"39",'frameborder':"no",'border':"0",'scrolling':"no",'marginheight':"0",'marginwidth':"0",'allowtransparency':"yes"}).inject($('guide'),'top');
			return this;
		}
	},
	sc2PromoTip: {
		close: function() {
			this.sc2Tip.set('boot-sc2-frame').tween('top',-this.pageSize.y);
			return this;
		},
		init: function() {
			this.getPageSize();
			this.sc2Tip = new Element("iframe",{'id':"boot-sc2-frame",'src':"boot-sc2.html",'width':this.pageSize.x,'height':this.pageSize.y,'frameborder':"0",'scrolling':"no",'marginheight':"0",'marginwidth':"0"}).setStyles({
				position: "absolute",
				"z-index": 60001,
				left: 0,
				top: 0
			}).inject($(document.body));
			window.addEvent('resize', function(event){
				page.sc2PromoTip.getPageSize();
				var b=$('boot-sc2-frame');
				b.width=page.sc2PromoTip.pageSize.x;
				b.height=page.sc2PromoTip.pageSize.y;
				});
			return this;
		},
		getPageSize: function() {
			var s1=$(document.body).getScrollSize();
			var s2=$(document.body).getSize();
			this.pageSize={'x':s1.x>s2.x?s1.x:s2.x,'y':s1.y>s2.y?s1.y:s2.y};
			
		}
	},
	promoSlide: {
		data: {
			promoAEls:[],
			promoImgEls:[],
			promoFxs:[],
			index:0,
			switchInDuration: 1000,
			switchOutDuration: 2000,
			switchstayedDuration: 2000
		},
		stop: function() {
		},
		init: function() {
			this.promotion = $("promotion");
			this.shadeInit();
			this.slideInit();
			return this;
		},
		shadeInit: function() {
			this.promoShade = new Element('div').addClass('shade').inject(this.promotion,'top');
			this.promotion.addEvents({
				mouseenter: function() {
					this.promoShade.setStyle('display','none');
				}.bind(this),
				mouseleave: function() {
					this.promoShade.setStyle('display','');
				}.bind(this)
			});
			return this;
		},
		slideInit: function() {
			this.data.promoAEls=this.promotion.getElements('a');
			this.data.promoImgEls=this.promotion.getElements('img');
			
			this.data.promoAEls.each(function(el) {
				el.setStyle('display',"none");
			});
			this.data.promoImgEls.each(function(el) {
				el.setStyle('display',"none");
			});
			if((this.promoListLen=this.data.promoAEls.length)!=this.data.promoImgEls.length){
				return this;
			}
			
			this.data.promoFxs.push(new Fx.Tween(this.promotion,{
				duration: this.data.switchInDuration
			}));
			this.data.promoFxs.push(new Fx.Tween(this.promotion,{
				duration: this.data.switchOutDuration,
				onComplete: function(){
					this.data.promoImgEls[this.data.index].setStyle('display',"none");
					this.data.promoAEls[this.data.index].setStyle('display',"none");
					if(++this.data.index>=this.promoListLen){
						this.data.index=0;
					}
					this.slidein(this.data.index);
				}.bind(this)
			}));
						
			this.slidein();
		},
		slidein: function() {			
			this.data.promoImgEls[this.data.index].setStyle('display',"");
			this.data.promoAEls[this.data.index].setStyle('display',"");
			this.data.promoFxs[0].start('opacity',0,1);
			this.slideout.delay(this.data.switchstayedDuration+this.data.switchInDuration,this);
		},
		slideout: function() {
			this.data.promoFxs[1].start('opacity',1,0);
		}
	},
	
	services: {	
		data: {
			currentElName: null
		},
		start: function() {
			this.triggers = $("services").getElements(".withSubmenu");
			this.triggers.each(function(trigger) {
				trigger.addEvents({
					click: page.services.show.bindWithEvent(trigger)
				});
				
				var highlightElName = trigger.get('id')+'-current';
				$(highlightElName).addEvents({
					click: page.services.hide
				});
			});			
			
			$('blackout').addEvents({
				click: page.services.hide
			});
			return this;
		},
		show: function(e) {
			e.stop();
			
			var highlightElName = this.get('id')+'-current';
			var dropdownElName = this.get('id')+'-dropdown';
			
			page.services.data.currentElName = this.get('id');				
			$(highlightElName).setStyle('display', 'inline');				
			$(dropdownElName).setStyle('display', 'block');
			$('blackout').setStyle('display', 'block');

			return this;
		},
		hide: function(e) {
			e.stop();
			
			var highlightElName = page.services.data.currentElName+'-current';
			var dropdownElName = page.services.data.currentElName+'-dropdown';
			
			$(highlightElName).setStyle('display', 'none');				
			$(dropdownElName).setStyle('display', 'none');
			$('blackout').setStyle('display', 'none');
			
			return this;
		}
	},
	newsComplex: {
		data: {
			panels: ["updates","news","events"],
			tweens: [
				{
					property: "left",
					duration: 500
				},
				{
					property: "top",
					duration: 500
				},
				{
					property: "left",
					duration: 500
				},
				{
					property: "top",
					duration: 500
				}
			],
			sets: [470,-260,-470,260]
		},
		status: {
			current: 0,
			locked: false
		},
		start: function() {
			this.panels = [];
			this.triggers = [];
			for(var i=0; i<this.data.panels.length; i++) {
				this.panels.push($("recent-" + this.data.panels[i] + "-list").set('tween',this.data.tweens[i]));
				if(i > 0) {
					this.panels[i].get('tween').set(this.data.sets[i]);
				}
				this.triggers.push($("recent-" + this.data.panels[i] + "-title").getElement('a').addEvent("click",this.show.bindWithEvent(this,[i])));
			}
			return this;
		},
		show: function(e,at) {
			e.stop();			
			if(at != this.status.current) {
				if(!this.status.locked) {
					this.status.locked = true;
					this.triggers[this.status.current].removeClass("on");
					this.triggers[at].addClass("on").blur();
					this.panels[this.status.current].get('tween').start(this.data.sets[this.status.current]).chain(function(at) {
						this.panels[this.status.current].addClass('off');
						this.panels[at].removeClass('off').get('tween').set(this.data.sets[at]).start(0).chain(function() {page.newsComplex.status.locked = false;});
					}.bind(this,at));
					this.status.current = at;
				}
			}
			return this;
		}
	},
	features: {
		data: {
			emoteSet: ['^_^',':-P','@_@','T_T','-_-b','-_-+','=_="','-O-','-w-','\(^o^)/','Orz','囧rz'],
			superLoadingContainer: "superLoadingContainer",
			colSize: 3,
			featureCount: 0,
			rotateDuration: 5000,
			step: -170,
			moveDuration: 300,
			deHighlightOpacity: 0.3,
			infoOpacity: 0.5
		},
		status: {
			locked: false,
			current: 0,
			highlight: 1,
			headPos: 0
		},
		start: function() {
			this.featureListWrapper = $("features").addEvents({
				mouseenter: this.onEnter.bind(this),
				mouseleave: this.onLeave.bind(this)
			});
			this.featureListCountainer = $("feature-list-h");
			this.featureList = $("feature-list").set("tween",{property: "left", duration: this.data.moveDuration});
			this.featureListItems = this.featureList.getElements('a');
			this.data.featureCount = this.featureListItems.length;
			this.loadingText = new LoadingTextIcons(this.data.superLoadingContainer,this.data.emoteSet).start();
			this.dropshadow();
			this.prevBtn = new Element('div').set({
				id: "features-btn-prev",
				title: "上一个"
			}).addClass("features-btn").addClass("features-btn-prev-on").inject(this.featureListWrapper).addEvent('click',this.prev.bindWithEvent(this));
			this.nextBtn = new Element('div').set({
				id: "features-btn-next",
				title: "下一个"
			}).addClass("features-btn").addClass("features-btn-next-on").inject(this.featureListWrapper).addEvent('click',this.next.bindWithEvent(this));
			this.info = $("feature-info").setStyle('display',"none");
			this.info.getElement('span').setStyle('opacity',this.data.infoOpacity);
			this.infoLink = $("cur-feature");
			this.highlight(this.status.current);
			this.rotate.periodical(this.data.rotateDuration,this);
			this.featureListWrapper.removeClass("loading");
			return this;
		},
		dropshadow: function() {
			this.shims = [];
			for(var i=0; i<this.data.featureCount; i++) {
				this.shims.push({
					shadow: new Element('div').addClass("feature-shadow").inject(this.featureListItems[i],'before'),
					glow: new Element('div').addClass("feature-glow").inject(this.featureListItems[i],'before').setStyle('display','none')
				});
				this.featureListItems[i].setStyle('opacity',this.data.deHighlightOpacity).addEvents({
					mouseenter: this.highlight.bind(this,[i]),
					mouseleave: this.deHighlight.bind(this,[i])
				});
			}
			return this;
		},
		onEnter: function() {
			this.status.locked = true;
			this.info.setStyle('display',"");
			this.deHighlight(this.status.current);
			return this;
		},
		onLeave: function() {
			this.status.locked = false;
			this.info.setStyle('display',"none");
			return this;
		},
		updateInfoLink: function(at) {
			this.infoLink.set({
				href: this.featureListItems[at].get("href"),
				html: this.featureListItems[at].get("title")
			});
			return this;
		},
		rotate: function() {
			if(!this.status.locked) {
				this.next();
			}
			return this;
		},
		prev: function() {
			this.deHighlight(this.status.current);
			this.status.current = this.status.current - 1 < 0 ? this.data.featureCount - 1 : this.status.current - 1;
			this.to(this.status.current, "prev");
			return this;
		},
		next: function() {
			this.deHighlight(this.status.current);
			this.status.current = this.status.current + 1 >= this.data.featureCount ? 0 : this.status.current + 1;
			this.to(this.status.current, "next");
			return this;
		},
		to: function(at,direction) {
			if(direction == "next") {
				this.status.highlight++;
				if(this.status.highlight <= this.data.colSize) {
					this.highlight(at);
				} else {
					if(at < this.data.featureCount && at != 0) {
						this.featureList.get("tween").start((at + 1 - this.data.colSize) * this.data.step).chain(this.highlight.bind(this,[at]));
						this.status.highlight = this.data.colSize;
					} else {
						this.featureList.get("tween").start(0);
						this.highlight(0);
						this.status.highlight = 1;
					}
				}
			} else if (direction == "prev") {
				this.status.highlight--;
				if(this.status.highlight > 0) {
					this.highlight(at);
				} else {
					if(at >= 0 && at != this.data.featureCount - 1) {
						this.featureList.get("tween").start(at * this.data.step).chain(this.highlight.bind(this,[at]));
						this.status.highlight = 1;
					} else {
						this.featureList.get("tween").start((this.data.featureCount - this.data.colSize)* this.data.step);
						this.highlight(this.data.featureCount - 1);
						this.status.highlight = this.data.colSize;
					}
				}
			}
			return this;
		},
		highlight: function(at) {
			this.shims[at].shadow.setStyle("display","none");
			this.shims[at].glow.setStyle("display","");
			this.featureListItems[at].setStyle('opacity',1);
			this.updateInfoLink(at);
			return this;
		},
		deHighlight: function(at) {
			this.shims[at].shadow.setStyle("display","");
			this.shims[at].glow.setStyle("display","none");
			this.featureListItems[at].setStyle('opacity',this.data.deHighlightOpacity);
			return this;
		}
	},
	
	prm: {
		data: {
			count: 0,
			duration: 5000
		},
		status: {
			current: 0,
			locked: false
		},
		start: function() {
			this.holder = $("prm").addEvents({
				mouseenter: function() { this.status.locked = true; }.bind(this),
				mouseleave: function() { this.status.locked = false; }.bind(this)
			});
			this.images = this.holder.getElements("#prm-images li");
			this.data.count = this.images.length;
			this.triggerHolder = new Element("p").set("id","prm-nums").inject(this.holder);
			this.triggers = [];
			for(var i=0; i<this.data.count; i++) {
				this.triggers.push(new Element("a").set("html",i + 1).inject(this.triggerHolder).addEvents({
					click: function(e) { e.stop() },
					mouseover: this.show.bind(this,[i])
				}));
			}
			this.show(0);
			//this.rotate.periodical(this.data.duration,this);
			return this;
		},
		show: function(at) {
			this.images[this.status.current].setStyle("display","none");
			this.triggers[this.status.current].removeClass("current");
			this.images[at].setStyle("display","block");
			this.triggers[at].addClass("current");
			this.status.current = at;
			return this;
		},
		rotate: function() {
			if(!this.status.locked) {
				this.show(this.status.current + 1 >= this.data.count ? 0 : this.status.current + 1);
			}
			return this;
		}
	},
	community: {
		status: {
			current: 0
		},
		start: function() {
			this.triggers = $("community-tab").getElements("a");
			this.contents = $("community-contents").getElements(".community-content");
			for(var i=0; i<this.triggers.length; i++) {
				this.triggers[i].addEvent("click",this.switchTo.bindWithEvent(this,[i]));
			}
			return this;
		},
		switchTo: function(e,at) {
			e.stop();
			if(at != this.status.current) {
				this.triggers[this.status.current].removeClass("current");
				this.contents[this.status.current].removeClass("current");
				this.triggers[at].addClass("current");
				this.contents[at].addClass("current");
				this.status.current = at;
			}
			this.triggers[at].blur();
			return this;
		}
	},
	searching: {
		start: function() {
			this.text = new TextInput("search-input","站内搜索即将开放",{
				onEnterPressed: this.startSearch.bind(this)
			});
			this.searchButton = $("start-search").addEvent("click",this.startSearch.bindWithEvent(this));
		},
		startSearch: function(e) {
			try { e.stop(); } catch (err) { }
		}
	}
};