var getDiv=document.getElementById("pictable");
var getDiv2=document.getElementById("pictable2");

var getImg1=getDiv.getElementsByTagName("img")[0];
var src1=getImg1.src.toString();
var getImg2=getDiv.getElementsByTagName("img")[1];
var src2=getImg2.src.toString();
var getImg3=getDiv.getElementsByTagName("img")[2];
var src3=getImg3.src.toString();
var getImg4=getDiv.getElementsByTagName("img")[3];
var src4=getImg4.src.toString();
var getImg5=getDiv.getElementsByTagName("img")[4];
var src5=getImg5.src.toString();
var getImg6=getDiv2.getElementsByTagName("img")[0];
var src6=getImg6.src.toString();


var getTitle1=getDiv.getElementsByTagName("span")[0];
var title1=getTitle1.innerHTML.toString();
var getTitle2=getDiv.getElementsByTagName("span")[2];
var title2=getTitle2.innerHTML.toString();
var getTitle3=getDiv.getElementsByTagName("span")[4];
var title3=getTitle3.innerHTML.toString();
var getTitle4=getDiv.getElementsByTagName("span")[6];
var title4=getTitle4.innerHTML.toString();
var getTitle5=getDiv.getElementsByTagName("span")[8];
var title5=getTitle5.innerHTML.toString();
var getTitle6=getDiv2.getElementsByTagName("span")[0];
var title6=getTitle6.innerHTML.toString();

var getUrl1=getDiv.getElementsByTagName("span")[1];
var url1=getUrl1.innerHTML.toString();
var getUrl2=getDiv.getElementsByTagName("span")[3];
var url2=getUrl2.innerHTML.toString();
var getUrl3=getDiv.getElementsByTagName("span")[5];
var url3=getUrl3.innerHTML.toString();
var getUrl4=getDiv.getElementsByTagName("span")[7];
var url4=getUrl4.innerHTML.toString();
var getUrl5=getDiv.getElementsByTagName("span")[9];
var url5=getUrl5.innerHTML.toString();
var getUrl6=getDiv2.getElementsByTagName("span")[1];
var url6=getUrl6.innerHTML.toString();

document.writeln("<div class=\"foucs\" style=\"border-style: none; list-style-type: none; width: 235px; height: 190px; position: relative;\">");
document.writeln("<style type=\"text/css\"> ");
document.writeln(".foucs #num ul li.on,.foucs #num ul li.off{width:15px; height:15px;text-align:center; line-height:15px; margin:0px 2px;  background:#000;float:left;display:inline;cursor:pointer;color:#fff;}");
document.writeln(".foucs #num ul li.on{background:red;color:#FFFFFF;  }");
document.writeln(".foucs #con h4 a:link,.foucs #con h4 a:visited{color:Black;}");
document.writeln(".foucs #con h4 a:hover{color:Red;}");
document.writeln("</style>");


if(navigator.userAgent.indexOf("MSIE 6.0")>0)
{
document.writeln("<div id=\"foucs\" style=\"border:#C9C9C9 1px solid; width: 235px; height: 172px;\">");
}
else
{
document.writeln("<div id=\"foucs\" style=\"FILTER:progid:DXImagetransform.Microsoft.Fade (duration=0.5,overlap=1.0); border:#C9C9C9 1px solid; width: 235px; height: 172px;\">");
}


document.writeln("<div style=\"display:block\"><a href=\""+url1+"\" target=\"_blank\"><img src=\""+src1+"\" border=\"0\" width=\"234\" height=\"172\" /></a></div>");
document.writeln(" ");
document.writeln("<div style=\"display:none\"><a href=\""+url2+"\" target=\"_blank\"><img src=\""+src2+"\" border=\"0\" width=\"234\" height=\"172\" /></a></div>");
document.writeln("<div style=\"display:none\"><a href=\""+url3+"\" target=\"_blank\"><img src=\""+src3+"\" border=\"0\" width=\"234\" height=\"172\" /></a></div>");
document.writeln("<div style=\"display:none\"><a href=\""+url4+"\" target=\"_blank\"><img src=\""+src4+"\" border=\"0\" width=\"234\" height=\"172\" /></a></div>");
document.writeln("<div style=\"display:none\"><a href=\""+url5+"\" target=\"_blank\"><img src=\""+src5+"\" border=\"0\" width=\"234\" height=\"172\" /></a></div>");
document.writeln("<div style=\"display:none\"><a href=\""+url6+"\" target=\"_blank\"><img src=\""+src6+"\" border=\"0\" width=\"234\" height=\"172\" /></a></div>");
document.writeln("</div>");
document.writeln(" ");


