function update(o){
				//$("#loader").children().eq(1).html("Loading images ... ( "+o.loaded+" of "+o.count+")");
				
				if (o.loaded+1==o.count)o.loaded++;
				if (o.loaded/o.count*100>=_loader_width) {
					clearTimeout(_settimeout);
					$("#loader span[name=lo]").html("     "+Math.ceil(o.loaded/o.count*100)+"%");
					//$("#loader span span").eq(0).css({'width':(o.loaded/o.count*100)+"%"},100);
				}
				//$("#loader span span").eq(1).animate({'width':(o.timeout/o.count*100)+"%"},100);
				
	if (o.loaded>=o.count) $.unblockUI();

}
function preloading(t){
				

				//$("#loader").show().children('span:eq(0)').text('Wait...');
				//$("#loader span span").css('width',0);
				$.PfeLoader[t]({
					onStart:function(){
						update(this);
					},
					onChange:function(){
						update(this);
					},
					onDone:function(){
						$("#loader").fadeOut(100);
						//$("#loader span").eq(0).text("Loaded.");
					}
				})
}
$(function(){
	clearTimeout(_settimeout);		
	preloading('start');
	$("body").css("background-image","url('templates/default/images/bg.gif')");
});
function sloading(){
	_loader_width+=1;
	$("#loader span[name=lo]").html("     "+_loader_width+"%");
	//$("#loader span span").eq(0).css({'width':_loader_width+"%"});
	if (_loader_width>=_loader_n) {
		clearTimeout(_settimeout);
		return ;
	}
	_settimeout=setTimeout("sloading()",200);
}
var _loader_width=0;
var _settimeout;
var maxNum = 55;  
var minNum = 40;  
var _loader_n = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;  
/*
var params = {};   
params.wmode = "opaque";   
swfobject.embedSWF("templates/default/flash/LOGOloading2.swf", "top_flash", "305", "233", "9.0.0", "js/swfobject/expressInstall.swf","",params);
*/
//取得瀏覽器視窗高度
function getBrowserHeight() {
    if ($.browser.msie) {
        return document.compatMode == "CSS1Compat" ? document.documentElement.clientHeight :
                 document.body.clientHeight;
    } else {
        return self.innerHeight;
    }
}

//取得瀏覽器視窗寬度
function getBrowserWidth() {
    if ($.browser.msie) {
        return document.compatMode == "CSS1Compat" ? document.documentElement.clientWidth :
                 document.body.clientWidth;
    } else {
        return self.innerWidth;
    }
} 
var _left = getBrowserWidth()/2-200;
var _top = getBrowserHeight()/2-150;
$.blockUI({ message: $('#loader'),css:{width:'400px',left:_left,top:_top,cursor:null},overlayCSS:{cursor:null} });

sloading();

$(window).load(function(){
	$("#loader").fadeOut(100);
	$.unblockUI();
});

