/*
** sIFR
*/


var
	boxW = 777
,	intro = null
,	introTimer = null
,	introAuto = true
,	introPos = 0
,	introItems = 7
,	introSlideInTime = 2000
,	introSlideOutTime = 2000
,	introItemTime = 3500
,	introRulerStep = Math.round(boxW / introItems)
,	introNavH = 0
,	introContentH = 0
,	introW = 0
;


function introStop() { if (introTimer) { clearTimeout(introTimer); introTimer = null; } }


function introPause(dir)
{
	introStop();
	introAuto = !introAuto;
	if (introAuto)
		introPlay();
}


function introPlay() { introStop(); introTimer = setTimeout("introChange()", introItemTime); }


function introChange(dir, manual)
{
	
	if (!dir)
		dir = 1;

	if (manual)
		introStop();

	var next = intro.find("> .content.current").stop(true).animate({ left: (-dir * introW) + "px" }, introSlideOutTime).removeClass("current");
	next = (dir < 0) ? next.prev(".content") : next.next(".content");
	if (!next.length)
	{
		introItemTime = 3500;  // 第一条
		next = (dir < 0) ? intro.find("> .content:last") : intro.find("> .content:first");
		introPos = (dir < 0) ? introItems - 1 : 0;
	}
	else
	{
		introItemTime = 7000;  // 除第一条之外的
		introPos += dir;
	}

	

	var ruler = intro.find(".ruler > a");

	switch (introPos) {
		case introItems-1 :
			ruler.stop(true).animate({ left: (introPos * introRulerStep - 26) + "px"}, introSlideInTime);  // 最后一个
			break;
		case 0 :
		    ruler.stop(true).animate({ left: (introPos * introRulerStep + 31) + "px"}, introSlideInTime);  // 第一个
			break;
		default :
		    ruler.stop(true).animate({ left: (introPos * introRulerStep) + "px"}, introSlideInTime);
			break;
	} 

/*

	if (introPos==(introItems-1))
	{
		ruler.stop(true).animate({ left: (introPos * introRulerStep - 26) + "px"}, introSlideInTime);  // 最后一个
	} else {
		ruler.stop(true).animate({ left: (introPos * introRulerStep + 30) + "px"}, introSlideInTime);
	}
*/

	if (!next.is(":animated"))
	{
		//$("#demo").html("dir= "+ dir + "   ** introItemTime= "+ dir * introW);
		next.css("left", (dir * introW) + "px");
	}

	next.addClass("current").show().stop(true).animate({ left: "0px" }, introSlideInTime);
	ruler.find("span").text(next.find(".info > span").text());

	introItemTime = 7000;  // 除第一条之外的
	//$("#demo").html("dir= "+ dir + "   ** introItemTime= "+introItemTime);

	if (introAuto)
		introPlay();
}


function introChangeTo(item)
{
	var current = intro.find("> .content.current");
	dir = (item > introPos) ? 1 : -1;
	if (introPos != item)
		current.stop(true).animate({ left: (-dir * introW) + "px" }, introSlideOutTime).removeClass("current");
	next = intro.find("> .content:eq(" + item + ")");
	var ruler = intro.find("> .ruler > a");

	switch (item) {
		case introItems-1 :
			ruler.stop(true).animate({ left: (item * introRulerStep - 26) + "px"}, introSlideInTime);   // 最后一个要特殊处理
			break;
		case 0 :
		    ruler.stop(true).animate({ left: (item * introRulerStep + 31) + "px"}, introSlideInTime);
			break;
		default :
		    ruler.stop(true).animate({ left: (item * introRulerStep) + "px"}, introSlideInTime);
			break;
	} 

/*
	if (item==(introItems-1))
	{
		ruler.stop(true).animate({ left: (item * introRulerStep - 26) + "px"}, introSlideInTime);   // 最后一个要特殊处理
	} else {
		ruler.stop(true).animate({ left: (item * introRulerStep) + "px"}, introSlideInTime);
	}
*/

	if (introPos != item)
		next.addClass("current").css("left", (dir * introW) + "px").show().stop(true).animate({ left: "0px" }, introSlideInTime);
	ruler.find("span").text(next.find(".info > span").text());
	introPos = item;
}


