/*
 Javascript incude file 0.84 versios
 publish date:2007/06/04
 coder by nt2003
*/

/* XMLHTTP状态显示字符 */
var xml_http_building_link = '建立连接';
var xml_http_sending = '发送命令';
var xml_http_loading = '接收回传';
var xml_http_data_in_processed = '处理数据';
var xml_http_load_failed = '服务器响应错,错误代码:[err:errcode]';

/* 浏览器判断 */
var userAgent = navigator.userAgent.toLowerCase();
var is_webtv = userAgent.indexOf('webtv') != -1;
var is_kon = userAgent.indexOf('konqueror') != -1;
var is_mac = userAgent.indexOf('mac') != -1;
var is_saf = userAgent.indexOf('applewebkit') != -1 || navigator.vendor == 'Apple Computer, Inc.';
var is_opera = userAgent.indexOf('opera') != -1 && opera.version();
var is_moz = (navigator.product == 'Gecko' && !is_saf) && userAgent.substr(userAgent.indexOf('firefox') + 8, 3);
var is_ns = userAgent.indexOf('compatible') == -1 && userAgent.indexOf('mozilla') != -1 && !is_opera && !is_webtv && !is_saf;
var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera && !is_saf && !is_webtv) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);

/* 基础函数 */
function $(id) {
	return document.getElementById(id);
}

function in_array(targetstr, sourcearry)
{
    if(typeof sourcearry == 'string')
    {
        for(var i in sourcearry)
        {
            if(sourcearry[i] == targetstr)
            { return true; }
        }
    }
    return false;
}

function add2array(targetarry, newstr)
{
    targetarry[targetarry.length] = newstr;
    return targetarry.length;
}

function del4array(targetarry, newstr)
{
	for(i in targetarry) {
		if(targetarry[i] == newstr) {
			targetarry[i] = null;
		}
	}
	return targetarry;
}

