﻿function MagicShowTypeA() {
};
//function changepic(obj){
//	if(obj.src.indexOf('gems.lefux.com')==-1){
//		obj.src=this.src.replace('hosting.dinodirect.com','gems.lefux.com')
//		}
//	//obj.src=obj.src.replace("/ms/msimages/","/ms1/msimages/");
//}

MagicShowTypeA.onerrorImgLoad = function() {
	//this.src=this.src.replace("/ms/msimages/","/ms1/msimages/");
	if (this.src.indexOf('hosting.dinodirect.com') == -1 && this.src.indexOf('p.lefux.com') > 0) {
		this.src=this.src.replace('p.lefux.com/', 'hosting.dinodirect.com/hosting/');
	}
	
	if (this.src.indexOf('gemsimage.lefux.com') == -1 && this.src.indexOf('hosting.dinodirect.com') > 0) {
		this.src=this.src.replace('hosting.dinodirect.com', 'gemsimage.lefux.com');
	}
};

MagicShowTypeA.info = {
    name : "TypeA",
    version: '0.01.0900',
    date: '2009-02-19',
    author: 'ggkl'
};

MagicShowTypeA.MagicShow = null;

MagicShowTypeA.bigloadingobj = null;
MagicShowTypeA.midloadingobj = null;
MagicShowTypeA.midtempobj = null;

MagicShowTypeA.bBigLoaded = false;
MagicShowTypeA.bMidLoaded = false;

MagicShowTypeA.bigshowid = "BigPicShow";
MagicShowTypeA.bigshowobj = null;
MagicShowTypeA.midshowid = "MidPicShow";
MagicShowTypeA.midshowobj = null;
MagicShowTypeA.divMidPointid = "divMidPoint";
MagicShowTypeA.divMidPointobj = null;
MagicShowTypeA.smallscrollid = "SmallScroll";

MagicShowTypeA.smallimgs = 4;
MagicShowTypeA.smallimgid = "SmallPicShow";
MagicShowTypeA.smallimgids = [];
MagicShowTypeA.smallimgobjs = [];
MagicShowTypeA.smallpage = 0;
MagicShowTypeA.smallpages = 0;
MagicShowTypeA.smalloffset = 0;
MagicShowTypeA.previmg = -1;
MagicShowTypeA.currimg = -1;

MagicShowTypeA.smallimgobjid = "smallimg";
MagicShowTypeA.smallimgloadobjs = [];

MagicShowTypeA.onBigImgLoad = function() {
    MagicShowTypeA.imgBigLoaded = true;
    MagicShowTypeA.bigshowobj.style.backgroundImage = "url(" + this.src + ")";
    offset = {offsetLeft: 0, offsetTop: 0};
    offset.offsetLeft = parseInt((MagicShowTypeA.midloadingobj.width / 2 - MagicShowTypeA.MidPiont.morect.offsetWidth / 2) / MagicShowTypeA.midloadingobj.width * MagicShowTypeA.bigloadingobj.width);
    offset.offsetTop = parseInt((MagicShowTypeA.midloadingobj.height / 2 - MagicShowTypeA.MidPiont.morect.offsetHeight / 2) / MagicShowTypeA.midloadingobj.height * MagicShowTypeA.bigloadingobj.height);

    MagicShowTypeA.init0();
    if (MagicShow.browser.opera) {
        MagicShowTypeA.bigshowobj.innerHTML = this.src;
        MagicShowTypeA.bigshowobj.innerHTML = "";
    }
};
MagicShowTypeA.onMidImgLoad = function() {
    aaa1 = MagicShowTypeA.midloadingobj.width / MagicShowTypeA.midshowobj.offsetWidth;
    aaa2 = MagicShowTypeA.midloadingobj.height / MagicShowTypeA.midshowobj.offsetHeight;

    aaa = Math.max(aaa1, aaa2);

    MagicShowTypeA.MidPiont.morect.offsetWidth = parseInt(MagicShowTypeA.midloadingobj.width);
    MagicShowTypeA.MidPiont.morect.offsetHeight = parseInt(MagicShowTypeA.midloadingobj.height);

    sss = "";
    if (MagicShowTypeA.MidPiont.morect.offsetWidth < MagicShowTypeA.midshowobj.offsetWidth)
        sss += "margin-left: " + parseInt((MagicShowTypeA.midshowobj.offsetWidth - MagicShowTypeA.MidPiont.morect.offsetWidth) / 2) + "px; ";
    if (MagicShowTypeA.MidPiont.morect.offsetHeight < MagicShowTypeA.midshowobj.offsetHeight)
        sss += "margin-top: " + parseInt((MagicShowTypeA.midshowobj.offsetHeight - MagicShowTypeA.MidPiont.morect.offsetHeight) / 2) + "px; ";

    MagicShowTypeA.midshowobj.innerHTML = "<img id='proA_flushimg' src=\"" + this.src + "\" height=\"" + MagicShowTypeA.MidPiont.morect.offsetHeight + "\" style=\"display:none;" + sss + "\"/>";

    sinfo = {left: 0 - MagicShowTypeA.midshowobj.offsetWidth, src: MagicShowTypeA.midtempobj.src, imgwidth: MagicShowTypeA.midtempobj.width, imgheight: MagicShowTypeA.midtempobj.height};
    einfo = {left: 0, src: this.src};
    MagicShow.ImageFilter.show(MagicShowTypeA.midshowobj, einfo, sinfo, 200, function(){MagicShowTypeA.imgMidLoaded = true; MagicShowTypeA.init0();}, MagicShowTypeA.previmg < MagicShowTypeA.currimg, function(){document.getElementById("proA_flushimg").style.display = '';});
};

