/**
 * 加载专题图widget
 * @author Wenyb
 * @date 2015/6/30
 */
define([
  "dojo",
  "dojo/_base/declare",
  "dijit/_WidgetBase",
  "dijit/_TemplatedMixin",
  "dojo/text!controls/page/template.html",
  "dojo/_base/lang",
  "dojo/query",
  "dojo/dom-construct",
  "dojo/dom-style",
  "dojo/on",
  "dojo/dom-class",
  "dojo/window",
  "dojo/_base/array",
  "dojo/dom-attr",
  "dojo/aspect",
  "dojo/domReady!"
], function (
  dojo,
  declare,
  _WidgetBase, 
  _TemplatedMixin,
  template,
  lang,
  query,
  domConstruct,
  domStyle,
  on,
  domClass,
  win,
  array,
  domAttr,
  aspect
  ){
	var Widget = declare([_WidgetBase,_TemplatedMixin],
		{
			templateString: template,
			
			/**
			 * 一共的页数
			 */
			totalCount:10,
			/**
			 * 一次显示的页码数
			 */
			pageCount:5,
			_refNode:null,
			pageSpanlist:[],
			pageSpanEventHandlers:[],
			currentPage:1,
			constructor:function(options,srcNodeRef)
			{
				//this._refNode=refNode;
				var csspath = require.toUrl("controls/page/PageControl.css");
				lang.mixin(this, options);
				dojo.create("link", 
					{href:csspath, type:'text/css', rel:'stylesheet'}, 
					document.getElementsByTagName('head')[0]);
			},
			postCreate:function()
			{
				//this.placeAt(this._refNode);
				this.createPage();
			},
			createPage:function(option)
			{
				if(option !== undefined && option != null)
				{
					this.totalCount = option.totalCount;
					this.pageCount=option.pageCount;
				}
				domConstruct.empty(this.pagelist);
				if(this.totalCount < 1)
				{
					this.switchPreButton(false);
					this.switchNextButton(false);
					return;
				}
				this.pageSpanlist=[];
				this.pageSpanlist.push(this.createPageSpan("1",true));
				var tmpTotal;
				if(this.totalCount<this.pageCount)
				{
					tmpTotal=this.totalCount+1;
				}
				else
				{
					tmpTotal=this.pageCount+1;
				}
				for(var i=2;i<tmpTotal;i++)
				{
					this.pageSpanlist.push(this.createPageSpan(i.toString(),false));
				}
				this.currentPage=1;
				this.switchPreButton(false);
				if(this.totalCount==1)
				{
					this.switchNextButton(false);
				}
				else
				{
					this.switchNextButton(true);
				}
			},
			createPageSpan:function(page,selected)
			{
				var pageDom = domConstruct.create("li",{innerHTML:page},this.pagelist);
				domAttr.set(pageDom,"page",page);
				if(selected)
				{
					domClass.add(pageDom,"pagecontrol-selectpage");
				}
				this.own(on(pageDom,"click",lang.hitch(this,this._onPageClick)));
				//this.pageSpanEventHandlers.push(on(pageDom,"click",lang.hitch(this,this._onPageClick)));
				return pageDom;
			},
			_onPageClick:function(evt)
			{
				if(evt.target.innerHTML == this.currentPage.toString())
				{
					return;
				}
				this.currentPage = parseInt(evt.target.innerHTML);
				this.updateControl(this.currentPage);
			},
			_onNextClick:function(evt)
			{
				if(domAttr.get(this.nextbutton,"enable") == "false")
				{
					return;
				}
				this.currentPage++;
				this.updateControl(this.currentPage);
			},
			_onPreClick:function(evt)
			{
				if(domAttr.get(this.prebutton,"enable") == "false")
				{
					return;
				}
				this.currentPage--;
				this.updateControl(this.currentPage);
			},
			/**
			 * 让上一页按钮可用
			 */
			switchPreButton:function(flag)
			{
				if(flag)
				{
					domClass.remove(this.prebutton,"pagecontrol-pre-disable");
					domAttr.set(this.prebutton, "enable","true");
				}
				else
				{
					domClass.add(this.prebutton,"pagecontrol-pre-disable");
					domAttr.set(this.prebutton, "enable","false");
				}
				
				
			},
			/**
			 * 让下一页按钮可用
			 */
			switchNextButton:function(flag)
			{
				if(flag)
				{
					domClass.remove(this.nextbutton,"pagecontrol-next-disable");
					domAttr.set(this.nextbutton, "enable","true");
				}
				else
				{
					domClass.add(this.nextbutton,"pagecontrol-next-disable");
					domAttr.set(this.nextbutton, "enable","false");
				}
				
			},
			updateControl:function(nPage)
			{
				//首先移除所有页码控件
				domConstruct.empty(this.pagelist);
//				for(var i=0;i<this.pageSpanEventHandlers.length;i++)
//				{
//					this.pageSpanEventHandlers[i].remove();
//				}
//				this.pageSpanEventHandlers=[];
				//记录是否点击的是第一个或者最后一页
				var strFlag = "";
				var i=0;
				//var ctl:LinkButton = null;
				this.currentPage = nPage;
				//需要显示上一页
				if(this.currentPage>1)
				{
					this.switchPreButton(true);
				}
				//如果点击的是第一项，那么把点击的按钮移到中间
				if(domAttr.get(this.pageSpanlist[this.pageSpanlist.length-1],"page") == nPage.toString())
				{
					strFlag = "last";
				}
				//如果点击的是最后一项，那么把点击的按钮移到中间
				else if(domAttr.get(this.pageSpanlist[0],"page") == nPage.toString())
				{
					strFlag = "first";
				}
				switch(strFlag)
				{
					case "last":
						var thisPageCount = -1;
						if(this.pageCount>this.totalCount)
							thisPageCount = this.totalCount;
						else
							thisPageCount = this.pageCount;
						var step = parseInt((thisPageCount-1)/2);
						this.pageSpanlist = [];
						//当前按钮可以放到中间
						if(step<(this.totalCount-this.currentPage))
						{
							for(i=step;i>=0;i--)
							{
								if(i == 0)
								{
									this.pageSpanlist.push(this.createPageSpan((this.currentPage - i).toString(),true));
								}
								else
								{
									this.pageSpanlist.push(this.createPageSpan((this.currentPage - i).toString(),false));
								}
							}
							//如果页面数是偶数，则需要再加1
							if(this.pageCount%2 == 0)
							{
								step++; 
							}
							for(i=1;i<=step;i++)
							{
								this.pageSpanlist.push(this.createPageSpan((this.currentPage + i).toString(),false));
							}
						}
						//当前按钮不可放在中间
						else
						{
							for(i = this.totalCount-thisPageCount+1;i<=this.totalCount;i++)
							{
								if(i == this.currentPage)
								{
									this.pageSpanlist.push(this.createPageSpan(i.toString(),true));
								}
								else
								{
									this.pageSpanlist.push(this.createPageSpan(i.toString(),false));
								}
							}
						}
						break;
					case "first":
						thisPageCount= -1;
						if(this.pageCount>this.totalCount)
							thisPageCount = this.totalCount;
						else
							thisPageCount = this.pageCount;
						step = parseInt((thisPageCount-1)/2);
						
						this.pageSpanlist = [];
						//当前按钮可以放到中间
						if(step<this.currentPage)
						{
							for(i=step;i>=0;i--)
							{
								if(i == 0)
								{
									this.pageSpanlist.push(this.createPageSpan((this.currentPage - i).toString(),true));
								}
								else
								{
									this.pageSpanlist.push(this.createPageSpan((this.currentPage - i).toString(),false));
								}
							}
							//如果页面数是偶数，则需要再加1
							if(thisPageCount%2 == 0)
							{
								step++; 
							}
							for(i=1;i<=step;i++)
							{
								this.pageSpanlist.push(this.createPageSpan((this.currentPage + i).toString(),false));
							}
						}
							//当前按钮不可放在中间
						else
						{
							for(i = 1;i<=thisPageCount;i++)
							{
								if(i == this.currentPage)
								{
									this.pageSpanlist.push(this.createPageSpan(i.toString(),true));
								}
								else
								{
									this.pageSpanlist.push(this.createPageSpan(i.toString(),false));
								}
							}
						}
						break;
					default:
						//array.forEach(this.pageSpanlist,this.updatePageSpan,this);
						break;
				}
				for(i=0;i< this.pageSpanlist.length;i++)
				{
					var pagevalue = domAttr.get(this.pageSpanlist[i],"page");
					this.pageSpanlist[i].innerHTML=pagevalue;
					domConstruct.place(this.pageSpanlist[i],this.pagelist);
				} 
				array.forEach(this.pageSpanlist,this.updatePageSpan,this);
				//需要显示“下一页”
				if(this.currentPage<this.totalCount)
				{
					this.switchNextButton(true)
				}
				else
				{
					this.switchNextButton(false)
				}
				if(this.currentPage == 1)
				{
					this.switchPreButton(false);
				}
				else
				{
					this.switchPreButton(true);
				}
				//触发事件
				this.onpagechange();
//				var e:PageChangeEvent = new PageChangeEvent();
//				e.currentPage = this._currentPage;
//				this.dispatchEvent(e);
			},
			onpagechange:function()
			{
				return this.currentPage;
			},
			updatePageSpan:function(span)
			{
				if(span.innerHTML == this.currentPage.toString())
				{
					domClass.add(span,"pagecontrol-selectpage");
				}
				else
				{
					if(domClass.contains(span,"pagecontrol-selectpage"))
					{
						domClass.remove(span,"pagecontrol-selectpage");
					}
				}
			},
			_onMouseMove:function(evt)
			{
				 var newtop = evt.clientY-this._refNode.offsetTop-this._ystart;
	    		 var newleft = evt.clientX-this._refNode.offsetLeft-this._xstart;
	    		 domStyle.set(this.domNode,"top",newtop.toString()+"px");
    			 domStyle.set(this.domNode,"left",newleft.toString()+"px");
			},
			_onMouseUp:function(evt)
			{
				if(this._movehandler != null){
					this._movehandler.remove();
					this._uphandler.remove();
					this._movehandler = null;
		    		domStyle.set(this.controlbar,"cursor","default");
	    		}
			},
			_setModalAttr:function(modal)
			{
				if(modal !== undefined && modal !== null)
				{
					this.modal = modal;
				}
				if(this.modal === true)
				{
					if(this._modalDiv == null){
						this._modalDiv = domConstruct.create("div");
						domClass.add(this._modalDiv,"custom-popupwindow-modal");
					}
					var body = query("body")[0];
					domConstruct.place(this._modalDiv,body,"last");
				}
			},
			_getModalAttr:function()
			{
				return this.modal;
			},
			_onCloseButtonClick:function(evt)
			{
				evt.stopPropagation();
				this.close();
			},
			_onCloseButtonMouseDown:function(evt)
			{
				evt.stopPropagation();
			},
			close:function()
			{
				this._refNode.removeChild(this.domNode);
				if(this.modal)
				{
					var body = query("body")[0];
					body.removeChild(this._modalDiv);
				}
			},
			setContent:function(contentDom)
			{
				domConstruct.empty(this.content);
				domConstruct.place(contentDom,this.content);
			},
			setInnerHTML:function(htmlText)
			{
				domConstruct.empty(this.content);
				this.content.innerHTML = htmlText;
			},
			show:function()
			{
				domStyle.set(this.domNode, "display", "block");
			},
			hide:function()
			{
				domStyle.set(this.domNode, "display", "none");
			}
		});
	return Widget;
});