$(function(){
	if ($("#myDiv").size()>0) {
	//變數Speed為設定捲軸的速度用 越小越快
	var Speed=1;
	//接受setInterval所回傳的值
	var timer;
	//取得myDiv的參考用的變數
	var myDiv = document.getElementById("myDiv");
	//取得pic2的參考用的變數
	var pic2= document.getElementById("pic2");
	//讓pic2的innerHTML等於pic1的innerHTML
	pic2.innerHTML=document.getElementById("pic1").innerHTML;
	//用來捲動myDiv捲軸用的主程式
	function picMarquee(){
		//若pic2的寬小於myDiv的scrollLeft，表示捲軸已經過了第一行
		//所以讓Div的scrollLeft再回到原來的位置；反之 則繼續往右跑
		if(pic2.offsetWidth - myDiv.scrollLeft >= pic2.offsetWidth){
			myDiv.scrollLeft=pic2.offsetWidth;
		}else{
			myDiv.scrollLeft--;
		}
	}
	//每Speed毫秒就執行一次pciMarquee()
	timer=setInterval(picMarquee,Speed);
	//當滑鼠在myDiv上時 就停止捲動
	myDiv.onmouseover=function(){
		clearInterval(timer);
	}
	//當滑鼠離開myDiv上時 就繼續往右捲動
	myDiv.onmouseout=function(){
		timer=setInterval(picMarquee,Speed);
	}
	
	
	
	//變數Speed為設定捲軸的速度用 越小越快
	var Speed_b=1;
	//接受setInterval所回傳的值
	var timer_b;
	//取得myDiv的參考用的變數
	var myDiv_b = document.getElementById("myDiv_b");
	//取得pic2的參考用的變數
	var pic2_b= document.getElementById("pic2_b");
	//讓pic2的innerHTML等於pic1的innerHTML
	pic2_b.innerHTML=document.getElementById("pic1_b").innerHTML;
	//用來捲動myDiv捲軸用的主程式
	function picMarquee_b(){
		//若pic2的寬小於myDiv的scrollLeft，表示捲軸已經過了第一行
		//所以讓Div的scrollLeft再回到原來的位置；反之 則繼續往右跑
		if(pic2_b.offsetWidth - myDiv_b.scrollLeft >= pic2_b.offsetWidth){
			myDiv_b.scrollLeft=pic2_b.offsetWidth;
		}else{
			myDiv_b.scrollLeft--;
		}
	}
	//每Speed毫秒就執行一次pciMarquee()
	timer_b=setInterval(picMarquee_b,Speed_b);
	//當滑鼠在myDiv上時 就停止捲動
	myDiv_b.onmouseover=function(){
		clearInterval(timer_b);
	}
	//當滑鼠離開myDiv上時 就繼續往右捲動
	myDiv_b.onmouseout=function(){
		timer_b=setInterval(picMarquee_b,Speed_b);
	}
	
	
	
	
	//變數Speed為設定捲軸的速度用 越小越快
	var Speed_c=1;
	//接受setInterval所回傳的值
	var timer_c;
	//取得myDiv的參考用的變數
	var myDiv_c = document.getElementById("myDiv_c");
	//取得pic2的參考用的變數
	var pic2_c= document.getElementById("pic2_c");
	//讓pic2的innerHTML等於pic1的innerHTML
	pic2_c.innerHTML=document.getElementById("pic1_c").innerHTML;
	//用來捲動myDiv捲軸用的主程式
	function picMarquee_c(){
		//若pic2的寬小於myDiv的scrollLeft，表示捲軸已經過了第一行
		//所以讓Div的scrollLeft再回到原來的位置；反之 則繼續往右跑
		if(pic2_c.offsetWidth - myDiv_c.scrollLeft >= pic2_c.offsetWidth){
			myDiv_c.scrollLeft=pic2_c.offsetWidth;
		}else{
			myDiv_c.scrollLeft--;
		}
	}
	//每Speed毫秒就執行一次pciMarquee()
	timer_c=setInterval(picMarquee_c,Speed_c);
	//當滑鼠在myDiv上時 就停止捲動
	myDiv_c.onmouseover=function(){
		clearInterval(timer_c);
	}
	//當滑鼠離開myDiv上時 就繼續往右捲動
	myDiv_c.onmouseout=function(){
		timer_c=setInterval(picMarquee_c,Speed_c);
	}
	
	
	//變數Speed為設定捲軸的速度用 越小越快
	var Speed_d=1;
	//接受setInterval所回傳的值
	var timer_d;
	//取得myDiv的參考用的變數
	var myDiv_d = document.getElementById("myDiv_d");
	//取得pic2的參考用的變數
	var pic2_d= document.getElementById("pic2_d");
	//讓pic2的innerHTML等於pic1的innerHTML
	pic2_d.innerHTML=document.getElementById("pic1_d").innerHTML;
	//用來捲動myDiv捲軸用的主程式
	function picMarquee_d(){
		//若pic2的寬小於myDiv的scrollLeft，表示捲軸已經過了第一行
		//所以讓Div的scrollLeft再回到原來的位置；反之 則繼續往右跑
		if(pic2_d.offsetWidth - myDiv_d.scrollLeft >= pic2_d.offsetWidth){
			myDiv_d.scrollLeft=pic2_d.offsetWidth;
		}else{
			myDiv_d.scrollLeft--;
		}
	}
	//每Speed毫秒就執行一次pciMarquee()
	timer_d=setInterval(picMarquee_d,Speed_d);
	//當滑鼠在myDiv上時 就停止捲動
	myDiv_d.onmouseover=function(){
		clearInterval(timer_d);
	}
	//當滑鼠離開myDiv上時 就繼續往右捲動
	myDiv_d.onmouseout=function(){
		timer_d=setInterval(picMarquee_d,Speed_d);
	}
	}
});


$(window).load(function(){
	if ($.browser.msie) {
		document.execCommand("BackgroundImageCache",false,true);
	}

});