MagicShowTypeA.SetBigImgPosition = function(left, top) {
    left = left || 0;
    top = top || 0;
    var pos = "";
    if (MagicShowTypeA.bigloadingobj.width <= MagicShowTypeA.bigshowobj.offsetWidth)
        pos += "center";
    else
        pos += "-" + left + "px";
    pos += " ";
    if (MagicShowTypeA.bigloadingobj.height <= MagicShowTypeA.bigshowobj.offsetHeight)
        pos += "center";
    else
        pos += "-" + top + "px";
    MagicShowTypeA.bigshowobj.style.backgroundPosition = pos;
};
MagicShowTypeA.onMidMouseMove = function(event) {
    if (!MagicShowTypeA.imgMidLoaded || !MagicShowTypeA.imgBigLoaded)
        return;

    event = event || window.event;
    MagicShowTypeA.init1();
    offset = MagicShow.getPageScroll();
    offset.offsetLeft += event.clientX - parseInt(MagicShowTypeA.MidPiont.mprect.offsetWidth / 2);
    offset.offsetTop += event.clientY - parseInt(MagicShowTypeA.MidPiont.mprect.offsetHeight / 2);


    offset.offsetLeft = Math.min(Math.max(offset.offsetLeft, MagicShowTypeA.MidPiont.minoffset.offsetLeft), MagicShowTypeA.MidPiont.maxoffset.offsetLeft);
    offset.offsetTop = Math.min(Math.max(offset.offsetTop, MagicShowTypeA.MidPiont.minoffset.offsetTop), MagicShowTypeA.MidPiont.maxoffset.offsetTop);

    MagicShowTypeA.divMidPointobj.style.left = offset.offsetLeft + 'px';
    MagicShowTypeA.divMidPointobj.style.top = offset.offsetTop + 'px';
    MagicShowTypeA.divMidPointobj.style.display = '';
if(MagicShowTypeA.MidPiont.mprect.offsetWidth>MagicShowTypeA.midloadingobj.width){
		 	MagicShowTypeA.divMidPointobj.style.left = parseInt(MagicShowTypeA.MidPiont.mprect.offsetWidth-MagicShowTypeA.midloadingobj.width+offset.offsetLeft)+ 'px';
		}
    offset.offsetLeft = parseInt((offset.offsetLeft - MagicShowTypeA.MidPiont.minoffset.offsetLeft) * MagicShowTypeA.bigloadingobj.width / MagicShowTypeA.MidPiont.morect.offsetWidth);
    offset.offsetTop = parseInt((offset.offsetTop - MagicShowTypeA.MidPiont.minoffset.offsetTop) * MagicShowTypeA.bigloadingobj.height / MagicShowTypeA.MidPiont.morect.offsetHeight);

    MagicShowTypeA.SetBigImgPosition(offset.offsetLeft, offset.offsetTop);
};
MagicShowTypeA.onMidMouseOut = function(event) {
    MagicShowTypeA.divMidPointobj.style.display = 'none';
	MagicShowTypeA.bigshowobj.style.backgroundPosition = "center center";
};

