//首頁廣告區
var ad_timeout = false;
var bnr_tmp = new Array();
var now_pos = -1;
function show_banner_ad(){
	if( typeof(M_BNR) != "undefined" && typeof(M_now) != "undefined" ){
		for( var i=0; i < M_BNR.length; i++ ){
			n = M_BNR[i][0];
			obj = document.getElementById(n);
			bnr_tmp[i] = obj.innerHTML;
		}
		show_ad_change(M_BNR, M_now);
	}
}

function show_ad_change(BNR, now){

	if( typeof(BNR) == "undefined" ){
		return false;
	}
	var n, t, obj;
	if( BNR.length <= 0){
		return false;
	}

	ad_reander(BNR, now);

	t = BNR[now][1];

	if( t > 0 && BNR.length > 1){
		now ++;
		if( now >= BNR.length )
			now = 0;

		ad_timeout = window.setTimeout( function(){ show_ad_change(BNR, now); }, t);
	}
}

function ad_reander(BNR, now){
	if( typeof(BNR) == "undefined" ){
		return false;
	}

	if( now_pos == now ){
		return false;
	}

	var txt = false;
	for( var i=0; i < BNR.length; i++){
		n = BNR[i][0];
		obj = document.getElementById(n);

		//if( BNR[i][2] ){
		//	txt = document.getElementById( BNR[i][2] );
		//}
		if( obj ){
			if( i == now ){
				obj.innerHTML = bnr_tmp[i];
				obj.style.display = "";

				//if( txt ){
				//	txt.className = "ntd now";
				//}
				now_pos = now;
			}else{
				obj.innerHTML = "";
				obj.style.display = "none";

				//if( txt ){
				//	txt.className = "ntd";
				//}
			}
		}
	}
}

function ad_keepstay(now){
	if( typeof(M_BNR) != "undefined" ){
		window.clearTimeout(ad_timeout);
		ad_reander(M_BNR, now);
	}
}