var Ajaxs = new Array();
function AjaxRequest(recvType, targetId) {
	var ajax = new Object();
	ajax.targetId = targetId ? document.getElementById(targetId) : null;
	ajax.targetUrl = '';
	ajax.para = '';
        ajax.paratype = '';
	ajax.recvType = recvType ? recvType : 'XML';
	ajax.resultHandle = null;
        ajax.labelname = '';
        ajax.currentpage = '';
        ajax.sourcename = '';
        ajax.total = '';
        ajax.pagesize = '';

	ajax.createXMLHttpRequest = function() {
		var oXmlHttp = false;
		if(window.XMLHttpRequest) {
			oXmlHttp = new XMLHttpRequest();
			if(oXmlHttp.overrideMimeType) {
				oXmlHttp.overrideMimeType('text/xml');
			}
		} else if(window.ActiveXObject) {
			var xmlobjectarry = ["Microsoft.XMLHTTP","MSXML.XMLHTTP","Msxml2.XMLHTTP.7.0","Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","MSXML2.XMLHTTP.3.0","MSXML2.XMLHTTP"];
			for(var i=0; i<xmlobjectarry.length; i++) {
				try {
					oXmlHttp = new ActiveXObject(xmlobjectarry[i]);
					if(oXmlHttp) {
						return oXmlHttpt;
					}
				} catch(oError) {}
			}
		}
		return oXmlHttp;
	}
	ajax.XMLHttpRequest = ajax.createXMLHttpRequest();

	ajax.processHandle = function() {
	    if (ajax.targetId) {
	        ajax.targetId.style.display = '';
	    }
	    if (ajax.XMLHttpRequest.readyState == 1 && ajax.targetId) {
	        ajax.targetId.innerHTML = xml_http_building_link;
	    } else if (ajax.XMLHttpRequest.readyState == 2 && ajax.targetId) {
	        ajax.targetId.innerHTML = xml_http_sending;
	    } else if (ajax.XMLHttpRequest.readyState == 3 && ajax.targetId) {
	        ajax.targetId.innerHTML = xml_http_loading;
	    } else if (ajax.XMLHttpRequest.readyState == 4) {
	        if (ajax.XMLHttpRequest.status == 200) {
	            Ajaxs = del4array(Ajaxs, ajax.targetUrl);
	            if (ajax.recvType == 'HTML') {
	                ajax.resultHandle(ajax.XMLHttpRequest.responseText);


	               

	            }
	            else if (ajax.recvType == 'XML') {
	                if (window.XMLHttpRequest) {
	                    ajax.resultHandle(ajax.XMLHttpRequest.responseText);
	                }
	                else {
	                    
	                    ajax.resultHandle(ajax.XMLHttpRequest.responseXML);
	                }
	            }
	        } else {
	            if (ajax.targetId) {
	                ajax.targetId.innerHTML = xml_http_load_failed.replace('[err:errcode]', ajax.XMLHttpRequest.status);
	            }
	        }
	    }
	}

	ajax.createXmlDom = function(xmlstry) {
		var oXmlDom = false;
    	if(document.implementation && document.implementation.createDocument)
    	{
        		oXmlDom = document.implementation.createDocument("", "", null);
    	}
    	else
    	{
        		var aVersions = ["Microsoft.XMLDOM","MSXML2.DOMDocument.6.0","MSXML2.DOMDocument.5.0","Msxml2.DOMDocument.4.0","MSXML2.DOMDocument.3.0","MSXML2.DOMDocument"];
        		for (var i = 0; i < aVersions.length; i++) 
        		{
           			try 
           			{
                	    oXmlDom = new ActiveXObject(aVersions[i]);
           				if(oXmlDom)
                		{
				            break;
			            }
           			} 
           			catch (oError) {}
        		}
    	}
    	
    	if(xmlstry != null)
    	{
    	    oXmlDom.async=false;
            if(!is_ie)
            {
                var oParser=new DOMParser();
                oXmlDom = oParser.parseFromString(xmlstry, "text/xml");
            }
            else
            {
                if(is_ie == '7.0')
                {
                    oXmlDom.loadXML(xmlstry);
                }
                else
                {
                if(window.XMLHttpRequest)
                {
                    oXmlDom.loadXML(xmlstry);
                    }else{
                    oXmlDom.load(xmlstry);
                    }
                }
            }
        }
        
    	return oXmlDom;
	}
	
	ajax.get = function(targetUrl, resultHandle) {
		if(in_array(targetUrl, Ajaxs)) {
			return false;
		} else {
			add2array(Ajaxs, targetUrl);
		}
		ajax.targetUrl = targetUrl;
		ajax.XMLHttpRequest.onreadystatechange = ajax.processHandle;
		ajax.resultHandle = resultHandle;
		if(window.XMLHttpRequest) {
			ajax.XMLHttpRequest.open('GET', ajax.targetUrl);
			ajax.XMLHttpRequest.send(null);
		} else {
	        ajax.XMLHttpRequest.open("GET", targetUrl, true);
	        ajax.XMLHttpRequest.send();
		}
	}

	ajax.post = function(usemethod, targetUrl, resultHandle) {
	    if (in_array(targetUrl, Ajaxs)) {
	        return false;
	    } else {
	        add2array(Ajaxs, targetUrl);
	    }
	    ajax.targetUrl = targetUrl;

	    var xml_dom = ajax.createXmlDom();
	    xml_dom.async = false;

	    if (!is_opera) /* opera不需要声明这一段 */
	    {
	        var xmlproperty = xml_dom.createProcessingInstruction("xml", "version=\"1.0\" encoding=\"utf-8\"");
	        xml_dom.appendChild(xmlproperty);
	    }

	    var objRoot = xml_dom.createElement("root");

	    var objField = xml_dom.createElement("type");
	    var oText = xml_dom.createTextNode(usemethod);
	    objField.appendChild(oText);
	    objRoot.appendChild(objField);

	    switch (usemethod) {
	        case 'updatelabel':
	            objField = xml_dom.createElement("labelname");
	            oText = xml_dom.createTextNode(ajax.labelname);
	            objField.appendChild(oText);
	            objRoot.appendChild(objField);

	            objField = xml_dom.createElement("currentpage");
	            oText = xml_dom.createTextNode(ajax.currentpage);
	            objField.appendChild(oText);
	            objRoot.appendChild(objField);

	            var objattrib;

	            for (var i = 0; i < ajax.para.length; i++) {
	                objField = xml_dom.createElement("attrib");
	                if (i < ajax.paratype.length) {
	                    switch (ajax.paratype[i]) {
	                        case 'innerhtml':
	                            objattrib = xml_dom.createElement(ajax.para[i]);
	                            oText = xml_dom.createTextNode($(ajax.para[i]).innerHTML);
	                            break;
	                        case 'innertext':
	                            objattrib = xml_dom.createElement(ajax.para[i]);
	                            oText = xml_dom.createTextNode($(ajax.para[i]).innerText);
	                            break;
	                        case 'value':
	                            objattrib = xml_dom.createElement(ajax.para[i]);
	                            oText = xml_dom.createTextNode($(ajax.para[i]).value);
	                            break;
	                        case 'text':
	                            objattrib = xml_dom.createElement(ajax.para[i]);
	                            oText = xml_dom.createTextNode($(ajax.para[i]).Text);
	                            break;
	                        case 'select':
	                            var optionCount = $(ajax.para[i]).length;
	                            for (var m = 0; m < optionCount; m++) {
	                                var option = $(ajax.para[i]).options[m];
	                                if (option.selected) {
	                                    oText = xml_dom.createTextNode(option.value);
	                                }
	                            }
	                            break;
	                        case 'innerhtml.nohtml':
	                            objattrib = xml_dom.createElement(ajax.para[i]);
	                            oText = xml_dom.createTextNode(removehtml($(ajax.para[i]).innerHTML));
	                            break;
	                        case 'innertext.nohtml':
	                            objattrib = xml_dom.createElement(ajax.para[i]);
	                            oText = xml_dom.createTextNode(removehtml($(ajax.para[i]).innerText));
	                            break;
	                        case 'value.nohtml':
	                            objattrib = xml_dom.createElement(ajax.para[i]);
	                            oText = xml_dom.createTextNode(removehtml($(ajax.para[i]).value));
	                            break;
	                        case 'text.nohtml':
	                            objattrib = xml_dom.createElement(ajax.para[i]);
	                            oText = xml_dom.createTextNode(removehtml($(ajax.para[i]).Text));
	                            break;
	                        default:
	                            objattrib = xml_dom.createElement(ajax.para[i].split('=')[0]);
	                            oText = xml_dom.createTextNode(ajax.para[i].split('=')[1]);
	                            break;
	                    }
	                }
	                else {
	                    objattrib = xml_dom.createElement(ajax.para[i].split('=')[0]);
	                    oText = xml_dom.createTextNode(ajax.para[i].split('=')[1]);
	                }

	                objattrib.appendChild(oText);
	                objField.appendChild(objattrib);
	                objRoot.appendChild(objField);
	            }
	            break;
	        case 'updatepage':
	            objField = xml_dom.createElement("labelname");
	            oText = xml_dom.createTextNode(ajax.labelname);
	            objField.appendChild(oText);
	            objRoot.appendChild(objField);

	            objField = xml_dom.createElement("sourcename");
	            oText = xml_dom.createTextNode(ajax.sourcename);
	            objField.appendChild(oText);
	            objRoot.appendChild(objField);

	            objField = xml_dom.createElement("currentpage");
	            oText = xml_dom.createTextNode(ajax.currentpage);
	            objField.appendChild(oText);
	            objRoot.appendChild(objField);

	            objField = xml_dom.createElement("total");
	            oText = xml_dom.createTextNode(ajax.total);
	            objField.appendChild(oText);
	            objRoot.appendChild(objField);

	            objField = xml_dom.createElement("pagesize");
	            oText = xml_dom.createTextNode(ajax.pagesize);
	            objField.appendChild(oText);
	            objRoot.appendChild(objField);
	            break;
	        default:
	            for (var i = 0; i < ajax.para.length; i++) {

	                if (ajax.para[i].indexOf('=') >= 0) {
	                    objField = xml_dom.createElement(ajax.para[i].split('=')[0]);
	                    oText = xml_dom.createTextNode(ajax.para[i].split('=')[1]);
	                    objField.appendChild(oText);
	                    objRoot.appendChild(objField);
	                }
	                else {
	                    objField = xml_dom.createElement(ajax.para[i]);
	                    if (i < ajax.paratype.length) {
	                        if ($(ajax.para[i]) != null) {
	                            switch (ajax.paratype[i]) {
	                                case 'innerhtml':
	                                    oText = xml_dom.createTextNode($(ajax.para[i]).innerHTML);
	                                    break;
	                                case 'innertext':
	                                    oText = xml_dom.createTextNode($(ajax.para[i]).innerText);
	                                    break;
	                                case 'text':
	                                    oText = xml_dom.createTextNode($(ajax.para[i]).Text);
	                                    break;
	                                case 'select':
	                                    var optionCount = $(ajax.para[i]).length;
	                                    for (var m = 0; m < optionCount; m++) {
	                                        var option = $(ajax.para[i]).options[m];
	                                        if (option.selected) {
	                                            oText = xml_dom.createTextNode(option.value);
	                                        }
	                                    }
	                                    break;
	                                case 'innerhtml.nohtml':
	                                    oText = xml_dom.createTextNode(removehtml($(ajax.para[i]).innerHTML));
	                                    break;
	                                case 'innertext.nohtml':
	                                    oText = xml_dom.createTextNode(removehtml($(ajax.para[i]).innerText));
	                                    break;
	                                case 'nohtml':
	                                    oText = xml_dom.createTextNode(removehtml($(ajax.para[i]).value));
	                                    break;
	                                case 'text.nohtml':
	                                    oText = xml_dom.createTextNode(removehtml($(ajax.para[i]).Text));
	                                    break;
	                                default:
	                                    oText = xml_dom.createTextNode($(ajax.para[i]).value);
	                                    break;
	                            }
	                            objField.appendChild(oText);
	                        }
	                    }
	                    else {
	                        if ($(ajax.para[i]) != null) {
	                            oText = xml_dom.createTextNode($(ajax.para[i]).value);
	                            objField.appendChild(oText);
	                        }
	                    }
	                    objRoot.appendChild(objField);
	                }

	            }
	            break;
	    }
	    xml_dom.appendChild(objRoot);

	    ajax.XMLHttpRequest.onreadystatechange = ajax.processHandle;
	    ajax.resultHandle = resultHandle;
	    ajax.XMLHttpRequest.open('POST', targetUrl);
	    ajax.XMLHttpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	    ajax.XMLHttpRequest.send(xml_dom);
	}
	return ajax;
}