document.writeln("<div id=\"con\" style=\"width: 235px; height: 20px; line-height: 17px; text-align: center; background-color: #FFFFFF;padding-top: 3px;\">");
document.writeln("<h4 style=\"padding: 0px; margin: 0px; display:block; font-weight: bold; font-size: 12px; color: #000000;text-align: center;\"><a href=\""+url1+"\" target=\"_blank\" style=\"text-decoration: none;font-weight: bold;\">"+title1+"</a></h4>");
document.writeln(" ");
document.writeln("<h4 style=\"padding: 0px; margin: 0px; display:none; font-weight: bold; font-size: 12px; color: #000000;text-align: center;\"><a href=\""+url2+"\" target=\"_blank\" style=\"text-decoration: none;font-weight: bold;\">"+title2+"</a></h4>");
document.writeln("<h4 style=\"padding: 0px; margin: 0px; display:none; font-weight: bold; font-size: 12px; color: #000000;text-align: center;\"><a href=\""+url3+"\" target=\"_blank\" style=\"text-decoration: none;font-weight: bold;\">"+title3+"</a></h4>");
document.writeln("<h4 style=\"padding: 0px; margin: 0px; display:none; font-weight: bold; font-size: 12px; color: #000000;text-align: center;\"><a href=\""+url4+"\" target=\"_blank\" style=\"text-decoration: none;font-weight: bold;\">"+title4+"</a></h4>");
document.writeln("<h4 style=\"padding: 0px; margin: 0px; display:none; font-weight: bold; font-size: 12px; color: #000000;text-align: center;\"><a href=\""+url5+"\" target=\"_blank\" style=\"text-decoration: none;font-weight: bold;\">"+title5+"</a></h4>");
document.writeln("<h4 style=\"padding: 0px; margin: 0px; display:none; font-weight: bold; font-size: 12px; color: #000000;text-align: center;\"><a href=\""+url6+"\" target=\"_blank\" style=\"text-decoration: none;font-weight: bold;\">"+title6+"</a></h4>");
document.writeln("</div>");
document.writeln(" ");

if(navigator.userAgent.indexOf("MSIE 6.0")>0)
{
document.writeln("<div id=\"num\" style=\"position: absolute; width: 234px; height: 18px; left: 0px; bottom: 20px\">");
document.writeln("<ul style=\"padding: 0px; margin: 0px; font-size: 10px; float: right;\">");
document.writeln("<li class=\"on\" onclick=\"Mea(0);\" onmouseover=\"clearAuto();\" onmouseout=\"setAuto()\">1</li>");
document.writeln(" ");
document.writeln("<li class=\"off\" onclick=\"Mea(1);\" onmouseover=\"clearAuto();\" onmouseout=\"setAuto()\">2</li>");
document.writeln(" ");
document.writeln("<li class=\"off\" onclick=\"Mea(2);\" onmouseover=\"clearAuto();\" onmouseout=\"setAuto()\">3</li>");
document.writeln(" ");
document.writeln("<li class=\"off\" onclick=\"Mea(3);\" onmouseover=\"clearAuto();\" onmouseout=\"setAuto()\">4</li>");
document.writeln(" ");
document.writeln("<li class=\"off\" onclick=\"Mea(4);\" onmouseover=\"clearAuto();\" onmouseout=\"setAuto()\">5</li>");
document.writeln(" ");
document.writeln("<li class=\"off\" onclick=\"Mea(5);\" onmouseover=\"clearAuto();\" onmouseout=\"setAuto()\">6</li>");
document.writeln("</ul>");
document.writeln("</div>");
document.writeln(" ");
}
else
{
document.writeln("<div id=\"num\" style=\"position: absolute; width: 234px; height: 18px; left: 0px; bottom: 15px\">");
document.writeln("<ul style=\"padding: 0px; margin: 0px; font-size: 10px; float: right;\">");
document.writeln("<li class=\"on\" onclick=\"Mea(0);\" onmouseover=\"clearAuto();\" onmouseout=\"setAuto()\">1</li>");
document.writeln(" ");
document.writeln("<li class=\"off\" onclick=\"Mea(1);\" onmouseover=\"clearAuto();\" onmouseout=\"setAuto()\">2</li>");
document.writeln(" ");
document.writeln("<li class=\"off\" onclick=\"Mea(2);\" onmouseover=\"clearAuto();\" onmouseout=\"setAuto()\">3</li>");
document.writeln(" ");
document.writeln("<li class=\"off\" onclick=\"Mea(3);\" onmouseover=\"clearAuto();\" onmouseout=\"setAuto()\">4</li>");
document.writeln(" ");
document.writeln("<li class=\"off\" onclick=\"Mea(4);\" onmouseover=\"clearAuto();\" onmouseout=\"setAuto()\">5</li>");
document.writeln(" ");
document.writeln("<li class=\"off\" onclick=\"Mea(5);\" onmouseover=\"clearAuto();\" onmouseout=\"setAuto()\">6</li>");
document.writeln("</ul>");
document.writeln("</div>");
document.writeln(" ");
}