MagicShowTypeA.MidPiont = {
    minoffset : {offsetLeft: 0, offsetTop: 0},
    maxoffset : {offsetLeft: 0, offsetTop: 0},
    mprect : {offsetWidth: 0, offsetHeight: 0},
    morect : {offsetWidth: 0, offsetHeight: 0}
};

MagicShowTypeA.init0 = function() {
    if (MagicShowTypeA.imgMidLoaded && MagicShowTypeA.imgBigLoaded) {

        width1 = Math.min(MagicShowTypeA.bigshowobj.offsetWidth, MagicShowTypeA.bigloadingobj.width);
        MagicShowTypeA.MidPiont.mprect.offsetWidth = parseInt(MagicShowTypeA.MidPiont.morect.offsetWidth * MagicShowTypeA.bigshowobj.offsetWidth / MagicShowTypeA.bigloadingobj.width);

        heigth1 = Math.min(MagicShowTypeA.bigshowobj.offsetHeight, MagicShowTypeA.bigloadingobj.height);
        MagicShowTypeA.MidPiont.mprect.offsetHeight = parseInt(MagicShowTypeA.MidPiont.morect.offsetHeight * heigth1 / MagicShowTypeA.bigloadingobj.height);


        MagicShowTypeA.init1();

        MagicShowTypeA.divMidPointobj.style.left = MagicShowTypeA.MidPiont.minoffset.offsetLeft + 'px';
        MagicShowTypeA.divMidPointobj.style.top = MagicShowTypeA.MidPiont.minoffset.offsetTop + 'px';
        MagicShowTypeA.divMidPointobj.style.width = MagicShowTypeA.MidPiont.mprect.offsetWidth + 'px';
        MagicShowTypeA.divMidPointobj.style.height = MagicShowTypeA.MidPiont.mprect.offsetHeight + 'px';
		if(MagicShowTypeA.MidPiont.mprect.offsetWidth>MagicShowTypeA.midloadingobj.width){
		 	MagicShowTypeA.divMidPointobj.style.width = MagicShowTypeA.midloadingobj.width+ 'px';
		}
        MagicShow.addEvent(MagicShowTypeA.midshowobj, "mouseout", MagicShowTypeA.onMidMouseOut);
        MagicShow.addEvent(MagicShowTypeA.midshowobj, "mousemove", MagicShowTypeA.onMidMouseMove);
        MagicShow.addEvent(MagicShowTypeA.divMidPointobj, "mousemove", MagicShowTypeA.onMidMouseMove);
        MagicShow.addEvent(MagicShowTypeA.divMidPointobj, "mouseout", MagicShowTypeA.onMidMouseOut);
    }
};

MagicShowTypeA.init1 = function() {
    if (MagicShowTypeA.imgMidLoaded && MagicShowTypeA.imgBigLoaded) {

        offset = MagicShow.getOffset(MagicShowTypeA.midshowobj);
        offset.offsetTop += parseInt((MagicShowTypeA.midshowobj.offsetHeight - MagicShowTypeA.MidPiont.morect.offsetHeight) / 2);
        offset.offsetLeft += parseInt((MagicShowTypeA.midshowobj.offsetWidth - MagicShowTypeA.MidPiont.morect.offsetWidth) / 2);

        MagicShowTypeA.MidPiont.minoffset.offsetLeft = offset.offsetLeft;
        MagicShowTypeA.MidPiont.minoffset.offsetTop = offset.offsetTop;
        MagicShowTypeA.MidPiont.maxoffset.offsetLeft = offset.offsetLeft + MagicShowTypeA.MidPiont.morect.offsetWidth - MagicShowTypeA.MidPiont.mprect.offsetWidth + ((MagicShowTypeA.midshowobj.offsetWidth - MagicShowTypeA.MidPiont.morect.offsetWidth) % 2) - 2;
        MagicShowTypeA.MidPiont.maxoffset.offsetTop = offset.offsetTop + MagicShowTypeA.MidPiont.morect.offsetHeight - MagicShowTypeA.MidPiont.mprect.offsetHeight + ((MagicShowTypeA.midshowobj.offsetHeight - MagicShowTypeA.MidPiont.morect.offsetHeight) % 2) - 2;
    }
};