function ad_normalstart(now){
	var t = M_BNR[now][1];

	if( t > 0 && M_BNR.length > 1){
		now ++;
		if( now >= M_BNR.length )
			now = 0;

		ad_timeout = window.setTimeout( function(){ show_ad_change(M_BNR, now); }, t);
	}	
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//首頁滑動區
var datce = 0;
var pant = 0;
var area_max = 0;
var absX = 0;
function set_new_prod_init(){
	var len = $j("#NewProdArea .item").size();
	var max = 0;

	for(var i=0; i <len; i++ ){
		max += $j("#NewProdArea .item").eq(i).width();
	}
	$j("#NewProdArea").width(max);
	area_max = max;

	pant = $j("#NewProdCanvs").width();

	var obj = document.getElementById("NewProdCanvs");
	absX = parseInt( getAbsoluteOffsetLeft(obj) ); //取得起始座標

	if( pant < area_max ){
		var r_pant = pant - 60; //左右各留30px保留區
		datce = Math.round( ((area_max - pant) / r_pant) * 10000 ) / 10000;
		$j("#NewProdCanvs").bind("mousemove", "move", GetMousePos);
	}
}

function GetMousePos(e){
	var obj = document.getElementById("TEST");
	var mv = 0;
	var x = (e.pageX - absX); //目前座標 - 起始座標
	
	if( x <= 30 ){
		mv = 0;
	}else if( x >= (pant - 30)){
		mv = pant - area_max;
	}else{
		var xv = x - 30;
		mv = (0 - (xv * datce));

		if( mv > 0 ) mv = 0;
		if( mv < (pant - area_max) ){
			mv = (pant - area_max);
		}
	}

	$j("#NewProdArea").css("left", mv+"px");
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//產品捲動區
var silder_init = false;
var silder_item_w = 0;
var move_flag = false;
var move_comp_1 = false;
var move_comp_2 = false;
function prod_cls_move_init(){
	var len = $j("#ProdSilder .item").size();
	var num = 4; //4個

	if( len > num ){
		var max = 0;

		for(var i=0; i <len; i++ ){
			max += $j("#ProdSilder .item").eq(i).width();
		}
		$j("#ProdSilder").width(max);
		silder_init = true;
		silder_item_w = $j("#ProdSilder .item").eq(0).width();

		//複製到另一個div
		$j("#BackSilder").width(max);
		$j("#BackSilder").html( $j("#ProdSilder").html() );
		$j("#BackSilder").css("left", max +"px");
	}else{
		$j("#BackSilder").css("display", "none");
	}
}

function move_prod_silder(n){
	if( silder_init && !move_flag ){
		var num = 4; //4個
		var total_w = silder_item_w * num; //4個總長

		//////////// 先定好位置 ////////////
		StartSilderPosition(n, 1);
		//////////// 先定好位置 ////////////

		//定好位置後，重新抓位置
		var real_pos = parseInt($j("#ProdSilder").css("left"));
		var back_pos = parseInt($j("#BackSilder").css("left"));

		if( n == -1 ){
			var real_to = real_pos - total_w;
			var back_to = back_pos - total_w;
		}else if( n == 1 ){
			var real_to = real_pos + total_w;
			var back_to = back_pos + total_w;
		}

		move_flag = true;
		move_comp_1 = false;
		move_comp_2 = false;

		$j("#ProdSilder").animate(
			{left: real_to + "px" }, 
			{
				duration: 500,
				easing: "swing",
				complete: function(){
					move_comp_1 = true;
					if( move_comp_1 && move_comp_2 ){
						move_flag = false;
						StartSilderPosition(n, 2);
					}
				}
			}
		);
		$j("#BackSilder").animate(
			{left: back_to + "px" },
			{
				duration: 500,
				easing: "swing",
				complete: function(){
					move_comp_2 = true;
					if( move_comp_1 && move_comp_2 ){
						move_flag = false;
						StartSilderPosition(n, 2);
					}
				}
			}
		);
	}
}

function StartSilderPosition(n, start){
	var num = 4; //4個
	var total_w = silder_item_w * num; //4個總長

	var width = $j("#ProdSilder").width();
	var real_pos = parseInt($j("#ProdSilder").css("left"));
	var back_pos = parseInt($j("#BackSilder").css("left"));
	var min_pos = real_pos;
	var max_pos = real_pos + width;

	if( n == -1 ){
		if( 0 >= min_pos && 0 < max_pos ){ //代表主項目在目前框架內
			var end_pos = real_pos - total_w;
			var next_width = end_pos + width;
			if( next_width <= total_w ){
				SetSilderPosition("#ProdSilder", "#BackSilder", 1);
			}
		}else{
			var end_pos = back_pos - total_w;
			var next_width = end_pos + width;
			if( next_width <= total_w ){
				SetSilderPosition("#BackSilder", "#ProdSilder", 1);
			}
		}
	}else if( n == 1 ){
		if( start == 1 ){
			if( 0 >= min_pos && 0 < max_pos ){ //代表主項目在目前框架內
				var end_pos = real_pos + total_w;
			
				if( end_pos > 0 ){
					SetSilderPosition("#ProdSilder", "#BackSilder", 2);
				}
			}else{
				var end_pos = back_pos + total_w;
				if( end_pos > 0 ){
					SetSilderPosition("#BackSilder", "#ProdSilder", 2);
				}
			}
		}
	}
}

function SetSilderPosition(left, right, type){
	var left_pos = parseInt($j(left).css("left"));
	var width = $j(left).width();

	if( type == 1 ){ //將 right 至於 left 的右側
		var pos = left_pos + width;
	}else if( type == 2 ){ //將 right 至於 left 的左側
		var pos = left_pos - width;
	}

	$j(right).css("left", pos + "px");
}


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function push_website(name, to){ //推薦網站
	var u = location.href;
	var t = name;
	var url = "";
	switch( to ){
		case 1: //to facebook
			url = "http://www.facebook.com/sharer.php?u=" + encodeURIComponent(u) + "&t=" + encodeURIComponent(t);
			break;
		case 2: //to plurk
			url = "http://www.plurk.com/?qualifier=shares&status=" .concat(encodeURIComponent(u)) .concat(" ") .concat("(") .concat(encodeURIComponent(t)) .concat(")");
			break;
		case 3: //to twitter
			url = "http://twitter.com/home/?status=" .concat(encodeURIComponent(t)) .concat(' ') .concat(encodeURIComponent(u));
			break;
	}
	window.open(url);
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//變更語言
var mIn = false;
function ShowLanguage(){
	var obj = document.getElementById("LanguageArea");
	var oX = parseInt( getAbsoluteOffsetLeft(obj) );
	var oY = parseInt( getAbsoluteOffsetTop(obj) );

	var al = document.getElementById("ShowAllLanguage");
	al.style.left = oX + "px";
	al.style.top = (oY + obj.offsetHeight + 3) + "px";

	mIn = true;

	$j("#MoveInLang").bind("mouseenter", "1", SetMoveFlag );
	$j("#MoveInLang").bind("mouseleave", "2", SetMoveFlag );

	$j(document.body).bind("click", "test", CloseLanguage );
}

function SetMoveFlag(e){
	if( e.data == "1" ){
		mIn = true;
	}else{
		mIn = false;
	}
}

function CloseLanguage(){
	if( !mIn ){
		var al = document.getElementById("ShowAllLanguage");
		al.style.left = "-1000px";
		al.style.top = "-1000px";

		$j(document.body).unbind("click");
	}
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//產品頁
function SetNowLabel(n, tp){
	var start = 1;
	while( true ){
		var obj = document.getElementById("Label" + start);
		if( obj ){
			if( start == n )
				obj.className = (tp == 1)? "item in" : "item_en in";
			else
				obj.className = (tp == 1)? "item out" : "item_en out";

			var desc = document.getElementById("ProdDesc" + start );
			if( desc ){
				if( start == n )
					desc.style.display = "";
				else
					desc.style.display = "none";
			}

			start ++;
		}else{
			break;
		}
	}
}

function PutInotAskCart(id){
	objectt_loading2("CartArea");
	xajax_put_into_cart(id);
}

function RemoveCart(id, reload){
	var re = ( typeof(reload) == "undefined" )? false : reload;
	xajax_remove_cart_prod(id, re);
}

function ShowAskCart(){
	objectt_loading("CartArea");
	xajax_show_cart();
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function SetDownloadData(id){
	var x = document.dlFrm;
	x.ID.value = id;
	x.submit();
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function objectt_loading(id, height){
	if( typeof(id) != "object" ){
		var obj = document.getElementById(id);
	}else{
		var obj = id;
	}

	var ph = "";
	if( typeof(height) != "undefined" ){
		ph = "padding-top:" + height + "px;";
	}else{
		var nH = $j(obj).height();
		var tH = (nH - 17) / 2;
		ph = "padding-top:" + tH + "px;";
	}

	obj.innerHTML = "<div style=\"text-align:center; " + ph + "\"><img src=\"images/loading.gif\" alt='' /></div>\n";
}

function objectt_loading2(id, height){
	if( typeof(id) != "object" ){
		var obj = document.getElementById(id);
	}else{
		var obj = id;
	}

	var ph = "";
	if( typeof(height) != "undefined" ){
		ph = "padding-top:" + height + "px;";
	}else{
		var nH = $j(obj).height();
		var tH = (nH - 8) / 2;
		ph = "padding-top:" + tH + "px;";
	}

	obj.innerHTML = "<div style=\"text-align:center; " + ph + "\"><img src=\"images/loading2.gif\" alt='' /></div>\n";
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function SetCategoryDisplay(id){
	var obj = document.getElementById("Category" + id );
	if( obj ){
		if( obj.style.display == "none" ){
			obj.style.display = "";
		}else{
			obj.style.display = "none";
		}
	}
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

$j(function(){
	//open pirobox
	$j().piroBox({
		my_speed: 300, //animation speed
		bg_alpha: 0.5, //background opacity
		slideShow : 'true', // true == slideshow on, false == slideshow off
		slideSpeed : 3, //slideshow 
		close_all : '.piro_close' // add class .piro_overlay(with comma)if you want overlay click close piroBox
	});
});