function autofitImages()
{
    $$('img[wh!=null]').each(function(item){
            if(item.get('wh')&&item.get('wh')>0)
            {
                var maxViewImageWH=item.get('wh');
                var imgw=item.getStyle('width');
                var imgh=item.getStyle('height');
                
                imgw=parseInt(imgw);
                imgh=parseInt(imgh);

                if(imgw>maxViewImageWH){           
                    imgh=maxViewImageWH*imgh/imgw;
                    imgw=maxViewImageWH;
                }
                if(imgh>maxViewImageWH){               
                    imgw=maxViewImageWH*imgw/imgh;
                    imgh=maxViewImageWH;
                }
                
                imgw=parseInt(imgw);
                imgh=parseInt(imgh);
                
                item.setStyle('height',imgh);
                item.setStyle('width',imgw);               
            }
        });
}

function appCreate(title,content,ow,oh)
{
	var objDialog = document.getElementById("DialogStatic");
	if (objDialog) 
	{
		return;
	}
	
    // 获取DIV 初始相对位置
	var t_DiglogW = ow;
	var t_DiglogH = oh;
    var dde = document.documentElement;
    if (window.innerWidth)
    {
        var ww = window.innerWidth;
        var wh = window.innerHeight;
        var bgX = window.pageXOffset;
        var bgY = window.pageYOffset;
    }
    else
    {
        var ww = dde.offsetWidth;
        var wh = dde.offsetHeight;
        var bgX = dde.scrollLeft;
        var bgY = dde.scrollTop;
    }

    t_DiglogX = (bgX + ((ww - t_DiglogW)/2)-50);
    if(!bgY)
    {
        bgY = document.body.scrollTop;
    }
    t_DiglogY = bgY + 150;

    // 创建DIV
	var objDialog = document.createElement("div");
	var dialogStr = "<div id='divDialogStaticMatch' style=\"position:absolute;left:" + t_DiglogX + "px; top:" + t_DiglogY + "px;height: auto; width: 365px;z-index:9999999;\">";
	dialogStr += content;
	dialogStr += "</div>";

	objDialog.innerHTML = dialogStr;
	objDialog.id = "DialogStatic";
	document.body.appendChild(objDialog);
}

// DIV 关闭函数
function appClose(b)
{
	var objDialog = document.getElementById("DialogStatic");
	if (objDialog) 
	{
		document.body.removeChild(objDialog);
		window.clearTimeout(scrollTimer);
	}
}

function readCookie(name)
{
    var cookieValue = "";
    var search = name + "=";
    if(document.cookie.length > 0)
    {
        offset = document.cookie.indexOf(search);
        if (offset != -1)
        {
            offset += search.length;
            end = document.cookie.indexOf(";", offset);
            if (end == -1) end = document.cookie.length;
            cookieValue = unescape(document.cookie.substring(offset, end))
        }
    }
    
    return cookieValue;
}

function checkLogin()
{
    var strCookie = readCookie("cookieQB");
    if(strCookie.length==0)
    {
        return false;
    }
    else
    {
        return true;
    }
}

function loginForm()
{
    // 检查页面是否构建完成，防止"javascript internet explorer 无法打开 internet 站点"加载错误(注册后请先到会员中心参加抽奖)
    if (document.readyState != "complete") 
    {
	    setTimeout("loginForm()", 2000);
        return;
    }
	var strLogin ="<table width=\"350\" class=\"qtb\" cellpadding=\"4\">";
	strLogin += "  <tr>";
	strLogin += "    <td align='left'><span class=\"qtitle\">建议您立即注册<\/span>";
	strLogin += "	<hr class=\"qhr\">	<\/td>";
	strLogin += "  <\/tr>";
	strLogin += "  <tr>";
	strLogin += "    <td class=\"qContent\">";
	strLogin += "只有注册才能体验以下独特服务（会员中心）：<br \/>";
	strLogin += "<table align='left'><tr align='left'><td align='left'>";
	strLogin += "1.搭配设计DIY<br \/>";
	strLogin += "2.个人衣橱管理<br \/>";
	strLogin += "3.搭配投票<br \/>";
	strLogin += "4.购物投票<br \/>";
	strLogin += "5.万能收藏工具<br \/>";
	strLogin += "6.购物返现金券<br \/>";
	strLogin += "</td></tr></table>";
	strLogin += "    <\/td>";
	strLogin += "  <\/tr>";
	strLogin += "  <tr>";
	strLogin += "    <td align=\"center\">";
	strLogin += "	<a href=\"\/member\/register.aspx\" class=\"qbutton\"  target=\"_blank\" onclick=\"appClose(true)\" >&nbsp;&nbsp;快速注册&nbsp;&nbsp;<\/a> <a href=\"javascript:;\" onclick=\"appClose(true)\" class=\"qbutton\">迟些再注册<\/a>	<\/td>";
	strLogin += "  <\/tr>";
	strLogin += "  <tr>";
	strLogin += "    <td align=\"center\" height=\"2\"><\/td>";
	strLogin += "  <\/tr>";
	strLogin += "  <tr>";
	strLogin += "    <td align=\"center\" height=\"2\"><\/td>";
	strLogin += "  <\/tr>";
	strLogin += "<\/table>";
	appCreate('', strLogin, 255, 165);	
    scrollTimer = setTimeout("scrollDIV()", 100);
}