MagicShowTypeA.onMouseScroll = function(event) {
    event = event || window.event;

    var direct = 0;
    if (event.wheelDelta)
        direct = event.wheelDelta > 0 ? -1 : 1;
    else if (event.detail)
        direct = event.detail < 0 ? -1 : 1;

	/*
    if (MagicShowTypeA.currimg + direct < MagicShowTypeA.MagicShow.msSmallImg.length && MagicShowTypeA.currimg + direct >= 0) {
        var iindex = (MagicShowTypeA.currimg + direct + MagicShowTypeA.smallimgs) % MagicShowTypeA.smallimgs;

        if ((iindex == 0 && direct == 1) || (MagicShowTypeA.currimg % MagicShowTypeA.smallimgs == 0 && direct == -1))
            MagicShowTypeA.ChangePage(direct, iindex);
        else
            MagicShowTypeA.ChangeImage(iindex);
    }
	*/
    MagicShowTypeA.ChangePage(direct);

    MagicShow.doane(event);
};

MagicShowTypeA.ChangeImage = function(index) {
	var CurPosationIndex = index;//CurPosationIndex is Current <li> Posation 2009-12-16 anmingxi 
    MagicShow.ImageFilter.stop();
    soffset = MagicShowTypeA.smalloffset;

	if (index == MagicShowTypeA.smallimgs - 1 && MagicShowTypeA.MagicShow.msSmallImg.length > MagicShowTypeA.smallimgs) {
		index += MagicShowTypeA.smalloffset;
		soffset = Math.min(soffset + 1, MagicShowTypeA.MagicShow.msSmallImg.length - MagicShowTypeA.smallimgs);

		for (var i=0; i < MagicShowTypeA.smallimgs; i++) {
			MagicShowTypeA.smallimgloadobjs[i].src = MagicShowTypeA.MagicShow.msSmallImg[soffset + i];
			MagicShowTypeA.smallimgobjs[i].parentNode.style.display = "";
		}
		MagicShowTypeA.smalloffset = soffset;
	} else if (index == 0 && soffset != 0) {
		index += MagicShowTypeA.smalloffset;	
		soffset = Math.max(soffset - 1, 0);

		for (var i=0; i < MagicShowTypeA.smallimgs; i++) {
			MagicShowTypeA.smallimgloadobjs[i].src = MagicShowTypeA.MagicShow.msSmallImg[soffset + i];
			MagicShowTypeA.smallimgobjs[i].parentNode.style.display = "";
		}
		MagicShowTypeA.smalloffset = soffset;
	}else
	{
		index += MagicShowTypeA.smalloffset;
	}

    if (MagicShowTypeA.currimg == index || index >= MagicShowTypeA.MagicShow.msSmallImg.length)
        return;

	//Disable button start
	if(index == 0 && soffset == 0)
	{
		document.getElementById("btnpreA").className = "pro_inf0302_btn pro_inf0302_btn_prveH";
	}
	else
	{
		document.getElementById("btnpreA").className = "pro_inf0302_btn pro_inf0302_btn_prve";
	}
	if(((index+1) == MagicShowTypeA.MagicShow.msSmallImg.length))
	{
		document.getElementById("btnnextA").className = "pro_inf0302_btn pro_inf0302_btn_nextH";
	}
	else
	{
		document.getElementById("btnnextA").className = "pro_inf0302_btn pro_inf0302_btn_next";
	}
	//Disable button end
	
	MagicShowTypeA.MidPiont = {
        minoffset : {offsetLeft: 0, offsetTop: 0},
        maxoffset : {offsetLeft: 0, offsetTop: 0},
        mprect : {offsetWidth: 0, offsetHeight: 0},
        morect : {offsetWidth: 0, offsetHeight: 0}
    };

    MagicShowTypeA.midshowobj.innerHTML = "";
    //add smallImg selected style 2009-12-16 create 
    MagicShowTypeA.smallimgobjs[Math.max(MagicShowTypeA.currimg, 0) % MagicShowTypeA.smallimgs].className = "div_pro_inf_gdimg";
    MagicShowTypeA.previmg = MagicShowTypeA.currimg;
    MagicShowTypeA.currimg = index;
	//add smallImg selected style 2009-12-16 create 
	if(CurPosationIndex==3 && MagicShowTypeA.currimg==MagicShowTypeA.MagicShow.msSmallImg.length-1)
	{
		MagicShowTypeA.smallimgobjs[3].className = "div_pro_inf_cur_gdimg";
		MagicShowTypeA.smallimgobjs[2].className = "div_pro_inf_gdimg";
		MagicShowTypeA.smallimgobjs[1].className = "div_pro_inf_gdimg";
		MagicShowTypeA.smallimgobjs[0].className = "div_pro_inf_gdimg";
	}
	else if(CurPosationIndex==3 && MagicShowTypeA.currimg!=MagicShowTypeA.MagicShow.msSmallImg.length-1)
	{
		MagicShowTypeA.smallimgobjs[2].className = "div_pro_inf_cur_gdimg";
		MagicShowTypeA.smallimgobjs[0].className = "div_pro_inf_gdimg";
		MagicShowTypeA.smallimgobjs[1].className = "div_pro_inf_gdimg";
		MagicShowTypeA.smallimgobjs[3].className = "div_pro_inf_gdimg";
	}
	else if(CurPosationIndex==0 && MagicShowTypeA.currimg!=0)
	{
		MagicShowTypeA.smallimgobjs[1].className = "div_pro_inf_cur_gdimg";	
		MagicShowTypeA.smallimgobjs[0].className = "div_pro_inf_gdimg";	
		MagicShowTypeA.smallimgobjs[2].className = "div_pro_inf_gdimg";	
		MagicShowTypeA.smallimgobjs[3].className = "div_pro_inf_gdimg";	
	}
	else if(CurPosationIndex==0 && MagicShowTypeA.currimg==0)
	{
		MagicShowTypeA.smallimgobjs[0].className = "div_pro_inf_cur_gdimg";	
		MagicShowTypeA.smallimgobjs[1].className = "div_pro_inf_gdimg";	
		MagicShowTypeA.smallimgobjs[2].className = "div_pro_inf_gdimg";	
		MagicShowTypeA.smallimgobjs[3].className = "div_pro_inf_gdimg";	
	}
	else
	{
		MagicShowTypeA.smallimgobjs[CurPosationIndex].className = "div_pro_inf_cur_gdimg";	
		for(var i=0;i<4;i++)
		{
			if(i!=CurPosationIndex)
			{
				MagicShowTypeA.smallimgobjs[i].className = "div_pro_inf_gdimg";	
			}
		}
	}
    
   //alert(MagicShowTypeA.currimg+'**'+ MagicShowTypeA.smallimgs+"-index-"+index+"CurPosationIndex"+CurPosationIndex+"(len)"+MagicShowTypeA.MagicShow.msSmallImg.length);
    MagicShowTypeA.midshowobj.style.backgroundImage = "";
    MagicShowTypeA.bigshowobj.style.backgroundImage = "";
    MagicShowTypeA.bigshowobj.style.backgroundPosition = "center center";
    MagicShowTypeA.imgBigLoaded = false;
    MagicShowTypeA.imgMidLoaded = false;
    MagicShowTypeA.bigloadingobj.src = MagicShowTypeA.MagicShow.msBigImg[index];
    if(MagicShowTypeA.midloadingobj.src == "")
	{
		MagicShowTypeA.midtempobj.src = MagicShowTypeA.MagicShow.msBigImg[index];
	}
	else
	{
		MagicShowTypeA.midtempobj.src = MagicShowTypeA.midloadingobj.src;
	}
    MagicShowTypeA.midloadingobj.src = MagicShowTypeA.MagicShow.msMidImg[index];

    MagicShowTypeA.divMidPointobj.style.display = 'none';
    //MagicShowTypeA.divMidPointobj.style.display = '';
    if (MagicShow.browser.opera) {
        MagicShowTypeA.bigshowobj.innerHTML = this.src;
        MagicShowTypeA.bigshowobj.innerHTML = "";
    }
};