var imgarr = [],imgnum;
var imgurl = ['visual_0_en.jpg','visual_1.jpg','visual_2.jpg','visual_3.jpg','visual_4.jpg','visual_5.jpg','visual_6.jpg']
for(var i=0;i<imgurl.length;i++){
		imgarr[i] = new Image();
		imgarr[i].src = "tl_files/upload/image/home/"+imgurl[i];
}
var imgbar = new Image();
imgbar.src = "images/en/ico_btn.png";



/*
** intro stuff
*/
intro = $(".intro");
if (intro.length)
{
	$.getJSON("script/en/intro_en.js", function(json)
	{
		intro.addClass("intro-scripted");
		var introNav = intro.find("> .navigation > ul");
		introItems = json.items.length;

		// data loaded from JSON, now inject it to the HTML
		for (var i = 0; i < introItems; i++)
		{
			var item = intro.find("> .content:first").clone().insertBefore(intro.find("> .ruler"));
			if (i==0)
			{
				item.find(" .photo img").attr("src", "tl_files/upload/image/home/visual_" + i + "_en.jpg").attr("alt", json.items[i].info);
			} else {
				item.find(" .photo img").attr("src", "tl_files/upload/image/home/visual_" + i + ".jpg").attr("alt", json.items[i].info);
			}
			item.find(" h2").html(json.items[i].title);
			var info = item.find(" .introcases .info");
			info.find("> span").text(json.items[i].info);
			info.find("> a").attr("href", i);
			info.find(" ~ p").remove();
			for (t in json.items[i].text)
				item.find(".introcases").append("<p>" + json.items[i].text[t] + "</p>");
		}
		intro.find("> .content:first").remove();


		/*  add box number */
		$(".intro .content").each(function (j) {
			j = j;
			$(this).addClass("item"+j);
		});


		$(".content").eq(0).addClass("casesdepict");

		// content sliding
		introContentH = 0;
		introW = intro.find("> .content:first").addClass("current").outerWidth();
		intro.find("> .content").each(function() { introContentH = Math.max($(this).outerHeight(), introContentH); }).not(":first").hide();
		//intro.height(introContentH + 30);

		
		//intro.find("> .ruler").css("padding-top", (introContentH + 10) + "px").find("a").css("left", (introPos * introRulerStep) + "px")
		intro.find("> .ruler").find("a").css("left", (introPos * introRulerStep + 31) + "px")
		/*
		if (introPos==0)
			intro.find("> .ruler").find("a").css("left", (introPos * introRulerStep + 31) + "px")  // 第一个初始化要特殊处理
		else 
			intro.find("> .ruler").find("a").css("left", (introPos * introRulerStep) + "px")
		*/

			.bind("dragstart dragend", function()
			{
				$(this).stop(true).toggleClass("drag");
				introStop();
			})
			.bind("drag", function(event)
			{
				var offset = $(this).parent().offset();
				var max_x = (introItems - 1) * introRulerStep - 26;
				var x = Math.min(max_x, Math.max(0, event.offsetX - offset.left - 34));
				$(this).css("left", x + "px");
				x = Math.round(x / introRulerStep);
				$(this).find("span").text(intro.find("> .content:eq(" + x + ") .info > span:first").text());
			})
			.bind("dragend", function(event)
			{
				var offset = $(this).parent().offset();
				var max_x = (introItems - 1) * introRulerStep - 26;
				var x = Math.round(Math.min(max_x, Math.max(0, event.offsetX - offset.left - 34)) / introRulerStep);

				//$("#demo").html("x= "+ x + "   ** max_x= "+ max_x );

				introChangeTo(x);
				if (introAuto)
					setTimeout("introPlay()", introSlideInTime + 1000);
			});
		

		introPlay();

		if ($.browser.msie && $.browser.version < 7)
			intro.find("> .ruler > a").attr("href", "#").click(function() { return false; });
	});
}




if ($.browser.msie)
	$("a:not([href])").attr("href", "#");