/* 用户登录部分 */
function showuserlogin(showuserstat) {
    var x = new AjaxRequest('XML',showuserstat);
    if(getloginedusername() == "err")
    {
        x.labelname = "用户登录界面";
    }
    else
    {
        x.labelname = '用户登录成功';
    }
    x.pagename = "";
    x.currentpage = 1; 
    x.post('updatelabel', '/ajax.aspx', function(s) {
        var xml = x.createXmlDom(s);
        $(showuserstat).innerHTML = xml.getElementsByTagName("body")[0].firstChild.data;
    }); 
}

function senduserlogin(showrequeststat, showuserstat) {
	var x = new AjaxRequest('XML',showrequeststat);
	x.para = ['username', 'password', 'checkcode'];
	x.post('userlogin','/ajax.aspx', function(s) {
            var xml = x.createXmlDom(s);
            if(xml.getElementsByTagName("status")[0].firstChild.data == "ok")
            {
                $(showrequeststat).style.display = 'none';
                showuserlogin(showuserstat);
            }
            else
            {
                $(showrequeststat).innerHTML = xml.getElementsByTagName("body")[0].firstChild.data;;
            }
	});        
}

function quitlogin()
{
    var x = new AjaxRequest('XML','');
    x.post('userlogout', '/ajax.aspx', function(s) {});
}

