var strShowImg1 = "";
function Cimg1(objname,imgid){
	document.getElementById(objname).style.cssText = 'background-image: url(http://special.zhaopin.com/pageeasy/default/image_' + imgid + '.jpg);background-position: right top;';
	var arrShowImg1 = strShowImg1.split(",");
	for (var n = 1; n <= arrShowImg1.length-1; n++){
    	if (arrShowImg1[n]==imgid){
        	document.getElementById("img1"+arrShowImg1[n]).style.cssText = 'filter:alpha(opacity=100)';
        }else{
         	document.getElementById("img1"+arrShowImg1[n]).style.cssText = 'filter:alpha(opacity=30)';
       }
    }
}
function BDiv1(n){
	var nown = n;
    document.write('<div style="width:125px;top:50px;left:50px;position:absolute;background-image: url(http://special.zhaopin.com/pe-demo/demo/png/png_05.png);" id="cimg1">');
    document.write('<div style="width:125px;background-image: url(http://special.zhaopin.com/pe-demo/demo/png/png_03.png);background-repeat: no-repeat;background-position: top; padding-top:9px; padding-bottom:4px;">');
    
    document.write('<table width="112" border="0" align="center" cellpadding="0" cellspacing="0">');
    document.write('<tr><td align="right" valign="top" height="8"><a href="#" onclick="document.getElementById(\'cimg1\').style.display = \'none\';"><img src="http://special.zhaopin.com/pe-demo/demo/png/x.png" alt="点击关闭" width="8" height="8" border="0" align="absmiddle"></a></td></tr>');
    
    document.write('<tr id="imgdiv1"><td>&nbsp;<strong>Banner1推荐图片</strong></td></tr>');
    var imgnum = 0;
    for (var i = 0; i <= arrImg.length-1; i++){
        if (arrImg[i][0]==tid && arrImg[i][1]=="banner1") {
            if (imgnum == 0 && nown == 0) {
                nown = arrImg[i][2]
            }
            var nowalpha = 30;
            if (nown == arrImg[i][2]){nowalpha = 100;}
            document.write('<tr><td height="6"></td></tr><tr><td style="border: 1px solid #999999;"><a href="#" onClick="Cimg1(\'' + arrImg[i][1] + '\', \'' + arrImg[i][2] + '\');"><img src="http://special.zhaopin.com/pageeasy/default_s/image_' + arrImg[i][2] + '.jpg" width="110" border="0" style="filter:alpha(opacity='+nowalpha+')" alt="' + arrImg[i][1] + '推荐图片（图片编号：' + arrImg[i][2] + '）" id="img1' + arrImg[i][2] + '"></a></td></tr>');
            imgnum++;
            strShowImg1 = strShowImg1 + "," + arrImg[i][2];
        }
    }
    if (imgnum == 0) {
        document.getElementById('cimg1').style.display = 'none';
    }
    
    document.write('</table>');
    
    document.write('</div>');
    document.write('<div style="width:125px;height:7px;background-image: url(http://special.zhaopin.com/pe-demo/demo/png/png_07.png);"><img src="http://special.zhaopin.com/vip/css_style/8/images/blank.gif" height="7"></div>');
    document.write('</div>');  
}
/**/
var strShowImg2 = "";
function Cimg2(objname,imgid){
	document.getElementById(objname).style.cssText = 'background-image: url(http://special.zhaopin.com/pageeasy/default/image_' + imgid + '.jpg);background-position: right top;';
	var arrShowImg2 = strShowImg2.split(",");
	for (var n = 1; n <= arrShowImg2.length-1; n++){
    	if (arrShowImg2[n]==imgid){
        	document.getElementById("img2"+arrShowImg2[n]).style.cssText = 'filter:alpha(opacity=100)';
        }else{
         	document.getElementById("img2"+arrShowImg2[n]).style.cssText = 'filter:alpha(opacity=30)';
       }
    }
}
function BDiv2(n){
	var nown = n;
    document.write('<div style="width:125px;top:50px;right:50px;position:absolute;background-image: url(http://special.zhaopin.com/pe-demo/demo/png/png_05.png);" id="cimg2">');
    document.write('<div style="width:125px;background-image: url(http://special.zhaopin.com/pe-demo/demo/png/png_03.png);background-repeat: no-repeat;background-position: top; padding-top:9px; padding-bottom:4px;">');
    
    document.write('<table width="112" border="0" align="center" cellpadding="0" cellspacing="0">');
    document.write('<tr><td align="right" valign="top" height="8"><a href="#" onclick="document.getElementById(\'cimg2\').style.display = \'none\';"><img src="http://special.zhaopin.com/pe-demo/demo/png/x.png" alt="点击关闭" width="8" height="8" border="0" align="absmiddle"></a></td></tr>');
    
    document.write('<tr id="imgdiv2"><td>&nbsp;<strong>Banner2推荐图片</strong></td></tr>');
    var imgnum = 0;
    for (var i = 0; i <= arrImg.length-1; i++){
        if (arrImg[i][0]==tid && arrImg[i][1]=="banner2") {
            if (imgnum == 0 && nown == 0) {
                nown = arrImg[i][2]
            }
            var nowalpha = 30;
            if (nown == arrImg[i][2]){nowalpha = 100;}
            document.write('<tr><td height="6"></td></tr><tr><td style="border: 1px solid #999999;"><a href="#" onClick="Cimg2(\'' + arrImg[i][1] + '\', \'' + arrImg[i][2] + '\');"><img src="http://special.zhaopin.com/pageeasy/default_s/image_' + arrImg[i][2] + '.jpg" width="110" border="0" style="filter:alpha(opacity='+nowalpha+')" alt="' + arrImg[i][1] + '推荐图片（图片编号：' + arrImg[i][2] + '）" id="img2' + arrImg[i][2] + '"></a></td></tr>');
            imgnum++;
            strShowImg2 = strShowImg2 + "," + arrImg[i][2];
        }
    }
    if (imgnum == 0) {
        document.getElementById('cimg2').style.display = 'none';
    }
    
    document.write('</table>');
    
    document.write('</div>');
    document.write('<div style="width:125px;height:7px;background-image: url(http://special.zhaopin.com/pe-demo/demo/png/png_07.png);"><img src="http://special.zhaopin.com/vip/css_style/8/images/blank.gif" height="7"></div>');
    document.write('</div>');  
	document.getElementById('cimg2').style.top = document.getElementById('cimg1').offsetHeight + 50 + 10;
}
/**/
BDiv1(0);
BDiv2(0);<!--http://special.zhaopin.com/pe-demo/demo/script.html-->