function GetObj(ID) {
	if (document.getElementById) {
		return document.getElementById(ID);
	}else if (document.all){
		return document.all[ID];
	}else if (document.layers) {
		return document.layers[ID];
	}else {
		return false
	}
}
function SrcType(Type, ToHide) {
	$("#"+ToHide+"Input").animate({ opacity: "hide" }, "fast",function() {	
		$("#"+Type+"Input").animate({ opacity: "show" }, "fast");
	});
}
function Toogle(Ref) {
	$("#"+Ref+"Panel").slideToggle("slow");	
}
function PopUp(Opener, PopUpID) {
    var Left,Top;
	//Popup Dimensions
	var PopUpWidth = $("#"+PopUpID).outerWidth();
	var PopUpHeight = $("#"+PopUpID).outerHeight();
	//Opener Dimensions
	var OpenerWidth = $(Opener).outerWidth();
	var OpenerHeight = $(Opener).outerHeight();
	//Get the Opener offset
	var OpenerOff = $(Opener).offset();
	//Close The PopUp if not used in 3 seconde
	var Timeout = window.setTimeout(function() {
		$("#"+PopUpID).animate({ opacity: "hide" }, "fast");					
	},3000);
	//Rest Space
	var RestLeft = $(window).width() - ((OpenerOff.left + OpenerWidth) - $(document).scrollLeft());
	var RestTop = $(window).height() - ((OpenerOff.top + OpenerHeight) - $(document).scrollTop());
	//Get the left Position
	if(RestLeft < PopUpWidth)
		Left = OpenerOff.left - PopUpWidth;	
	else
		Left = OpenerOff.left + OpenerWidth;	
	//Get the top position
	if(RestTop < PopUpHeight)
		Top = OpenerOff.top - PopUpHeight;	
	else
		Top = OpenerOff.top + OpenerHeight;
	//Set the popup position	
	$("#"+PopUpID).css("top",Top+"px");
	$("#"+PopUpID).css("left",Left+"px");
	//Show The PopUp
	$("#"+PopUpID).show("fast",function() {
		$("#"+PopUpID).mouseleave(function(){
			$("#"+PopUpID).animate({ opacity: "hide" }, "fast");
		});
	});
	$("#"+PopUpID).mouseenter(function(){
		window.clearTimeout(Timeout);
	});
}
function SendReq() {
	//Show The Load Picturs
	GetObj("MsgList").innerHTML = '';
	GetObj("Message").className = 'MsgLoad';
	$('#Message').show('slow');	
	//Create Target
	if(!GetObj("up_UploadForm")) {
		if(document.all) {
		  var myFrame = document.createElement("<iframe name='up_UploadForm'></iframe>") ;
		  myFrame.frameborder = 0;
		}else{
		  var myFrame = document.createElement("iframe") ;
		  myFrame.name = "up_UploadForm";
		  myFrame.style.border = "0px";	
		}
		myFrame.id = "up_UploadForm";
		myFrame.width = "1";
		myFrame.height = "1";
		myFrame.scrolling = "no";
		window.document.body.appendChild(myFrame);
    }
	//Add Target And Submit the Form
	GetObj("UploadForm").setAttribute('target',"up_UploadForm");
	document.forms["UploadForm"].submit();
}
function ShowMsg(Msg, Level, Image) {
	GetObj("Message").className = Level;
	$("#Message").animate({ opacity: "show" }, "fast",function() {
		
//	if(Image) Msg += '<a class="Preview" href="'+Image+'" target="_blank"> 預覽 </a>';														   
if(Image) Msg += '<img style="CURSOR:pointer;" onClick="SetName(\'\'); CloseMsg(); openImage(\''+ Image + '\');" src="images/preview.gif" />';

		GetObj("MsgList").innerHTML = Msg;
	});		
}
function CloseMsg() {
	$("#Message").hide("slow");	
}
function SetName(Path) {
/*	//Decode Url
	Path = unescape(Path);    
	var Name = Path.replace(/^.*[\/\\]/g, '');
    //Clean the extension
	var PointPos = Name.lastIndexOf('.');
	if(PointPos != -1)
		Name = Name.substr(0, PointPos);
    //Clean Space
	Name = Name.replace(/ /g, '_');
	//Clean Name
	Name = Name.replace(/[^a-zA-Z0-9_-]/g, '');
	//Set the Name
	GetObj('Name').value = Name;
*/
	GetObj('Name').value = (new Date()).getTime() * 1000 + (new Date()).getMilliseconds();

}
function SetValue(El) {
	GetObj('Txt').value += El.innerHTML;	
}
$(document).ready(function() {
    //Load The color picker
	$('#ColorPickerPanel').farbtastic(function(Color) {
		GetObj('Color').value = Color;
		GetObj('ShowColor').style.background = Color;
	});
	document.forms["UploadForm"].reset();
});