function getloginedusername()
{
    var outstr;
    var x = new AjaxRequest('XML','');
    var xml_dom = x.createXmlDom();
    xml_dom.async = false;

    if(!is_opera) /* opera不需要声明这一段 */
    {
        var xmlproperty = xml_dom.createProcessingInstruction("xml","version=\"1.0\" encoding=\"utf-8\"");
        xml_dom.appendChild(xmlproperty);
    }
    var objRoot = xml_dom.createElement("root");
    var objField = xml_dom.createElement("type");
    var oText = xml_dom.createTextNode("logincheck");
    objField.appendChild(oText);
    objRoot.appendChild(objField);
    xml_dom.appendChild(objRoot);
    var userhttp = x.createXMLHttpRequest();
    userhttp.open("POST","/ajax.aspx",false);
    userhttp.onreadystatechange = function () 
    {
	if (userhttp.readyState == 4 && userhttp.status==200){
            var xml = x.createXmlDom(userhttp.responseText);
            outstr = xml.getElementsByTagName("username")[0].firstChild.data;
	}
    }
    userhttp.send(xml_dom);
    return outstr;
}

/* 用户注册部分 */
function regusernamecheck(showuserstat) {
	var x = new AjaxRequest('XML',showuserstat);
	x.para = ['username'];
	x.post('usercheck','/ajax.aspx', function(s) {
            var xml = x.createXmlDom(s);
            if(xml.getElementsByTagName("status")[0].firstChild.data == "ok")
            {
                $(showuserstat).innerHTML = "本用户可以注册";
            }
            else
            {
                $(showuserstat).innerHTML = "本用户已存在，请另换一个用户名";
            }
	 });
}

/* 重写FireFox下的xmldocument.xml与innerText方法 */
if(is_moz)
{
Node.prototype.__defineGetter__
(
	"xml",
	function()
	{
		return (new XMLSerializer).serializeToString(this);
	}
);

HTMLElement.prototype.__defineGetter__
(
    "innerText", 
    function()
    { 
        return this.textContent; 
    }
); 

HTMLElement.prototype.__defineSetter__
(
    "innerText", 
    function(sText){ 
        this.textContent=sText; 
    }
);
};

/* 过滤HTML符号 */
function removehtml(instr)
{
  var d = document.createElement("DIV");
  d.innerHTML = instr;
  d.id = "tempremovehtmlcontent";
  d.style.display = "none";
  return d.innerText;
}

/* 改变图片大小 */
function resizepic(thispic)
{
if(thispic.width>550){thispic.height=thispic.height*550/thispic.width;thispic.width=550;} 
}

/* 无级缩放图片大小 */
function bbimg(o)
{
  return true;
}