var scrollTimer;
function scrollDIV()
{
    // 获取DIV 初始相对位置
	var t_DiglogW = 255;
	var t_DiglogH = 165;
    var dde = document.documentElement;
    if (window.innerWidth)
    {
        var ww = window.innerWidth;
        var wh = window.innerHeight;
        var bgX = window.pageXOffset;
        var bgY = window.pageYOffset;
    }
    else
    {
        var ww = dde.offsetWidth;
        var wh = dde.offsetHeight;
        var bgX = dde.scrollLeft;
        var bgY = dde.scrollTop;
    }

    t_DiglogX = (bgX + ((ww - t_DiglogW)/2)-50);
    if(!bgY)
    {
        bgY = document.body.scrollTop;
    }
    t_DiglogY = bgY + 150;

    var ad = document.getElementById("divDialogStaticMatch");
    if(ad)
    {
        ad.style.top = t_DiglogY + "px";
        ad.style.left = t_DiglogX + "px";
    }
    scrollTimer = setTimeout("scrollDIV()", 100);
}




function loginFormNew(matchid)
{
    if(!matchCanBuy)
    {
        alert("该搭配部分商品缺货,暂时不能整套购买!");
        return;
    }
    
	var strLogin ="<table width=\"394\" class=\"qtb\" height=\"190\" cellpadding=\"4\">";
	strLogin += "  <tr>";
	strLogin += "    <td align='left' id=\"cartContent\">";
	strLogin += "      <iframe id=\"cartframe\" frameborder=\"0\" scrolling=\"no\" src=\"/ShoppingNewCart_Match.aspx\" width=\"394\" height=\"265\"></iframe>";
	strLogin += "    <\/td>"
	strLogin += "  <\/tr>";
	strLogin += "<\/table>";
	appCreate('', strLogin, 255, 265);	
    scrollTimer = setTimeout("scrollDIVNew()", 100);
    ProductCartDataNew(matchid);
}

function scrollDIVNew()
{
    // 获取DIV 初始相对位置
	var t_DiglogW = 255;
	var t_DiglogH = 165;
    var dde = document.documentElement;
    if (window.innerWidth)
    {
        var ww = window.innerWidth;
        var wh = window.innerHeight;
        var bgX = window.pageXOffset;
        var bgY = window.pageYOffset;
    }
    else
    {
        var ww = dde.offsetWidth;
        var wh = dde.offsetHeight;
        var bgX = dde.scrollLeft;
        var bgY = dde.scrollTop;
    }

    t_DiglogX = (bgX + ((ww - t_DiglogW)/2))+150;
    if(!bgY)
    {
        bgY = document.body.scrollTop;
    }
    t_DiglogY = bgY + 350;

    var ad = document.getElementById("divDialogStaticMatch");
    if(ad)
    {
        ad.style.top = t_DiglogY + "px";
        ad.style.left = t_DiglogX + "px";
    }
    scrollTimer = setTimeout("scrollDIVNew()", 100);
}

 function ProductCartDataNew(matchid,param)
 {
 $('cartContent').set('html',"Loading...");
 var req = new Request({  
                         method: 'get',  
                         url: "/ShoppingNewCart_Match.aspx?matchid="+ matchid + "&ran=" + Math.random(),                           
                         onRequest: function() {  },  
                         onComplete: function(response) 
                         {
                             $('cartContent').set('html',response);
                         }  
                    }).send();
                    
                    var req = new Request({  
                         method: 'get',  
                         url: "/ajax/getvalue.aspx?action=cartproductcount&ran=" + Math.random(),                           
                         onRequest: function() {  },  
                         onComplete: function(response) 
                         {
                             $('SpanCount').set('html',response);
                         }  
                    }).send();
 }
 
// 判断页面是否有特殊标记，有则不需要提示注册
function SpecialCheck()
{
    var objSpecial = document.getElementById("NoRegisterPrompt");
    if(objSpecial)
    {
        return(false);
    }
    
    return(true);
}

// 增加判断页面是否有特殊标记，有则不需要提示注册
//if(SpecialCheck() && !checkLogin())
//{
//	setTimeout("loginForm()", 8000);
//}


