﻿// JavaScript Document


var num = 0;
var timer;
$("li img").load(function () {
    num++;
    if (num == 4) {
        $("#index_pic").show();
    }
}).mouseout(function(){
     setTimeout("show()", 3500);
})
		.mouseover(function () {

		    //如果已经处于active状态，return
		    if (this.className.indexOf("active") != -1) {	       
		        return;
		    }

            clearTimeout( timer ); 

		    //active状态的图片恢复原样
		    $("li img.active").fadeTo(200, 0.6).removeClass("active").animate({ top: 5, width: 52, left: 10 }, 300).parent().css({ "color": "#aaa" });  //
           
		    //获取数据
		    var i = $(this).attr("pic");
		    var t = $(this).attr("text").split("|");

		    //当前
		    $(this).animate({ top: -5, width: 52, height: 35 }, 100).addClass("active").fadeTo(200, 1).parent().css({ "color": "white" });

		    $("#back").children().addClass("gray").end().fadeTo(500, 0.1, function () {
			    //var img = new Image();
			    //img.s
			    $(this).children("a").children("img").attr("src", "images/focus/index" + i + ".jpg").removeClass("gray");   //更改图片
			    $(this).children("a").attr("href", t[0]);
			    $(this).children("a").attr("target", t[1]);
			    $(this).fadeTo(500, 1, function () {
			        $("#frontText").html(t[0]).fadeIn(200);
			        $("#frontTextBack").html(t[0]).fadeIn(200);
			        $("#frontTextSub").html(t[1]).fadeIn(200)
			    }
			);
			})
		})


//初始第一张图片

var i = 0;

show();

function show() {
    if (i == $("li img").size()) i = 0
    $("li img").eq(i).mouseover();
    i++;
    timer=setTimeout("show()", 5500);
}
if (self.location.search != "") {
    var V = self.location.search;
    V = V.substr(1, V.length);
    eval(V);
    var json = "{";
    if (option.animate == 0) {
        $("#index_pic ul").hide();
    }
    $("#index_pic").width(option.width ? option.width : 932);
    $("#index_pic").height(option.height ? option.height : 250);
    $("#back img").width($("#index_pic").width());
    $("#back img").height($("#index_pic").height());
    $(self.parent.document.getElementById("splash")).children().height($("#index_pic").height()).width($("#index_pic").width());
}