/* 隐藏域 */
function HiddenCoupon(me)
{ 
      if (me.checked)
      { 
         document.getElementById('divCoupon').style.display='';
      } 
      else 
      { 
         document.getElementById('divCoupon').style.display='none';
      } 
} 

  String.prototype.Trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); };
  String.prototype.LTrim = function() { return this.replace(/(^\s*)/g, ""); };
  String.prototype.RTrim = function() { return this.replace(/(\s*$)/g, ""); };


  function Subscribes() {
      var email = document.getElementById("SubscribesEmail").value;
      if (email == "") {
          alert("Email不能为空"); 
      return; }

     var regex = /^(([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-]))/;

     result = regex.test(email);
      if (!result) {
          alert("请输入正确的Email"); return;
      }
      var url = "/ShopVistaAjax.aspx";
      var pars = "type=subscribes&email=" + email
      var myAjax = new Ajax.Request(url, { method: 'post', postBody: pars, onSuccess: SubscribesSuccess, onFailure: function() { alert('error'); }
      });

  }




  function ShowProductDetail() {

    
   


  }
  function SubscribesSuccess(originalRequest) {

      //originalRequest.responseText;

      alert("订阅成功");
  }var $$ = function(id) {
    return "string" == typeof id ? document.getElementById(id) : id;
};
var isIE8 = navigator.userAgent.indexOf('MSIE 8.0') != -1;
var isChrome = navigator.userAgent.indexOf('Chrome') != -1;
var isSafari = navigator.userAgent.indexOf('AppleWebKit') != -1;
function addEvent(element, type, handler) {
    if (element.addEventListener) {
        element.addEventListener(type, handler, false);
    } else {
        if (!handler.$$guid) handler.$$guid = addEvent.guid++;
        if (!element.events) element.events = {};
        var handlers = element.events[type];
        if (!handlers) {
            handlers = element.events[type] = {};
            if (element["on" + type]) {
                handlers[0] = element["on" + type];
            }
        }
        handlers[handler.$$guid] = handler;
        element["on" + type] = handleEvent;
    }
};
addEvent.guid = 1;
function removeEvent(element, type, handler) {
    if (element.removeEventListener) {
        element.removeEventListener(type, handler, false);
    } else {
        if (element.events && element.events[type]) {
            delete element.events[type][handler.$$guid];
        }
    }
};
function handleEvent(event) {
    var returnValue = true;
    event = fixEvent(event);
    var handlers = this.events[event.type];
    for (var i in handlers) {
        this.$$handleEvent = handlers[i];
        if (this.$$handleEvent(event) === false) {
            returnValue = false;
        }
    }
    return returnValue;
};
function fixEvent(event) {
    if (event) return event;
    event = ((this.ownerDocument || this.document || this).parentWindow || window).event;
    var scrolldoc = isChrome || isSafari ? document.body : document.documentElement;
    event.pageX = event.clientX + scrolldoc.scrollLeft;
    event.pageY = event.clientY + scrolldoc.scrollTop;
    event.target = event.srcElement;
    event.stopPropagation = fixEvent.stopPropagation;
    event.preventDefault = fixEvent.preventDefault;
    if (event.type == "mouseout") {
        event.relatedTarget = event.toElement;
    } else if (event.type == "mouseover") {
        event.relatedTarget = event.fromElement;
    }
    return event;
};
fixEvent.preventDefault = function() {
    this.returnValue = false;
};
fixEvent.stopPropagation = function() {
    this.cancelBubble = true;
};

var forEach = function(array, callback, thisObject) {
    if (array.forEach) {
        array.forEach(callback, thisObject);
    } else {
        for (var i = 0, len = array.length; i < len; i++) { callback.call(thisObject, array[i], i, array); }
    }
}

var Bind = function(object, fun) {
    var args = Array.prototype.slice.call(arguments, 2);
    return function() {
        return fun.apply(object, args.concat(Array.prototype.slice.call(arguments)));
    }
}

var BindAsEventListener = function(object, fun) {
    var args = Array.prototype.slice.call(arguments, 2);
    return function(event) {
        return fun.apply(object, [event].concat(args));
    }
}

var Extend = function(destination, source) {
    for (var property in source) {
        destination[property] = source[property];
    }
    return destination;
}

var DeepExtend = function(destination, source) {
    for (var property in source) {
        var copy = source[property];
        if (destination === copy) continue;
        if (typeof copy === "object") {
            destination[property] = DeepExtend(destination[property] || {}, copy);
        } else {
            destination[property] = copy;
        }
    }
    return destination;
}

var Filter = function(array, callback, thisObject) {
    if (array.filter) {
        return array.filter(callback, thisObject);
    } else {
        var res = [];
        for (var i = 0, len = array.length; i < len; i++) { callback.call(thisObject, array[i], i, array) && res.push(array[i]); }
        return res;
    }
}

var Every = function(array, callback, thisObject) {
    if (array.every) {
        return array.every(callback, thisObject);
    } else {
        var res = [];
        for (var i = 0, len = array.length; i < len; i++) {
            if (!callback.call(thisObject, array[i], i, array)) return false;
        };
        return true;
    }
}

var IndexOf = function(array, elt) {
    if (array.indexOf) {
        return array.indexOf(elt);
    } else {
        var res = [];
        for (var i = 0, len = array.length; i < len; i++) {
            if (array[i] === elt) return i;
        };
        return -1;
    }
}

var Contains = function(a, b) {
    return a.contains ? a != b && a.contains(b) : !!(a.compareDocumentPosition(b) & 16);
}

var isArray = function(obj) {
    return Object.prototype.toString.call(obj) === "[object Array]";
}