window.addEvent("domready",function()
    {
        //fit images       
        autofitImages();
        
        //show position when mouse thumb
        $$('img[mytag=elementthumb]').each(function(item, index){
        
             item.addEvent('mouseover',function(e){
                    item.setStyle('border','#ff8888 2px solid');
                     $$('#_img_canvascontainer_img_ div[elementid='+this.get('elementid')+']').each(function(item, index){
                        item.setStyle('border','#ff8888 2px solid');
                    });
                });
                item.addEvent('mouseout',function(e){
                    item.setStyle('border','#eee 0px solid');
                     $$('#_img_canvascontainer_img_ div[elementid='+this.get('elementid')+']').each(function(item, index){
                        item.setStyle('border','#eee 0px solid');
                    });

                });
        });
        
        $$('#divMatchRealityShow img').each(function(item, index){
                    width = parseInt( item.getStyle('width').replace('px',''));
                    if(width>600)
                    {
                        height = parseInt( item.getStyle('height').replace('px',''));                        
                        height=height*600/width;
                        item.set('width',600);
                        item.set('height',height);
                    }                    
                });
        var ctop=0;
        var cleft=0;
        var mint=1000000;
        var maxt=0;
        var minl=1000000;
        var maxl=0;
        $$('#_img_canvascontainer_img_ .viewing').each(function(item, index){
        
            if(new String(",1,2,3,").indexOf(item.get('elementtype'))>0){
              
                if(parseInt(item.getStyle('top'))+parseInt(item.getStyle('height'))>ctop)ctop=parseInt(item.getStyle('top'))+parseInt(item.getStyle('height'));
                if(parseInt(item.getStyle('left'))+parseInt(item.getStyle('width'))>ctop)cleft=parseInt(item.getStyle('left'))+parseInt(item.getStyle('width'));
                
                item.addEvent('mouseover',function(e){
                     $('_img_canvascontainer_img_').setStyle('background-image',"url('')");
                    item.setStyle('border','#ff8888 2px solid');                    
                     $$('img[mytag=elementthumb]').each(function(img){
                         if(item.get('elementid')==img.get('elementid'))img.setStyle('border','#ff8888 2px solid');
                    });
                });
                item.addEvent('mouseout',function(e){
                     $('_img_canvascontainer_img_').setStyle('background-image',"url('"+matchMergerPicPath+"')");
                    item.setStyle('border','#eee 0px solid');
                     $$('img[mytag=elementthumb]').each(function(img){
                         if(item.get('elementid')==img.get('elementid'))img.setStyle('border','#eee 0px solid');
                    });
                });
	        item.addEvent('click',function(e){
	            showElementDetail(item);
                });
                
                item.addEvent('mouseover',function(e){            
	                var rImg = new Image();
                    rImg.src=item.get('imageurl');
                    var imgw=rImg.width;
                    var imgh=rImg.height;
                    
                });
            }
       });
       
       $('_img_canvascontainer_img_').set('class','viewcanvas').setStyle('background-image',"url('"+matchMergerPicPath+"')");
       
//       $("imgMatch").setStyle("display","none");
        
    });
    
    function hideElementDetail()
    {
        $('divElementDetail').setStyle('display','none');
    }
    
    function getElementUrl(etype,eid)
    {
        if(etype=='1')return '/netproductdetail.aspx?netproductid='+eid;
        if(etype=='2')return '/clothdetail.aspx?clothid='+eid;
        if(etype=='3')return '/productshow.aspx?guid='+eid;
        return "#";
    }
    
    function showElementDetail(item)
    {        
        var rImg = new Image();
        rImg.src=item.get('imageurl');
        var imgw=rImg.width;
        var imgh=rImg.height;
        
        if(imgw>500){           
            imgh=500*imgh/imgw;
            imgw=500;
        }
        if(imgh>500){               
            imgw=500*imgw/imgh;
            imgh=500;
        }
        
        var edetail=$("divElementDetail");
        edetail.setStyle('display','block');
        var ecoor=item.getCoordinates();
        edetail.setStyle('top',ecoor.top);
        edetail.setStyle('left',ecoor.left+ecoor.width);
        edetail.setStyle('width',imgw>500?500:imgw);
        edetail.setStyle('height',(imgh+70)>570?570:(imgh+70));

        var mypr = new Element('a', {   
            'html': '￥'+ item.get('price'),
            'styles': {        
                'margin': '20px 0 0 10px','color':'red' 
            }   
        });
        mypr.inject($('divElementDetailTitle').empty());
            
            
        var mya = new Element('a', {
            'href': getElementUrl(item.get('elementtype'),item.get('elementid')),    
            'html': item.get('elementname'),
            'target':'_blank',
            'class':'blue2',
            'styles': {        
                'margin': '20px 0 0 10px'       
            },
            'events': {
                'click': function(){
                }        
            }
        }).inject($('divElementDetailTitle'));

        var mya2=mya.clone();
        var eimg = new Element('img', {
            'src': item.get('imageurl'),
            'alt': item.get('elementname'),
            'styles': {        
                'border': '0px',
                'width':imgw,
                'height':imgh
            },
            'events': {
                'click': function(){
                }
            }
        }).inject(mya2.empty());

        mya2.inject( $('divElementDetailImage').empty());
    }