MagicShowTypeA.ChangePage = function(index, imgindex) {
	ioffset = Math.max(0, MagicShowTypeA.currimg + index - MagicShowTypeA.smalloffset);
	ioffset = Math.min(ioffset, MagicShowTypeA.smallimgs - 1);
	MagicShowTypeA.ChangeImage(ioffset);

	//imgindex = imgindex || 0;
//    index += MagicShowTypeA.smallpage;
//    index = Math.min(MagicShowTypeA.smallpages - 1, Math.max(index, 0));
//    if (MagicShowTypeA.smallpage != index) {
//        MagicShowTypeA.smallpage = index;
//        MagicShowTypeA.ChangeImage(imgindex);
//    }
//    else
//        MagicShowTypeA.smallpage = index;
//
//    index = index * MagicShowTypeA.smallimgs;
//    for (var i=0; i < MagicShowTypeA.smallimgs; i++) {
//        if (index + i < MagicShowTypeA.MagicShow.msSmallImg.length) {
//			MagicShowTypeA.smallimgloadobjs[i].src = MagicShowTypeA.MagicShow.msSmallImg[index + i];
//           // MagicShowTypeA.smallimgobjs[i].style.backgroundImage = "url(" + MagicShowTypeA.MagicShow.msSmallImg[index + i] + ")";
//            MagicShowTypeA.smallimgobjs[i].parentNode.style.display = "";
//        }
//        else {
//            MagicShowTypeA.smallimgobjs[i].style.backgroundImage = "";
//            MagicShowTypeA.smallimgobjs[i].parentNode.style.display = "none";
//        }
//    }
};