function GetRelative(relElem, fixedElem, options) {
    var doc = relElem.ownerDocument, docElem = doc.documentElement
		, scrolldoc = isChrome || isSafari ? doc.body : docElem,
		rect = relElem.getBoundingClientRect();
    //默认值
    options = Extend({
        Align: "clientleft", //水平方向定位
        vAlign: "clienttop", //垂直方向定位
        CustomLeft: 0, //自定义left定位
        CustomTop: 0, //自定义top定位
        PercentLeft: 0, //自定义left百分比定位
        PercentTop: 0, //自定义top百分比定位
        Adaptive: false, //是否自适应定位
        Reset: false//自适应定位时是否重新定位
    }, options || {});
    //ie8的getBoundingClientRect获取不准确
    if (isIE8) {
        var elem = relElem, left = -scrolldoc.scrollLeft , top = -scrolldoc.scrollTop;
        while (elem) { left += elem.offsetLeft, top += elem.offsetTop; elem = elem.offsetParent; };
        rect.left = left; rect.right = left + relElem.offsetWidth;
        rect.top = top; rect.bottom = top + relElem.offsetHeight;
    };
    var iLeft = GetRelative.Left(options.Align, rect, fixedElem) + options.CustomLeft, iTop = GetRelative.Top(options.vAlign, rect, fixedElem) + options.CustomTop;
    if (options.PercentLeft) { iLeft += .01 * options.PercentLeft * relElem.offsetWidth; };
    if (options.PercentTop) { iTop += .01 * options.PercentTop * relElem.offsetHeight; };
    if (options.Adaptive) {
        var maxLeft = docElem.clientWidth - fixedElem.offsetWidth,
			maxTop = docElem.clientHeight - fixedElem.offsetHeight;
        if (options.Reset) {
            if (iLeft > maxLeft || iLeft < 0) {
                iLeft = GetRelative.Left(2 * iLeft > maxLeft ? "left" : "right", rect, fixedElem) + options.CustomLeft;
            };
            if (iTop > maxTop || iTop < 0) {
                iTop = GetRelative.Top(2 * iTop > maxTop ? "top" : "bottom", rect, fixedElem) + options.CustomTop;
            };
        } else {
            //修正到适合位置
            iLeft =   Math.max(Math.min(iLeft, maxLeft), 0);
            iTop = Math.max(Math.min(iTop, maxTop), 0);
        };
    };
    iLeft += scrolldoc.scrollLeft; iTop += scrolldoc.scrollTop;
    return { Left: iLeft, Top: iTop };
};
GetRelative.Left = function(align, rect, fixedElem) {
    var iLeft = 0;
    switch (align.toLowerCase()) {
        case "left":
            return rect.left - fixedElem.offsetWidth ;
        case "clientleft":
            return rect.left;
        case "center":
            return (rect.left + rect.right - fixedElem.offsetWidth) / 2 ;
        case "clientright":
            return rect.right - fixedElem.offsetWidth;
        case "right":
        default:
            return rect.right;
    };
};
GetRelative.Top = function(valign, rect, fixedElem) {
    var iTop = 0;
    switch (valign.toLowerCase()) {
        case "top":
            return rect.top - fixedElem.offsetHeight;
        case "clienttop":
            return rect.top;
        case "center":
            return (rect.top + rect.bottom - fixedElem.offsetHeight) / 2;
        case "clientbottom":
            return rect.bottom - fixedElem.offsetHeight;
        case "bottom":
        default:
            return rect.bottom;
    };
};
var FixedMenu = function(containers, options) {
    this._timerContainer = null; //容器定时器
    this._timerMenu = null; //菜单定时器
    this._frag = document.createDocumentFragment(); //碎片对象，保存菜单元素
    this._menus = {}; //菜单对象

    this._containers = []; //容器集合

    this.SetOptions(options);

    this._custommenu = this.options.Menu;

    this.Css = this.options.Css;
    this.Hover = this.options.Hover;
    this.Active = this.options.Active;
    this.Tag = this.options.Tag;
    this.Txt = this.options.Txt;
    this.FixedMenu = this.options.FixedMenu;
    this.Fixed = this.options.Fixed;
    this.Attribute = this.options.Attribute;
    this.Property = this.options.Property;
    this.onBeforeShow = this.options.onBeforeShow;
    this.Delay = parseInt(this.options.Delay) || 0;
    forEach(isArray(containers) ? containers : [containers], function(o, i) {
        var pos, menu;
        if (o.id) {
            pos = o.id; menu = o.menu ? o.menu : pos;
        } else {
            pos = menu = o;
        };
        pos = $$(pos); menu = $$(menu);
        //容器对象 Pos:定位元素 Menu:插入菜单元素
        pos && menu && this.IniContainer(i, { Pos: pos, Menu: menu });
    }, this);
    //初始化程序
    this.Ini();
};
FixedMenu.prototype = {
    //设置默认属性
    SetOptions: function(options) {
        this.options = {//默认值
            Menu: [], //自定义菜单集合
            Delay: 50, //延迟值(微秒)
            Tag: "div", //默认生成标签
            Css: undefined, //默认样式
            Hover: undefined, //触发菜单样式
            Active: undefined, //显示下级菜单时显示样式
            Txt: "", //菜单内容
            FixedMenu: true, //是否相对菜单定位（否则相对容器）
            Fixed: { Align: "clientleft", vAlign: "bottom" }, //定位对象
            Attribute: {}, //自定义Attribute属性
            Property: {}, //自定义Property属性
            onBeforeShow: function() { } //菜单显示时执行
        };
        Extend(this.options, options || {});
    },
    Ini: function() {
        this.Hide(); //隐藏菜单
        this.BuildMenu(); //生成菜单对象
        this.forEachContainer(this.ResetContainer); //重置容器属性
        this.InsertMenu(0, 0); //显示菜单
    },
    BuildMenu: function() {
        //清除旧菜单dom(包括自定义的)
        this.forEachMenu(function(o) {
            var elem = o._elem;
            if (elem) {
                //防止dom内存泄漏
                removeEvent(elem, "mouseover", o._event);
                elem.parentNode.removeChild(elem);
                o._elem = o.elem = null;
            };
        });
        //设置菜单默认值
        var options = {
            id: 0, //id
            rank: 0, //排序
            elem: "", //自定义元素
            tag: this.Tag,
            css: this.Css,
            hover: this.Hover,
            active: this.Active,
            txt: this.Txt,
            fixedmenu: !!this.FixedMenu,
            fixed: this.Fixed,
            attribute: this.Attribute,
            property: this.Property
        };
        //先定义"0"顶级菜单
        this._menus = { "0": { "_children": []} };
        //整理自定义菜单并插入到程序菜单对象
        forEach(this._custommenu, function(o) {
            //生成菜单对象(由于包含对象，要用深度扩展)
            var menu = DeepExtend(DeepExtend({}, options), o || {});
            //去掉相同id菜单，同时排除了id为"0"的菜单
            if (!!this._menus[menu.id]) { return; };
            //重置属性
            menu._children = []; menu._index = -1;
            this._menus[menu.id] = menu;
        }, this);
        //建立树形结构
        this.forEachMenu(function(o, id, menus) {
            if ("0" === id) { return; }; //顶级没有父级菜单
            var parent = this._menus[o.parent];
            //父级菜单不存在或者父级是自己的话，当成一级菜单
            if (!parent || parent === o) { parent = menus[o.parent = "0"]; };
            //插入到父级菜单对象的_children中
            parent._children.push(o);
        });
        //整理菜单对象
        this.forEachMenu(function(o) {
            //如果有自定义元素的话先放到碎片文档中
            !!o.elem && (o.elem = $$(o.elem)) && this._frag.appendChild(o.elem);
            //修正样式,优先使用自定义元素的class
            if (!!o.elem && o.elem.className) {
                o.css = o.elem.className;
            } else if (o.css === undefined) { o.css = ""; };
            if (o.hover === undefined) { o.hover = o.css; };
            if (o.active === undefined) { o.active = o.hover; };
            //对菜单对象的_children集合排序(先按rank再按id排序)
            o._children.sort(function(x, y) { return x.rank - y.rank || x.id - y.id; });
        });
    },
    //插入菜单
    InsertMenu: function(index, parent) {
        var container = this._containers[index];
        //如果是同一个父级菜单不用重复插入
        if (container._parent === parent) { return; };
        container._parent = parent;
        //把原有容器内菜单移到碎片对象中
        forEach(container._menus, function(o) { o._elem && this._frag.appendChild(o._elem); }, this);
        //重置子菜单对象集合
        container._menus = [];
        //把从父级菜单元素的子菜单对象集合获取的元素插入到容器
        forEach(this._menus[parent]._children, function(menu, i) {
            this.CheckMenu(menu, index); //检查菜单
            container._menus.push(menu); //加入到容器的子菜单集合，方便调用
            container.Menu.appendChild(menu._elem); //菜单元素插入到容器
        }, this);
    },
    //检查菜单
    CheckMenu: function(menu, index) {
        //索引保存到菜单对象属性中，方便调用
        menu._index = index;
        //如果菜单对象没有元素
        if (!menu._elem) {
            var elem = menu.elem;
            //如果没有自定义元素的话创建一个
            if (!elem) { elem = document.createElement(menu.tag); elem.innerHTML = menu.txt; };
            //设置property
            Extend(elem, menu.property);
            //设置attribute
            var attribute = menu.attribute;
            for (var att in attribute) { elem.setAttribute(att, attribute[att]); };
            //设置样式
            elem.className = menu.css;
            //设置事件
            menu._event = BindAsEventListener(this, this.HoverMenu, menu); //用于清除事件
            addEvent(elem, "mouseover", menu._event);
            //保存到菜单对象
            menu._elem = elem;
        };
    },
    //触发菜单
    HoverMenu: function(e, menu) {
        var elem = menu._elem;
        //如果是内部元素触发直接返回
        if (Contains(elem, e.relatedTarget) || elem === e.relatedTarget) { return; };
        clearTimeout(this._timerMenu);
        //可能在多个容器间移动，所以全部容器都重新设置样式
        this.forEachContainer(function(o, i) {
            if (o.Pos.visibility === "hidden") { return; };
            this.ResetCss(o);
            //设置当前菜单为active样式
            var menu = o._active;
            if (menu) { menu._elem.className = menu.active; };
        });
        //设置当前菜单为触发样式
        if (this._containers[menu._index]._active !== menu) { elem.className = menu.hover; };
        //触发显示菜单
        this._timerMenu = setTimeout(Bind(this, this.ShowMenu, menu), this.Delay);
    },
    //显示菜单
    ShowMenu: function(menu) {
        var index = menu._index, container = this._containers[index], child = !!menu._children.length;
        //隐藏不需要的容器
        this.forEachContainer(function(o, i) { i > index && this.HideContainer(o); });
        //重置当前容器_active
        container._active = null;
        //如果有子级菜单
        if (child) {
            //设置当前容器_active
            container._active = menu;
            //显示下一级容器
            index++; //设置索引
            this.CheckContainer(index); //检查容器
            this.InsertMenu(index, menu.id); //插入菜单
            this.ShowContainer(menu); //显示容器
        };
        //重置当前容器的css
        this.ResetCss(container);
        //设置当前菜单样式
        menu._elem.className = child ? menu.active : menu.hover;
    },
    //初始化容器(索引, 容器元素)
    IniContainer: function(index, container) {
        var oContainer = container.Pos;
        //重置属性
        this.ResetContainer(container);
        //添加事件
        addEvent(oContainer, "mouseover", Bind(this, function() { clearTimeout(this._timerContainer); }));
        addEvent(oContainer, "mouseout", BindAsEventListener(this, function(e) {
            //先判断是否移出到所有容器之外
            var elem = e.relatedTarget,
			isOut = Every(this._containers, function(o) { return !(Contains(o.Pos, elem) || o.Pos == elem); });
            if (isOut) {
                //清除定时器并隐藏
                clearTimeout(this._timerContainer); clearTimeout(this._timerMenu);
                this._timerContainer = setTimeout(Bind(this, this.Hide), this.Delay);
            };
        }));
        //除了第一个容器外设置浮动样式
        if (index) {
            var css = container.Pos.style;
            css.position = "absolute"; css.display = "block"; css.margin = 0;
            //要后面的覆盖前面的
            css.zIndex = this._containers[index - 1].Pos.style.zIndex + 1;
        };
        //记录索引，方便调用
        container._index = index;
        //插入到容器集合
        this._containers[index] = container;
    },
    //检查容器
    CheckContainer: function(index) {
        if (index > 0 && !this._containers[index]) {
            //如果容器不存在，根据前一个容器复制成新容器，第一个容器必须自定义
            var pre = this._containers[index - 1].Pos
            //用了新的添加事件方式，没有ie的cloneNode的bug
			, container = pre.parentNode.insertBefore(pre.cloneNode(false), pre);
            //清除id防止冲突
            container.id = "";
            //初始化容器
            this.IniContainer(index, { Pos: container, Menu: container });
        };
    },
    //显示容器
    ShowContainer: function(menu) {
        var index = menu._index,
		container = this._containers[index + 1].Pos,
		elem = menu.fixedmenu ? menu._elem : this._containers[index].Pos,
		pos = GetRelative(elem, container, menu.fixed);
        //定位并显示容器
        container.style.left = pos.Left + "px";
        container.style.top = pos.Top + "px";
        //执行显示前事件
        this.onBeforeShow(container, menu);
        container.style.visibility = "visible";
    },
    //隐藏容器
    HideContainer: function(container) {
        //设置隐藏
        var css = container.Pos.style;
        css.visibility = "hidden"; css.left = css.top = "-9999px";
        //重置上一个菜单的触发菜单对象
        this._containers[container._index - 1]._active = null;
    },
    //重置容器对象属性
    ResetContainer: function(container) {
        container._active = null; //重置触发菜单
        container._menus = []; //重置子菜单对象集合
        container._parent = -1; //重置父级菜单id
    },
    //隐藏菜单
    Hide: function() {
        this.forEachContainer(function(o, i) {
            if (i === 0) {
                //如果是第一个重设样式和_active
                this.ResetCss(o);
            } else {//隐藏容器
                this.HideContainer(o);
            };
        });
    },
    //重设容器菜单样式
    ResetCss: function(container) {
        forEach(container._menus, function(o, i) { o._elem.className = o.css; }, this);
    },
    //历遍菜单对象集合
    forEachMenu: function(callback) {
        for (var id in this._menus) { callback.call(this, this._menus[id], id, this._menus); };
    },
    //历遍容器对象集合
    forEachContainer: function(callback) {
        forEach(this._containers, callback, this);
    },
    //添加自定义菜单
    Add: function(menu) {
        this._custommenu = this._custommenu.concat(menu);
        this.Ini();
    },
    //修改自定义菜单
    Edit: function(menu) {
        forEach(isArray(menu) ? menu : [menu], function(o) {
            //如果对应id的菜单存在
            if (o.id && this._menus[o.id]) {
                //从自定义菜单中找出对应菜单,并修改
                Every(this._custommenu, function(m, i) {
                    if (m.id === o.id) {
                        this._custommenu[i] = DeepExtend(m, o); return false;
                    };
                    return true;
                    //用Every可以跳出循环
                }, this);
            };
        }, this);
        this.Ini();
    },
    //删除自定义菜单
    Delete: function() {
        var ids = Array.prototype.slice.call(arguments);
        this._custommenu = Filter(this._custommenu, function(o) {
            return IndexOf(ids, o.id) === -1;
        });
        this.Ini();
    }
};