document.writeln("<script type=\"text/javascript\"> ");
document.writeln("<!--");
document.writeln(" ");
document.writeln("     /*Ê×ÆÁ½¹µãͼjs*/");
document.writeln("var n=0;");
document.writeln("var showNum = document.getElementById(\"num\");");
document.writeln("function Mea(value){");
document.writeln("    n=value;");
document.writeln("    setBg(value);");
document.writeln("    plays(value);");
document.writeln("    cons(value);");
document.writeln("    }");
document.writeln("function setBg(value){");
document.writeln("    for(var i=0;i<6;i++)");
document.writeln("   if(value==i){");
document.writeln("        showNum.getElementsByTagName(\"li\")[i].className=\'on\';");
document.writeln("        } ");
document.writeln("    else{   ");
document.writeln("        showNum.getElementsByTagName(\"li\")[i].className=\'off\';");
document.writeln("        }  ");
document.writeln("    } ");
document.writeln("function plays(value){");
document.writeln("    try");
document.writeln("    {");
document.writeln("        with (foucs)");
document.writeln("        {");
document.writeln("            filters[0].Apply();");
document.writeln("            for(i=0;i<6;i++)i==value?children[i].style.display=\"block\":children[i].style.display=\"none\"; ");
document.writeln("            filters[0].play(); ");
document.writeln("        }");
document.writeln("    }");
document.writeln("    catch(e)");
document.writeln("    {");
document.writeln("        var divlist = document.getElementById(\"foucs\").getElementsByTagName(\"div\");");
document.writeln("        for(i=0;i<6;i++)");
document.writeln("        {");
document.writeln("            i==value?divlist[i].style.display=\"block\":divlist[i].style.display=\"none\";");
document.writeln("        }");
document.writeln("    }");
document.writeln(" ");
document.writeln("    ");
document.writeln("}");
document.writeln("function cons(value){");
document.writeln("    try");
document.writeln("    {");
document.writeln("        with (con)");
document.writeln("        {");
document.writeln("                for(i=0;i<7;i++)i==value?children[i].style.display=\"block\":children[i].style.display=\"none\";        ");
document.writeln("        }");
document.writeln("    }");
document.writeln("    catch(e)");
document.writeln("    {");
document.writeln("        var h4list = document.getElementById(\"con\").getElementsByTagName(\"h4\");");
document.writeln("        for(i=0;i<6;i++)");
document.writeln("        {");
document.writeln("            i==value?h4list[i].style.display=\"block\":h4list[i].style.display=\"none\";");
document.writeln("        }       ");
document.writeln("    }");
document.writeln("}");
document.writeln(" ");
document.writeln("function clearAuto(){clearInterval(autoStart)}");
document.writeln("function setAuto(){autoStart=setInterval(\"auto(n)\", 3000)}");
document.writeln("function auto(){");
document.writeln("    n++;");
document.writeln("    if(n>5)n=0;");
document.writeln("    Mea(n);");
document.writeln("} ");
document.writeln("function sub(){");
document.writeln("    n = n-1;");
document.writeln("    if(n<0)n=5;");
document.writeln("    Mea(n);");
document.writeln("} ");
document.writeln("setAuto();  ");
document.writeln(" ");
document.writeln("     ");
document.writeln("-->");
document.writeln("</script>");
document.writeln("</div>");