MagicShowTypeA.init = function(obj){
    MagicShowTypeA.MagicShow = obj;
    MagicShowTypeA.smallpage = 0;
    MagicShowTypeA.smallpages = parseInt(MagicShowTypeA.MagicShow.msSmallImg.length / MagicShowTypeA.smallimgs) + (MagicShowTypeA.MagicShow.msSmallImg.length % MagicShowTypeA.smallimgs == 0 ? 0 : 1);

    MagicShowTypeA.bigloadingobj = document.createElement("img");
    MagicShowTypeA.midloadingobj = document.createElement("img");
    MagicShowTypeA.midtempobj = document.createElement("img");
    MagicShowTypeA.bigloadingobj.onload = MagicShowTypeA.onBigImgLoad;
    MagicShowTypeA.midloadingobj.onload = MagicShowTypeA.onMidImgLoad;
	MagicShowTypeA.bigloadingobj.onerror=MagicShowTypeA.onerrorImgLoad;
	MagicShowTypeA.midloadingobj.onerror=MagicShowTypeA.onerrorImgLoad;
    //MagicShow.addEvent(MagicShowTypeA.bigloadingobj, "load", MagicShowTypeA.onBigImgLoad);
    //MagicShow.addEvent(MagicShowTypeA.midloadingobj, "load", MagicShowTypeA.onMidImgLoad);

    str = "";
    str += "<div class=\"pro_inf0302_bigimgk\">";
    str += "    <div class=\"pro_inf0302_upimg\">";
    str += "    	<div class=\"" + (MagicShow.bExpaired ? "pro_inf_expaired_img" : "pro_inf_expaired_noimg") + "\"></div>";
    str += "        <div style=\"margin-top:0px\" ><div class=\"pro_inf0302_upimg1\" id=\"" + MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.midshowid + "\"></div></div>";
    str += "    </div>";
    str += "    <div class=\"pro_inf_midpoint\" style=\"display: none;\" id=\"" + MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.divMidPointid + "\"></div>";
    str += "    <div class=\"pro_inf0302_downimg\" id=\"" + MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.smallscrollid + "\">";
    str += "        <div id=\"btnpreA\" class=\"pro_inf0302_btn pro_inf0302_btn_prve\" onclick=\"MagicShowTypeA.ChangePage(-1)\"></div>";
    str += "        <div class=\"pro_inf0302_center\">";
    str += "            <ul class=\"pro_inf0302_gdimg\">";
    for (var i=0; i < MagicShowTypeA.smallimgs; i++) {
        MagicShowTypeA.smallimgids.push(MagicShowTypeA.smallimgid + i);
        if (i < MagicShowTypeA.MagicShow.msSmallImg.length)
            str += "        <li><a  class=\"div_pro_inf_gdimg\" id=\"" + MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.smallimgid + i + "\" href=\"javascript:void(0);\" onclick=\"MagicShowTypeA.ChangeImage(" + i + ")\");\"><img id=\"" + MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.smallimgobjid + i + "\" border=\"0\" src=\""+MagicShowTypeA.MagicShow.msSmallImg[i]+"\" /></a></li>";
        else
            str += "        <li style=\"display: none;\"><a  class=\"div_pro_inf_gdimg\" id=\"" + MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.smallimgid + i + "\" href=\"javascript:void(0);\" onclick=\"MagicShowTypeA.ChangeImage(" + i + ")\"><img border=\"0\"  id=\"" + MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.smallimgobjid + i + "\" /></a></li>";
    }
    str += "            </ul>";
    str += "        </div>";
    str += "        <div id=\"btnnextA\" class=\"pro_inf0302_btn pro_inf0302_btn_next\" onclick=\"MagicShowTypeA.ChangePage(1)\"></div>";
    str += "    </div>";
	str += "    <div style=\"text-align:center;margin:5px 0;\">";
	str += "      	<a href=\""+ MoreImageURL +"\" style=\"text-decoration:underline;color:#278BE3;\" target=\"_blank\"><b>View All Images</b></a>";
	str += "    </div>";
    str += "</div>";
    str += "<div class=\"pro_inf0302_bigimg2\" id=\"" + MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.bigshowid + "\">";
    //str += "<div id=\"" + MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.bigimgid + "\" style=\"width:468px; height:300px; background: no-repeat;\"></div>";
    str += "</div>";
    str += "<div class=\"autoaddheight\"></div>";
    MagicShowTypeA.MagicShow.msObj.innerHTML = str;

    MagicShowTypeA.bigshowobj = document.getElementById(MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.bigshowid);
    MagicShowTypeA.midshowobj = document.getElementById(MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.midshowid);
    MagicShowTypeA.divMidPointobj = document.getElementById(MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.divMidPointid);
    for (var i=0; i < MagicShowTypeA.smallimgs; i++) {
         MagicShowTypeA.smallimgobjs.push(document.getElementById(MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.smallimgids[i]));
		 var obj1 = document.getElementById(MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.smallimgobjid + i);
		 obj1.onerror=MagicShowTypeA.onerrorImgLoad;
		 MagicShowTypeA.smallimgloadobjs.push(obj1);
    }

    MagicShow.addEvent(document.getElementById(MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.smallscrollid), 'mousewheel', MagicShowTypeA.onMouseScroll);
    MagicShow.addEvent(document.getElementById(MagicShowTypeA.MagicShow.msObj.id + "_" + MagicShowTypeA.smallscrollid), 'DOMMouseScroll', MagicShowTypeA.onMouseScroll);

    //MagicShowTypeA.ChangePage(0);
	MagicShowTypeA.ChangeImage(0);
};

MagicShowTypeA.uninit = function(obj){
    MagicShowTypeA.bigloadingobj.onload = function(){};
    MagicShowTypeA.midloadingobj.onload = function(){};
    MagicShowTypeA.bigloadingobj = null;
    MagicShowTypeA.midloadingobj = null;
    MagicShowTypeA.midtempobj = null;

    MagicShowTypeA.imgBigLoaded = false;
    MagicShowTypeA.imgMidLoaded = false;

    MagicShowTypeA.bigimgobj = null;
    MagicShowTypeA.midimgobj = null;
    MagicShowTypeA.divMidPointobj = null;

    for (var i=0; i < MagicShowTypeA.smallimgs; i++) {
         MagicShowTypeA.smallimgids.pop();
         MagicShowTypeA.smallimgobjs.pop();
    }

    MagicShowTypeA.MidPiont = {
        minoffset : {offsetLeft: 0, offsetTop: 0},
        maxoffset : {offsetLeft: 0, offsetTop: 0},
        mprect : {offsetWidth: 0, offsetHeight: 0},
        morect : {offsetWidth: 0, offsetHeight: 0}
    };

    MagicShowTypeA.MagicShow = null;
    MagicShowTypeA.smallpage = 0;
    MagicShowTypeA.smallpages = 0;
    MagicShowTypeA.previmg = -1;
    MagicShowTypeA.currimg = -1;

    str = "";
    str += "MagicShowType: " + MagicShowTypeA.info.name + "<br />";
    str += "version: " + MagicShowTypeA.info.version + "<br />";
    str += "date: " + MagicShowTypeA.info.date + "<br />";
    str += "author: " + MagicShowTypeA.info.author + "<br />";
    return str;
};

MagicShowTypeA.register = function() {

    var found = false;
    for (var i=0; i < MagicShow.ShowType.length; i++) {
        if (MagicShow.ShowType[i].name == MagicShowTypeA.info.name) {
            found = true;
            break;
        }
    }
    if(!found) MagicShow.ShowType.push({name : MagicShowTypeA.info.name, type : MagicShowTypeA});
};

