///
///
///
var temp=document.createElement("div");
temp.innerHTML="";
return $create(MySpace.UI._Popup,{title:title, content:content, callback:callback},null,null,temp.firstChild);
}
MySpace.UI.Popup.generic = function(message, buttonText, callback){
///
///
///
///
var template = document.createElement("div");
var p = MySpace.UI.Popup.create(message,MySpaceRes.Common.Attention);
p.add_button(buttonText);
template.innerHTML=message;
p.show(callback);
return p;
}
MySpace.UI.Popup.alert = function(message, callback){
///
///
new MySpace.UI.Popup.generic(message,MySpaceRes.Common.Ok,callback);
}
MySpace.UI.Popup.confirm = function(message, callback){
///
///
var p=new MySpace.UI.Popup.generic(message,MySpaceRes.Common.Yes,callback);
p.add_button(MySpaceRes.Common.No);
}
MySpace.UI.Popup.registerClass('MySpace.UI.Popup');
MySpace.WebRequest=function(){throw "Cannot instantiate static class.";}
MySpace.WebRequest.invoke = function(path, useGet, params, onSuccess, onFailure, userContext, timeout) {
///
///
///
///
///
///
///
if (!params) params = {};
var request = new Sys.Net.WebRequest();
if (!useGet) {
if(typeof params==="string")
var body = (typeof params!=="string")? Sys.Serialization.JavaScriptSerializer.serialize(params) : params;
if (body === "{}") body = "";
request.set_body(body);
}
request.set_url(Sys.Net.WebRequest._createUrl(path, (useGet)?params:{}));
request.add_completed(onComplete);
if (timeout && timeout > 0) request.set_timeout(timeout);
request.invoke();
function onComplete(response, eventArgs) {
if (response.get_responseAvailable()) {
var statusCode = response.get_statusCode();
var result = null;
try {
var contentType = response.getResponseHeader("Content-Type");
if (contentType.startsWith("application/json"))
result = response.get_object();
else if (contentType.startsWith("text/xml"))
result = response.get_xml();
else result = response.get_responseData();
} catch (ex) {}
//handle errors
if ((statusCode < 200) || (statusCode >= 300)) {
if (onFailure) {
if (!result) {
result = new Sys.Net.WebServiceError(false , "WebRequest failed for an unknown reason.", "", "");
}
result._statusCode = statusCode;
onFailure(result, userContext);
}
else {//dev doesn't want to handle the error, just alert it
var error;
if (result)
error = result.get_exceptionType() + "-- " + result.get_message();
else error = response.get_responseData();
window.alert("WebRequest Failed: "+error);
}
}
else if (onSuccess) {
onSuccess(result, userContext);
}
}
else {
var msg;
if (response.get_timedOut()) msg = "WebRequest timed out.";
else msg = "WebRequest failed for an unknown reason.";
if (onFailure) onFailure(new Sys.Net.WebServiceError(response.get_timedOut(), msg, "", ""), userContext);
else alert(msg);
}
}
return request;
}
MySpace.WebRequest.registerClass('MySpace.WebRequest');
MySpace.CMS=function(){throw "Cannot instantiate static class.";}
MySpace.CMS.cache={};
MySpace.CMS.getContent=function(placementId, callback, context){
///
///
///
var cacheItem=MySpace.CMS.cache[placementId];
if(cacheItem && new Date() < cacheItem.expire) {
callback(cacheItem.response);
return null;
}
MySpace.WebRequest.invoke("/Modules/Common/HttpHandlers/CMS.ashx", false, "placementId="+placementId, _onComplete, null, context, 0);
function _onComplete(response, eventArgs) {
var expire = new Date();
expire.setTime(expire.getTime()+120000);//2 minute cache
MySpace.CMS.cache[placementId] = {response:response,expire:expire};
if(callback) callback(response, eventArgs);
}
return null;
}
MySpace.CMS.track=function(id){
///
MySpace.WebRequest.invoke("/Modules/Common/HttpHandlers/CMSClick.ashx?_i="+id, true, null, null, Function.emptyFunction, null, 0);
}
MySpace.CMS.registerClass('MySpace.CMS');
if(!MySpace.Util){ MySpace.Util=function(){throw "Cannot instantiate static class.";} }
MySpace.Util.get_profileId=function(){
var rs = "i";
var urls = document.URL;
urls = urls.replace(/'/g,"");
var el = "friendID";
var re = new RegExp( "\\?[\\w\\W]*"+ el +"=([^\\&\\?#]*)", rs);
var arr = re.exec(urls);
if(!arr) {
elg = "groupID";
var red = new RegExp( "\\?[\\w\\W]*"+ elg +"=([^\\&\\?#]*)", rs);
arr = red.exec(urls);
}
if(arr && arr.length>1)
return arr[1];
else {
var expr = /\/([\w]*)$/i;
arr = expr.exec(urls);
if(arr && arr.length>1) {
return arr[1].toLowerCase();
} else {
return '';
}
}
}
MySpace.Util.registerClass('MySpace.Util');
//Sitewide implimentations of global controls
if(typeof MySpace.Cookies.MSCulture!=='undefined'){
var d = new Date();
MySpace.Cookies.MSCulture.get_values().timeZone=(d.getTimezoneOffset()/-60);
MySpace.Cookies.save(MySpace.Cookies.MSCulture,".myspace.com",new Date().addDays(7));
}
MySpace.CultureSwitchPrompt=function(){throw "Cannot instantiate static class.";}
MySpace.CultureSwitchPrompt.getContent=function(culture, callback, context){
///
///
///
MySpace.WebRequest.invoke("/Modules/Common/HttpHandlers/CultureSwitch.ashx", false, "culture="+culture+"&userid="+MySpace.ClientContext.UserId, _onComplete, null, context, 0);
function _onComplete(response, eventArgs) {
if(callback) callback(response, eventArgs);
}
return null;
}
MySpace.CultureSwitchPrompt.registerClass('MySpace.CultureSwitchPrompt');
MySpace.UI.Header=function(){throw "Cannot instantiate static class.";}
MySpace.UI.Header.languageLinkClick=function(culture, domain, index){
///
///
///
MySpace.CultureSwitchPrompt.getContent(culture, _contentRetrieved);
function _contentRetrieved(content){
var cspContent = Sys.Serialization.JavaScriptSerializer.deserialize(content);
var p=MySpace.UI.Popup.create('','');
p._element.innerHTML = "";
p._box = p._element.firstChild;
p.set_content(cspContent.content);
p.set_title(cspContent.header);
p.add_button(cspContent.continuebtn);
p.add_button(cspContent.cancelbtn, true).isCancel=true;
p.set_state({culture:culture, domain:domain});
p.addCssClass("popupChangeLanguage");
p.show(_popupCallback);
}
function _popupCallback(sender, args){
var state=sender.get_state();
if(args.target.isCancel) {//clicked cancel
MySpace.Cookies.MSCulture.get_values().PreferredCulturePending=culture.replace("-","*");
MySpace.Cookies.save(MySpace.Cookies.MSCulture,".myspace.com",new Date().addDays(7));
if(domain.length==0)
window.location.reload(false);
return;
}
MySpace.Cookies.MSCulture.get_values().PreferredCulturePending=culture;
MySpace.Cookies.MSCulture.get_values().PreferredCulture=culture;
MySpace.Cookies.save(MySpace.Cookies.MSCulture,".myspace.com",new Date().addDays(7));
//if they are logged in,there **SHOULD** be two radio buttons
var c=sender._box.childNodes[2].getElementsByTagName("input");
if(c[1]!=null && c[1].checked) {//Persist user's language
Sys.Net.WebServiceProxy.invoke("/Services/GeoLocation.asmx", "SavePreferredCulture", false, {culture:state.culture}, _goToDomain, _goToDomain, null, 0);
return;
}
_goToDomain();
}
function _goToDomain(){//needed for callback
if(domain.length > 0) window.location = "http://" + domain;
else window.location.reload(true);
}
}
MySpace.UI.Header.gamesLinkClick=function(gamesLink){
var prompt=MySpace.UI.Popup.create('','');
prompt._element.innerHTML = "";
prompt._box = prompt._element.firstChild;
prompt.set_content(MySpaceRes.CultureSpecific.GamesPromptEnglish + "" + MySpaceRes.International.GamesPromptLocal + "
");
prompt.set_title(MySpaceRes.International.GamesPromptTitle);
prompt.add_button(MySpaceRes.Header.Continue);
prompt.add_button(MySpaceRes.Header.Cancel, true).isCancel=true;
prompt.addCssClass("popupChangeLanguage");
prompt.show(_popupCallback);
function _popupCallback(sender, args){
if(args.target.isCancel) {//clicked cancel
return;
}
//redirect to games page
window.location = gamesLink;
}
}
MySpace.UI.Header.registerClass('MySpace.UI.Header');
MySpace.IM = function(){throw "Cannot instantiate static class.";}
MySpace.IM.get_info = function(){
switch(Sys.Browser.agent) {
case Sys.Browser.InternetExplorer:
var objMySpaceIMX = new ActiveXObject("MySpaceIMX.MySpaceIMPlugin.1");
if(typeof objMySpaceIMX === "undefined")
return {ver:null,hasSkype:null};
else {
var IMVer = 100;
if(objMySpaceIMX.GetMSIMVersion()) {
IMVer = objMySpaceIMX.GetMSIMVersion();
//Extract build num
var verArr = IMVer.split(".");
IMVer = parseInt(verArr[2],10);
}
return {ver:IMVer,hasSkype:(parseFloat(IMVer)>0)};
}
case Sys.Browser.Firefox:
if(navigator.mimeTypes || navigator.mimeTypes.length) {
var mType = navigator.mimeTypes["application/myspaceim.1"];
if(mType) return {ver:719,hasSkype:true};
mType = navigator.mimeTypes["application/myspaceim"];
if(myType) return {ver:100,hasSkype:false};
}
case Sys.Browser.Safari:
case Sys.Browser.Opera:
//Currently cannot accurately tell if these browsers have IM or not
//Cookie usually only set for IE but check just in case
if(document.cookie && document.cookie.indexOf("imyspaceim") != -1)
return {ver:100,hasSkype:null};
else
return {ver:-1,hasSkype:null};
default:
return {ver:null,hasSkype:null};
}
}
MySpace.IM.openGetIM = function(winHeight,winWidth){
///
///
var getIMurl = "http://www.myspace.com/Modules/IM/Pages/GetIM.aspx";
var winLeft = (screen.availwidth-winWidth)/2;
var winTop = (screen.availheight-winHeight)/2;
window.open(getIMurl,null,'height='+winHeight+',width='+winWidth+',left='+winLeft+',top='+winTop+',status=no,toolbar=no,menubar=no,location=no');
}
MySpace.IM.openIMById = function(friendId){
///
var ver = MySpace.IM.get_info().ver;
if (typeof ver !== "undefined" && ver != null) {
window.location.href='myim:sendIM?uID=0&cID='+friendId;
} else {
MySpace.IM.openGetIM(475,600);
}
}
MySpace.IM.openIM = function(){
MySpace.IM.openIMById(MySpace.Util.get_profileId());
}
MySpace.UI.Tooltip = function (element){
// Create the div element
this._tipDiv = document.createElement("div");
this._tipDiv.innerHTML = '';
this._tipDiv.className = 'tooltip';
MySpace.UI.Tooltip.initializeBase(this,[element]);
}
MySpace.UI.Tooltip.prototype = {
_tipDiv: null,
get_classes : function(){return this._tipDiv.firstChild.className;},
set_classes : function(value){this._tipDiv.firstChild.className = value;},
get_content : function(){return this._tipDiv.firstChild.lastChild.innerHTML;},
set_content : function(value){if (typeof(value) === 'object') {this._tipDiv.firstChild.lastChild.appendChild(value);} else {this._tipDiv.firstChild.lastChild.innerHTML = value;}},
get_tipDiv : function(){return this._tipDiv;},
set_tipDiv : function(value){this._tipDiv = value;},
initialize : function(){
// Add the div element to the current object
this._element.appendChild(this._tipDiv);
// attach a close event to the close button image
$addHandler(this._tipDiv.firstChild.firstChild,"click", Function.createDelegate(this,this.hide));
},
dispose : function(){
$clearHandlers(this._element);
MySpace.UI.Tooltip.callBaseMethod(this, 'dispose');
},
show : function(){
this._tipDiv.style.display='block';
var handler = this.get_events().getHandler('visibilityChanged');
if(handler) {
var eventArgs = new Sys.EventArgs();
handler(this, eventArgs);
}
},
hide : function(){
this._tipDiv.style.display='none';
var handler = this.get_events().getHandler('tooltipClosed');
if(handler) {
var eventArgs = new Sys.EventArgs();
handler(this, eventArgs);
}
},
add_tooltipClosed : function(handler) {
this.get_events().addHandler("tooltipClosed", handler);
},
remove_tooltipClosed : function(handler) {
this.get_events().removeHandler("tooltipClosed", handler);
},
add_visibilityChanged : function(handler) {
this.get_events().addHandler("visibilityChanged", handler);
},
remove_visibilityChanged : function(handler) {
this.get_events().removeHandler("visibilityChanged", handler);
}
}
MySpace.UI.Tooltip.registerClass('MySpace.UI.Tooltip', Sys.UI.Control);
Type.registerNamespace('MySpace.UI.TooltipBehavior');
MySpace.UI.TooltipBehavior.Hover = function(element)
{
MySpace.UI.TooltipBehavior.Hover.initializeBase(this, [element]);
}
MySpace.UI.TooltipBehavior.Hover.prototype = {
_hideDelay: 500,
_showDelay: 0,
_timerID: 0,
get_hideDelay : function(){return this._hideDelay;},
set_hideDelay : function(value){this._hideDelay = value;},
get_showDelay : function(){return this._showDelay;},
set_showDelay : function(value){this._showDelay = value;},
initialize : function(){
MySpace.UI.TooltipBehavior.Hover.callBaseMethod(this, 'initialize');
// get a ref to the base element
var el = this.get_element();
// add a mouse out handler to the tool tip div
$addHandler(el.lastChild,"mouseout", Function.createDelegate(this,this._delayedHide));
$addHandler(el,"mouseover", Function.createDelegate(this,this._delayedShow));
$addHandler(el,"mouseout", Function.createDelegate(this,this._delayedHide));
},
dispose : function(){
$clearHandlers(this.get_element().lastChild);
$clearHandlers(this.get_element());
MySpace.UI.TooltipBehavior.Hover.callBaseMethod(this, 'dispose');
},
_clearTimerID: function(){
if (this._timerID){
clearTimeout(this._timerID);
this._timerID = 0;
}
},
_hide: function(args){
this.get_element().control.hide();
},
_delayedShow: function(e){
this._clearTimerID();
this._timerID = window.setTimeout(Function.createDelegate(this,this._show),this._showDelay);
},
_show: function(e){
this.get_element().control.show();
},
_delayedHide: function(e){
this._clearTimerID();
this._timerID = window.setTimeout(Function.createDelegate(this,this._hide),this._hideDelay);
}
}
MySpace.UI.TooltipBehavior.Hover.registerClass('MySpace.UI.TooltipBehavior.Hover', Sys.UI.Behavior);
MySpace.UI.TooltipBehavior.AutoPos = function(element)
{
MySpace.UI.TooltipBehavior.AutoPos.initializeBase(this, [element]);
}
MySpace.UI.TooltipBehavior.AutoPos.prototype = {
_tipDiv: Function.emptyFunction,
_quadrants: ["origin_br arrow_rb","origin_bl arrow_lb","origin_tr arrow_rt","origin_tl arrow_lt"],
get_quadrants : function(){return this._quadrants;},
set_quadrants : function(value){this._quadrants = value;},
initialize : function(){
MySpace.UI.TooltipBehavior.AutoPos.callBaseMethod(this, 'initialize');
// get a ref to the base element
var el = this.get_element();
// get the width and height of the tipDiv for positioning
this._setTipDivWH(el.lastChild);
el.control.add_visibilityChanged(Function.createDelegate(this,this._setPos));
},
dispose : function(){
MySpace.UI.TooltipBehavior.AutoPos.callBaseMethod(this, 'dispose');
},
_setTipDivWH : function(tipDiv){
var style = tipDiv.style;
style.visibility = 'hidden';
style.display = 'block';
this._tipDiv.height = tipDiv.firstChild.clientHeight;
this._tipDiv.width = tipDiv.firstChild.clientWidth;
style.display = 'none';
style.visibility = 'visible';
},
_setPos : function(e){
var el = this.get_element();
var tipDiv = el.lastChild;
if(el.Hover){ el.Hover._clearTimerID(); }
var minX = (typeof(window.pageXOffset) !== 'undefined') ? window.pageXOffset : document.documentElement.scrollLeft;
var minY = (typeof(window.pageYOffset) !== 'undefined') ? window.pageYOffset : document.documentElement.scrollTop;
var maxX = (window.innerWidth ? window.innerWidth : document.documentElement.clientWidth);
var maxY = (window.innerHeight ? window.innerHeight : document.documentElement.clientHeight);
var quadrant = 3;
// determine the quadrant that the tooltip should appear in
quadrant = (el.offsetLeft - this._tipDiv.width > minX ?
(el.offsetTop - minY + this._tipDiv.height > maxY && el.offsetTop - (this._tipDiv.height) > minY ? 1 : 3) :
(el.offsetTop - minY + this._tipDiv.height > maxY ? 2 : 4));
var posCss = this._quadrants[quadrant-1];
tipDiv.firstChild.className = 'innerwrapper ' + posCss;
tipDiv.style.display = 'block';
}
}
MySpace.UI.TooltipBehavior.AutoPos.registerClass('MySpace.UI.TooltipBehavior.AutoPos', Sys.UI.Behavior);
MySpace.UI.getElementsByClassName = function(className, element) {
element = element || document;
className = ' ' + className + ' ';
var potentials = element.all || element.getElementsByTagName("*");
var l = potentials.length, results = [], i;
for (i = 0; i < l; i++) {
if ((' ' + potentials[i].className + ' ').indexOf(className) !== -1) {
results[results.length] = potentials[i];
}
}
return results;
};
MySpace.UI.getComputedStyle = function(node){
switch(Sys.Browser.agent) {
case Sys.Browser.Safari:
{
var s;
if(node instanceof HTMLElement){
var dv = node.ownerDocument.defaultView;
s = dv.getComputedStyle(node, null);
if(!s && node.style){
node.style.display = "";
s = dv.getComputedStyle(node, null);
}
}
return s || {};
}
case Sys.Browser.InternetExplorer:
{
// IE (as of 7) doesn't expose Element like sane browsers
return node.nodeType == 1 /* ELEMENT_NODE*/ ? node.currentStyle : {};
}
default:
{
return node instanceof HTMLElement ?
node.ownerDocument.defaultView.getComputedStyle(node, null) : {};
}
}
}
MySpace.UI.getContentBox = function(node){
// Returns an object that encodes the height
// of the node's content box, irrespective of the
// current box model.
var s=MySpace.UI.getComputedStyle(node);
var pe={
h: parseFloat(s.paddingTop)+parseFloat(s.paddingBottom),
w: parseFloat(s.paddingLeft)+parseFloat(s.paddingRight)
};
var be = {
h: (s.borderTopStyle!="none" ? parseFloat(s.borderTopWidth) : 0) + (s.borderBottomStyle!="none" ? parseFloat(s.borderBottomWidth) : 0),
w: (s.borderLeftStyle!="none" ? parseFloat(s.borderLeftWidth) : 0) + (s.borderRightStyle!="none" ? parseFloat(s.borderRightWidth) : 0)
};
return {
h: node.clientHeight - pe.h - be.h,
w: node.clientWidth - pe.w - be.w
};
}
// Function to dynamically add CSS rules to the document
MySpace.UI.addStyles=function(cssText, isFirst){
var styleSheet;
if(document.createStyleSheet){
styleSheet=document.createStyleSheet(null, isFirst ? 0 : null);
}
else{
styleSheet=document.createElement("style");
var head=document.getElementsByTagName("head")[0];
if(isFirst){
head.insertBefore(styleSheet, head.childNodes[0]);
}
else{
head.appendChild(styleSheet);
}
}
if(Sys.Browser.agent==Sys.Browser.InternetExplorer){
styleSheet.cssText=cssText;
}
else if(Sys.Browser.agent==Sys.Browser.Safari){
styleSheet.innerText=cssText;
}
else{
styleSheet.innerHTML=cssText;
}
};
//PreviewDragDrop.js
//----------------------------------------------------------
MySpace.UI._DragDropManager=function(){ };
MySpace.UI._DragDropManager.prototype={
_instance:null,
_events:null,
add_dragStart:function(a){
this.get_events().addHandler("dragStart",a)
},
remove_dragStart:function(a){
this.get_events().removeHandler("dragStart",a)
},
get_events:function(){
if(!this._events)this._events=new Sys.EventHandlerList;
return this._events
},
add_dragStop:function(a){
this.get_events().addHandler("dragStop",a)
},
remove_dragStop:function(a){
this.get_events().removeHandler("dragStop",a)
},
_getInstance:function(){
if(!this._instance){
this._instance=new MySpace.UI.GenericDragDropManager;
this._instance.initialize();
this._instance.add_dragStart(Function.createDelegate(this,this._raiseDragStart));
this._instance.add_dragStop(Function.createDelegate(this,this._raiseDragStop))
}
return this._instance
},
startDragDrop:function(dragSource,dragVisual,context){
this._getInstance().startDragDrop(dragSource,dragVisual,context)
},
registerDropTarget:function(target){
this._getInstance().registerDropTarget(target)
},
unregisterDropTarget:function(target){
this._getInstance().unregisterDropTarget(target)
},
dispose:function(){
delete this._events;
Sys.Application.unregisterDisposableObject(this);
Sys.Application.removeComponent(this)
},
_raiseDragStart:function(sender,eventArgs){
var handler=this.get_events().getHandler("dragStart");
if(handler)handler(this,eventArgs)
},
_raiseDragStop:function(sender,eventArgs){
var handler=this.get_events().getHandler("dragStop");
if(handler)handler(this,eventArgs)
}
};
MySpace.UI._DragDropManager.registerClass("MySpace.UI._DragDropManager");
MySpace.UI.DragDropManager=new MySpace.UI._DragDropManager;
MySpace.UI.DragDropEventArgs=function(dragMode,dragDataType,dragData){
this._dragMode=dragMode;
this._dataType=dragDataType;
this._data=dragData;
};
MySpace.UI.DragDropEventArgs.prototype={
get_dragMode:function(){
return this._dragMode||null
},
get_dragDataType:function(){
return this._dataType||null
},
get_dragData:function(){
return this._data||null
}
};
MySpace.UI.DragDropEventArgs.registerClass("MySpace.UI.DragDropEventArgs");
MySpace.UI.IDragSource=function(){
};
MySpace.UI.IDragSource.prototype={
get_dragDataType:function(){
throw Error.notImplemented()
},
getDragData:function(){
throw Error.notImplemented()
},
get_dragMode:function(){
throw Error.notImplemented()
},
onDragStart:function(){
throw Error.notImplemented()
},
onDrag:function(){
throw Error.notImplemented()
},
onDragEnd:function(){
throw Error.notImplemented()
}
};
MySpace.UI.IDragSource.registerInterface("MySpace.UI.IDragSource");
MySpace.UI.IDropTarget=function(){
};
MySpace.UI.IDropTarget.prototype={
get_dropTargetElement:function(){
throw Error.notImplemented()
},
canDrop:function(){
throw Error.notImplemented()
},
drop:function(){
throw Error.notImplemented()
},
onDragEnterTarget:function(){
throw Error.notImplemented()
},
onDragLeaveTarget:function(){
throw Error.notImplemented()
},
onDragInTarget:function(){
throw Error.notImplemented()
}
};
MySpace.UI.IDropTarget.registerInterface("MySpace.UI.IDropTarget");
MySpace.UI.DragMode=function(){
throw Error.invalidOperation()
};
MySpace.UI.DragMode.prototype={
Copy:0,Move:1
};
MySpace.UI.DragMode.registerEnum("MySpace.UI.DragMode");
MySpace.UI.GenericDragDropManager=function(){
MySpace.UI.GenericDragDropManager.initializeBase(this)
};
MySpace.UI.GenericDragDropManager.prototype={
_dropTargets:null,
_radius:10,
_activeDragVisual:null,
_activeContext:null,
_activeDragSource:null,
_underlyingTarget:null,
_oldOffset:null,
_potentialTarget:null,
_isDragging:false,
_mouseUpHandler:null,
_mouseMoveHandler:null,
_scrollEdgeConst:40,
_scrollByConst:10,
_scroller:null,
_scrollDeltaX:null,
_scrollDeltaY:null,
_keyPressHandler:null,
add_dragStart:function(a){
this.get_events().addHandler("dragStart",a)
},
remove_dragStart:function(a){
this.get_events().removeHandler("dragStart",a)
},
add_dragStop:function(a){
this.get_events().addHandler("dragStop",a)
},
remove_dragStop:function(a){
this.get_events().removeHandler("dragStop",a)
},
initialize:function(){
MySpace.UI.GenericDragDropManager.callBaseMethod(this,"initialize");
this._mouseUpHandler=Function.createDelegate(this,this.mouseUpHandler);
this._mouseMoveHandler=Function.createDelegate(this,this.mouseMoveHandler);
this._keyPressHandler=Function.createDelegate(this,this.keyPressHandler);
if(Sys.Browser.agent===Sys.Browser.Safari){
MySpace.UI.GenericDragDropManager.__loadSafariCompatLayer(this);
}
this._scroller=new MySpace.Timer;
this._scroller.set_interval(10);
this._scroller.add_tick(Function.createDelegate(this,this.scrollerTickHandler))
},
dispose:function(){
if(this._dropTargets){
for(var a=0;adocument.body.offsetWidth){
a.x=document.body.offsetWidth-dragVisualRect.width;
}
if(a.y<0){
a.y=0;
}
if(!isInitialDrag&&parseInt(this._activeDragVisual.style.left)==a.x&&parseInt(this._activeDragVisual.style.top)==a.y)return;
Sys.UI.DomElement.setLocation(this._activeDragVisual,a.x,a.y);
this._prepareForDomChanges();
this._activeDragSource.onDrag();
this._recoverFromDomChanges();
this._potentialTarget=this._findPotentialTarget(this._activeDragSource,this._activeDragVisual);
var b=this._potentialTarget!=this._underlyingTarget||this._potentialTarget==null;
if(b&&this._underlyingTarget!=null)this._leaveTarget(this._activeDragSource,this._underlyingTarget);
if(this._potentialTarget!=null){
if(b){
this._underlyingTarget=this._potentialTarget;
this._enterTarget(this._activeDragSource,this._underlyingTarget)
}
else{
this._moveInTarget(this._activeDragSource,this._underlyingTarget);
}
}
else{
this._underlyingTarget=null
}
this._autoScroll()
},
_wireEvents:function(){
Sys.UI.DomEvent.addHandler(document,"mouseup",this._mouseUpHandler);
Sys.UI.DomEvent.addHandler(document,"mousemove",this._mouseMoveHandler);
Sys.UI.DomEvent.addHandler(document,"keypress",this._keyPressHandler)
},
_unwireEvents:function(){
Sys.UI.DomEvent.removeHandler(document,"keypress",this._keyPressHandler);
Sys.UI.DomEvent.removeHandler(document,"mousemove",this._mouseMoveHandler);
Sys.UI.DomEvent.removeHandler(document,"mouseup",this._mouseUpHandler)
},
registerDropTarget:function(target){
if(!this._dropTargets)this._dropTargets=[];
Array.add(this._dropTargets,target);
},
unregisterDropTarget:function(target){
if(this._dropTargets)Array.remove(this._dropTargets,target)
},
mouseUpHandler:function(evt){
window._event=evt;
this._stopDragDrop(false)
},
mouseMoveHandler:function(evt){
window._event=evt;
this._drag()
},
keyPressHandler:function(evt){
window._event=evt;
var b=evt.keyCode?evt.keyCode:evt.rawEvent.keyCode;
if(b==27)this._stopDragDrop(true)
},
_autoScroll:function(){
var b=window._event,a=this.getBrowserRectangle();
if(a.width>0){
this._scrollDeltaX=this._scrollDeltaY=0;
if(b.clientXa.width-this._scrollEdgeConst)this._scrollDeltaX=this._scrollByConst;
if(b.clientYa.height-this._scrollEdgeConst)this._scrollDeltaY=this._scrollByConst;
if(this._scrollDeltaX!=0||this._scrollDeltaY!=0)this._scroller.set_enabled(true);
else this._scroller.set_enabled(false)
}
},
scrollerTickHandler:function(){
var d=document.body.scrollLeft,f=document.body.scrollTop;
// Don't scroll if already at bottom of page
var browserRect=this.getBrowserRectangle();
var scrollY=(document.documentElement.scrollTop + browserRect.height + this._scrollEdgeConst) < document.body.offsetHeight;
var scrollX=(document.documentElement.scrollLeft + browserRect.width + this._scrollEdgeConst) < document.body.offsetWidth;
window.scrollBy(scrollX ? this._scrollDeltaX : 0, scrollY ? this._scrollDeltaY : 0);
var c=document.body.scrollLeft,e=document.body.scrollTop,a=this._activeDragVisual,b={
x:parseInt(a.style.left)+(c-d),y:parseInt(a.style.top)+(e-f)
};
Sys.UI.DomElement.setLocation(a,b.x,b.y)
},
_getDropTarget:function(element){
while(element){
if(element._dropTarget!=null)return element._dropTarget;
element=element.parentNode
}
return null
},
_dragDrop:function(){
if(this._isDragging)return;
this._isDragging=true;
this._activeDragVisual.dragDrop();
document.selection.empty()
},
_moveInTarget:function(dragSource,dropTarget){
this._prepareForDomChanges();
dropTarget.onDragInTarget(dragSource.get_dragMode(),dragSource.get_dragDataType(),dragSource.getDragData(this._activeContext));
this._recoverFromDomChanges()
},
_enterTarget:function(dragSource,dropTarget){
this._prepareForDomChanges();
dropTarget.onDragEnterTarget(dragSource.get_dragMode(),dragSource.get_dragDataType(),dragSource.getDragData(this._activeContext));
this._recoverFromDomChanges()
},
_leaveTarget:function(dragSource,dropTarget){
this._prepareForDomChanges();
dropTarget.onDragLeaveTarget(dragSource.get_dragMode(),dragSource.get_dragDataType(),dragSource.getDragData(this._activeContext));
this._recoverFromDomChanges()
},
_findPotentialTarget:function(dragSource){
var f=window._event;
if(!this._dropTargets)return null;
var m=dragSource.get_dragDataType(),l=dragSource.get_dragMode(),k=dragSource.getDragData(this._activeContext),d=this.getScrollOffset(document.body,true),n=f.clientX+d.x,o=f.clientY+d.y,g={
x:n-this._radius,y:o-this._radius,width:this._radius*2,height:this._radius*2
};
for(var c=0;c0 && !Array.contains(this._allowedItemIds, data.id)){
return false;
}
if(data.DraggableListItem.get_allowedListIds().length>0 && !Array.contains(data.DraggableListItem.get_allowedListIds(), this._element.id)){
return false;
}
return true;
},
drop:function(dragMode,dataType,data){
if(dataType==="HTML"&&dragMode===MySpace.UI.DragMode.Move){
var dragVisual=data;
var c=this._findPotentialNextSibling(dragVisual);
this._setDropCueVisible(false,dragVisual);
dragVisual.parentNode.removeChild(dragVisual);
if(c)this.get_element().insertBefore(dragVisual,c);
else this.get_element().appendChild(dragVisual)
}
else{
this._setDropCueVisible(false);
}
if(this._data&&data){
var b=data;
if(this._data instanceof Array){
if(typeof this._data.add==="function"){
this._data.add(b);
}
else{
Array.add(this._data,b)
}
}
}
},
onDragEnterTarget:function(dragMode,dataType,data){
if(dataType==="HTML"){
this._setDropCueVisible(true,data);
this._validate()
}
},
onDragLeaveTarget:function(dragMode,dataType){
if(dataType==="HTML"){
this._setDropCueVisible(false);
this._validate()
}
},
onDragInTarget:function(dragMode,dataType,data){
if(dataType==="HTML")this._setDropCueVisible(true,data)
},
add_dragSuccessful: function(handler) {
this.get_events().addHandler("dragSuccessful", handler);
},
remove_dragSuccessful: function(handler) {
this.get_events().removeHandler("dragSuccessful", handler);
},
_setDropCueVisible:function(visible,dragVisual){
if(this._dropCueTemplate){
var instance=this._getDropCueTemplateInstance(dragVisual);
if(visible){
var a=this._findPotentialNextSibling(dragVisual);
this._dropCueTemplateInstance.style.width=dragVisual.offsetWidth+"px";
this._dropCueTemplateInstance.style.height=dragVisual.offsetHeight+"px";
if(!MySpace.UI.DragDropManager._getInstance().hasParent(instance)){
if(a)this.get_element().insertBefore(instance,a);
else this.get_element().appendChild(instance);
}
else if(MySpace.UI.DragDropManager._getInstance().getNextSibling(instance)!==a){
this.get_element().removeChild(instance);
if(a)this.get_element().insertBefore(instance,a);
else this.get_element().appendChild(instance)
}
}
else if(instance && MySpace.UI.DragDropManager._getInstance().hasParent(instance)){
this.get_element().removeChild(instance)
}
}
},
_getDropCueTemplateInstance:function(dragVisual){
if(!this._dropCueTemplateInstance){
this._dropCueTemplateInstance=this._dropCueTemplate.cloneNode(true);
}
return this._dropCueTemplateInstance;
},
_findPotentialNextSibling:function(dragVisual){
var dragVisualRect=Sys.UI.DomElement.getBounds(dragVisual)
var isVertical=this._direction===MySpace.UI.RepeatDirection.Vertical
var nodeRect;
for(var node=this.get_element().firstChild;node!==null;node=node.nextSibling){
if(node.innerHTML && node!==this._dropCueTemplateInstance && node!==this._emptyTemplateInstance){
nodeRect=Sys.UI.DomElement.getBounds(node);
if(!isVertical&&dragVisualRect.x<=nodeRect.x||isVertical&&(dragVisualRect.y<=nodeRect.y)){
return node
}
}
}
return null
},
_validate:function(){
var b=this._dropCueTemplateInstance==null||!MySpace.UI.DragDropManager._getInstance().hasParent(this._dropCueTemplateInstance),c=0;
for(var a=this.get_element().firstChild;a!==null;a=a.nextSibling)if(a.innerHTML&&a!==this._emptyTemplateInstance&&a!==this._dropCueTemplateInstance)c++;
if(c>0)b=false;
this._setEmptyTemplateVisible(b)
},
_setEmptyTemplateVisible:function(visible){
if(this._emptyTemplate)if(visible){
if(!this._emptyTemplateInstance)this._emptyTemplateInstance=this._emptyTemplate.cloneNode(true);
else if(!MySpace.UI.DragDropManager._getInstance().hasParent(this._emptyTemplateInstance))this.get_element().appendChild(this._emptyTemplateInstance)
}
else if(this._emptyTemplateInstance&&MySpace.UI.DragDropManager._getInstance().hasParent(this._emptyTemplateInstance))this.get_element().removeChild(this._emptyTemplateInstance)
},
_getFloatContainer:function(){
if(!this._floatContainerInstance){
this._floatContainerInstance=document.createElement(this.get_element().tagName);
var a="0px 0px 0px 0px";
this._floatContainerInstance.style.position="absolute";
this._floatContainerInstance.style.padding=a;
this._floatContainerInstance.style.margin=a;
document.body.appendChild(this._floatContainerInstance)
}
else if(!MySpace.UI.DragDropManager._getInstance().hasParent(this._floatContainerInstance))document.body.appendChild(this._floatContainerInstance);
return this._floatContainerInstance
}
};
MySpace.UI.DragDropList.registerClass("MySpace.UI.DragDropList",Sys.UI.Behavior,MySpace.UI.IDragSource,MySpace.UI.IDropTarget,Sys.IDisposable);
MySpace.UI.DraggableListItem=function(element){
MySpace.UI.DraggableListItem.initializeBase(this,[element]);
var d,a,c,b,allowedListIds=[];
this.get_data=function(){
if(d==null){
var a=this._findDragSource();
if(a!=null&&a.get_dragDataType()=="HTML")return this.get_element()
}
return d
};
this.set_data=function(a){
d=a
};
this.get_handle=function(){
return a
};
this.set_handle=function(b){
if(a!=null){
Sys.UI.DomEvent.removeHandler(a,"mousedown",this._handleMouseDown);
a.__draggableBehavior=null
}
if(b.element)b=b.element;
a=b;
a.__draggableBehavior=this;
Sys.UI.DomEvent.addHandler(a,"mousedown",this._handleMouseDown);
a.__draggableBehavior=this
a.style.zoom=1; // Need to force hasLayout to work right in IE6
};
this.get_dragVisualTemplate=function(){
return c
};
this.set_dragVisualTemplate=function(a){
c=a
};
this.get_allowedListIds=function(){
return allowedListIds;
};
this.set_allowedListIds=function(a){
allowedListIds=a;
};
this._handleMouseDown=function(b){
window._event=b;
a.__draggableBehavior._handleMouseDownInternal()
};
this._handleMouseDownInternal=function(){
var b=window._event;
if(b.button<=1){
var a=this._findDragSource();
if(a!=null){
var c=this._createDragVisual();
a.startDragDrop(this.get_element(),this.get_data(),c);
b.preventDefault()
}
}
};
this._createDragVisual=function(){
var d=window._event;
if(c!=null){
if(b==null)b=c.createInstance(this.get_element()).instanceElement;
else if(!MySpace.UI.DragDropManager._getInstance().hasParent(b))this.get_element().appendChild(b);
var a={
x:d.clientX,y:d.clientY
};
a=MySpace.UI.DragDropManager._getInstance().addPoints(a,MySpace.UI.DragDropManager._getInstance().getScrollOffset(document.body,true));
Sys.UI.DomElement.setLocation(b,a.x,a.y)
}
return b
};
this._findDragSource=function(){
var a=this.get_element();
while(a!=null){
if(a.__dragDropList!=null)return a.__dragDropList;
a=a.parentNode
}
return null
}
};
MySpace.UI.DraggableListItem.registerClass("MySpace.UI.DraggableListItem",Sys.UI.Behavior);
Sys.UI.Control.overlaps = function(r1, r2) {
var xLeft = (r1.x >= r2.x && r1.x <= (r2.x + r2.width));
var xRight = ((r1.x + r1.width) >= r2.x && (r1.x + r1.width) <= r2.x + r2.width);
var xComplete = ((r1.x < r2.x) && ((r1.x + r1.height) > (r2.x + r2.height)));
var yLeft = (r1.y >= r2.y && r1.y <= (r2.y + r2.height));
var yRight = ((r1.y + r1.height) >= r2.y && (r1.y + r1.height) <= r2.y + r2.height);
var yComplete = ((r1.y < r2.y) && ((r1.y + r1.height) > (r2.y + r2.height)));
if ((xLeft || xRight || xComplete) && (yLeft || yRight || yComplete)) {
return true;
}
return false;
}
//PreviewGlitz.js
//----------------------------------------------------------
Type.registerNamespace("MySpace.UI.Effects");
MySpace.UI.Effects.Glitz=function(){
throw Error.invalidOperation()
};
MySpace.UI.Effects.Glitz.interpolate=function(value1,value2,percentage,easingFn){
if(easingFn){percentage=100*easingFn(percentage/100);}
return value1+(value2-value1)*(percentage/100)
};
MySpace.UI.Effects.Glitz.setElementOpacity=function(a,b){
if(a.filters){
if(b==1){ // opacity=100 makes text fuzzy on IE7, so remove it
a.style.cssText=a.style.cssText.replace(/FILTER:[^;]*;?/i, "");
}
else{
a.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+b*100+")"
}
}
else a.style.opacity=b
};
MySpace.UI.Effects.Easing={
linear:function(n){
return n;
},
quadIn:function(n){
return n*n;
},
quadOut:function(n){
return n*(n-2)*-1;
},
quadInOut: function(n){
n=n*2;
if(n<1){ return Math.pow(n, 2) / 2; }
return -1 * ((--n)*(n-2) - 1) / 2;
},
quartIn: function(n){
return Math.pow(n, 4);
},
quartOut: function(n){
return -1 * (Math.pow(n-1, 4) - 1);
},
quartInOut: function(n){
n=n*2;
if(n<1){ return Math.pow(n, 4) / 2; }
n-=2;
return -1/2 * (Math.pow(n, 4) - 2);
},
circIn: function(n){
return -1 * (Math.sqrt(1 - Math.pow(n, 2)) - 1);
},
circOut: function(n){
n = n-1;
return Math.sqrt(1 - Math.pow(n, 2));
},
circInOut: function(n){
n = n*2;
if(n<1){ return -1/2 * (Math.sqrt(1 - Math.pow(n, 2)) - 1); }
n-=2;
return 1/2 * (Math.sqrt(1 - Math.pow(n, 2)) + 1);
},
backIn: function(n){
var s = 1.70158;
return Math.pow(n, 2) * ((s+1)*n - s);
},
backOut: function(n){
// summary: an easing function that pops past the range briefly, and
// slowly comes back.
n = n - 1;
var s = 1.70158;
return Math.pow(n, 2) * ((s + 1) * n + s) + 1;
},
backInOut: function(n){
var s = 1.70158 * 1.525;
n = n*2;
if(n < 1){ return (Math.pow(n, 2)*((s+1)*n - s))/2; }
n-=2;
return (Math.pow(n, 2)*((s+1)*n + s) + 2)/2;
},
elasticIn: function(n){
if(n==0){ return 0; }
if(n==1){ return 1; }
var p = .3;
var s = p/4;
n = n - 1;
return -1 * Math.pow(2,10*n) * Math.sin((n-s)*(2*Math.PI)/p);
},
elasticOut: function(n){
// summary: An easing function that elasticly snaps around the target value, near the end of the Animation
if(n==0) return 0;
if(n==1) return 1;
var p = .3;
var s = p/4;
return Math.pow(2,-10*n) * Math.sin((n-s)*(2*Math.PI)/p) + 1;
},
elasticInOut: function(n){
// summary: An easing function that elasticly snaps around the value, near the beginning and end of the Animation
if(n==0) return 0;
n = n*2;
if(n==2) return 1;
var p = .3*1.5;
var s = p/4;
if(n<1){
n-=1;
return -.5*(Math.pow(2,10*n) * Math.sin((n-s)*(2*Math.PI)/p));
}
n-=1;
return .5*(Math.pow(2,-10*n) * Math.sin((n-s)*(2*Math.PI)/p)) + 1;
},
bounceIn: function(n){
// summary: An easing function that "bounces" near the beginning of an Animation
return (1 - MySpace.UI.Effects.Easing.bounceOut(1-n)); // Decimal
},
bounceOut: function(n){
// summary: An easing function that "bounces" near the end of an Animation
var s=7.5625;
var p=2.75;
var l;
if(n < (1 / p)){
l = s*Math.pow(n, 2);
}else if(n < (2 / p)){
n -= (1.5 / p);
l = s * Math.pow(n, 2) + .75;
}else if(n < (2.5 / p)){
n -= (2.25 / p);
l = s * Math.pow(n, 2) + .9375;
}else{
n -= (2.625 / p);
l = s * Math.pow(n, 2) + .984375;
}
return l;
},
bounceInOut: function(n){
// summary: An easing function that "bounces" at the beginning and end of the Animation
if(n<0.5){ return MySpace.UI.Effects.Easing.bounceIn(n*2) / 2; }
return (MySpace.UI.Effects.Easing.bounceOut(n*2-1) / 2) + 0.5;
}
};
MySpace.UI.Effects.Animation=function(){
MySpace.UI.Effects.Animation.initializeBase(this)
};
MySpace.UI.Effects.Animation.prototype={
_duration:1,
_fps:25,
_target:null,
_tickHandler:null,
_timer:null,
_percentComplete:0,
_percentDelta:null,
_parentAnimation:null,
get_duration:function(){
return this._duration
},
set_duration:function(a){
this._duration=a
},
get_fps:function(){
return this._fps
},
set_fps:function(a){
this._fps=a
},
get_isActive:function(){
return this._timer!==null
},
get_isPlaying:function(){
return this._timer!==null&&this._timer.get_enabled()
},
get_percentComplete:function(){
return this._percentComplete
},
get_target:function(){
return this._target
},
set_target:function(a){
this._target=a
},
add_ended:function(a){
this.get_events().addHandler("ended",a)
},
remove_ended:function(a){
this.get_events().removeHandler("ended",a)
},
add_started:function(a){
this.get_events().addHandler("started",a)
},
remove_started:function(a){
this.get_events().removeHandler("started",a)
},
dispose:function(){
if(this._timer){
this._timer.dispose();
this._timer=null
}
this._tickHandler=null;
this._target=null;
MySpace.UI.Effects.Animation.callBaseMethod(this,"dispose")
},
getAnimatedValue:function(){
throw Error.notImplemented()
},
onEnd:function(){
},
onStart:function(){
},
onStep:function(percentage){
this.setValue(this.getAnimatedValue(percentage))
},
pause:function(){
if(!this._parentAnimation)if(this._timer){
this._timer.set_enabled(false);
this.raisePropertyChanged("isPlaying")
}
},
play:function(){
if(!this._parentAnimation){
var a=true;
if(!this._timer){
a=false;
if(!this._tickHandler)this._tickHandler=Function.createDelegate(this,this._onTimerTick);
this._timer=new MySpace.Timer;
this._timer.set_interval(1000/this._fps);
this._timer.add_tick(this._tickHandler);
this._percentDelta=100/(this._duration*this._fps);
this.onStart();
this._updatePercentComplete(0,true)
}
this._timer.set_enabled(true);
this.raisePropertyChanged("isPlaying");
if(!a)this.raisePropertyChanged("isActive")
}
},
setOwner:function(a){
this._parentAnimation=a
},
setValue:function(){
throw Error.notImplemented()
},
stop:function(){
if(!this._parentAnimation){
var a=this._timer;
this._timer=null;
if(a){
a.dispose();
this._updatePercentComplete(100);
this.onEnd();
var handler = this.get_events().getHandler("ended");
if (handler) {
handler(this, null);
}
this.raisePropertyChanged("isPlaying");
this.raisePropertyChanged("isActive")
}
}
},
_onTimerTick:function(){
this._updatePercentComplete(this._percentComplete+this._percentDelta,true)
},
_updatePercentComplete:function(percentComplete,animate){
if(percentComplete>100)percentComplete=100;
this._percentComplete=percentComplete;
this.raisePropertyChanged("percentComplete");
if(animate)this.onStep(percentComplete);
if(percentComplete===100)this.stop()
}
};
MySpace.UI.Effects.Animation.registerClass("MySpace.UI.Effects.Animation",Sys.Component);
MySpace.UI.Effects.PropertyAnimation=function(){
MySpace.UI.Effects.PropertyAnimation.initializeBase(this)
};
MySpace.UI.Effects.PropertyAnimation.prototype={
_property:null,
_propertyKey:null,
get_property:function(){
return this._property
},
set_property:function(a){
this._property=a
},
get_propertyKey:function(){
return this._propertyKey
},
set_propertyKey:function(a){
this._propertyKey=a
},
add_ended:function(a){
this.get_events().addHandler("ended",a)
},
remove_ended:function(a){
this.get_events().removeHandler("ended",a)
},
add_started:function(a){
this.get_events().addHandler("started",a)
},
remove_started:function(a){
this.get_events().removeHandler("started",a)
},
setValue:function(value){
if(this._propertyKey){
this.get_target()[this._property][this._propertyKey] = value;
}
else{
this.get_target()[this._property] = value;
}
}
};
MySpace.UI.Effects.PropertyAnimation.registerClass("MySpace.UI.Effects.PropertyAnimation",MySpace.UI.Effects.Animation);
MySpace.UI.Effects.InterpolatedAnimation=function(){
MySpace.UI.Effects.InterpolatedAnimation.initializeBase(this)
};
MySpace.UI.Effects.InterpolatedAnimation.prototype={
_startValue:null,
_endValue:null,
_easingFunction:null,
get_endValue:function(){
return this._endValue
},
set_endValue:function(a){
this._endValue=a
},
get_startValue:function(){
return this._startValue
},
set_startValue:function(a){
this._startValue=a
},
get_easingFunction:function(){
return this._easingFunction;
},
set_easingFunction:function(a){
this._easingFunction=a;
}
};
MySpace.UI.Effects.InterpolatedAnimation.registerClass("MySpace.UI.Effects.InterpolatedAnimation",MySpace.UI.Effects.PropertyAnimation);
MySpace.UI.Effects.DiscreteAnimation=function(){
MySpace.UI.Effects.DiscreteAnimation.initializeBase(this);
this._values=[]
};
MySpace.UI.Effects.DiscreteAnimation.prototype={
get_values:function(){
return this._values
},
set_values:function(a){
this._values=a
},
getAnimatedValue:function(percentage){
var b=Math.round(percentage/100*(this._values.length-1));
return this._values[b]
}
};
MySpace.UI.Effects.DiscreteAnimation.registerClass("MySpace.UI.Effects.DiscreteAnimation",MySpace.UI.Effects.PropertyAnimation);
MySpace.UI.Effects.NumberAnimation=function(){
MySpace.UI.Effects.NumberAnimation.initializeBase(this)
};
MySpace.UI.Effects.NumberAnimation.prototype={
_integralValues:false,
get_integralValues:function(){
return this._integralValues
},
set_integralValues:function(a){
this._integralValues=a
},
getAnimatedValue:function(percentage){
var a=MySpace.UI.Effects.Glitz.interpolate(this.get_startValue(),this.get_endValue(),percentage,this.get_easingFunction());
if(this._integralValues)a=Math.round(a);
return a
}
};
MySpace.UI.Effects.NumberAnimation.registerClass("MySpace.UI.Effects.NumberAnimation",MySpace.UI.Effects.InterpolatedAnimation);
MySpace.UI.Effects.LengthAnimation=function(){
MySpace.UI.Effects.LengthAnimation.initializeBase(this)
};
MySpace.UI.Effects.LengthAnimation.prototype={
_unit:"px",
get_unit:function(){
return this._unit
},
set_unit:function(a){
this._unit=a
},
getAnimatedValue:function(percentage){
var b=MySpace.UI.Effects.Glitz.interpolate(this.get_startValue(),this.get_endValue(),percentage,this.get_easingFunction());
return Math.round(b)+this._unit
}
};
MySpace.UI.Effects.LengthAnimation.registerClass("MySpace.UI.Effects.LengthAnimation",MySpace.UI.Effects.InterpolatedAnimation);
MySpace.UI.Effects.CompositeAnimation=function(){
MySpace.UI.Effects.CompositeAnimation.initializeBase(this);
this._animations=[];
};
MySpace.UI.Effects.CompositeAnimation.prototype={
get_animations:function(){
return this._animations
},
add_animation:function(a){
this._animations.push(a);
},
getAnimatedValue:function(){
throw Error.invalidOperation()
},
dispose:function(){
for(var a=0;a 1) : (items > 0);
},
_setOptions: function(options, inInit, gettingList) {
///
/// Set the contents of the DropDownList to the specified list
///
///
/// Hash of options (value -> description)
///
///
/// Whether this is being called from the initialize method
///
///
/// Whether we are fetching the list of options from the web service
///
///
if (!this.get_isInitialized()) {
return;
}
// Update the label
if(this._labelNode){
if(options && options._CascadingDropdownLabel){
this._labelNode.innerHTML=options._CascadingDropdownLabel;
}else{
this._labelNode.innerHTML=this._defaultLabel;
}
}
if(options){ delete options._CascadingDropdownLabel; }
var e = this.get_element();
this._clearItems();
var count = 0;
if(options){
for(var v in options){
count++;
}
}
// Populate prompt text (if available)
var headerText;
var headerValue = "";
if (gettingList && this._loadingText) {
headerText = this._loadingText;
}
else if (!gettingList && options && (count == 0) && this._emptyText) {
headerText = this._emptyText;
if (this._emptyValue) {
headerValue = this._emptyValue;
}
}
else if (this._promptText) {
headerText = this._promptText;
if (this._promptValue) {
headerValue = this._promptValue;
}
}
if (headerText) {
var optionElement = new Option(headerText, headerValue);
e.options[e.options.length] = optionElement;
}
// Add each item to the DropDownList, selecting the previously selected item
var selectedValueOption = null;
if (options) {
for (var listItemValue in options) {
var listItemName = options[listItemValue];
var optionElement = new Option(listItemName, listItemValue);
if (listItemValue == this._selectedValue) {
selectedValueOption = optionElement;
}
e.options[e.options.length] = optionElement;
}
if (selectedValueOption) {
selectedValueOption.selected = true;
}
}
// if we didn't match the selected value, and we found a default
// item, select that one.
if (selectedValueOption) {
// Call set_selectedValue to store the text as well
this.set_selectedValue(e.options[e.selectedIndex].value, e.options[e.selectedIndex].text);
}
else if (count == 1) {
// If there's only one item, default to it
var defaultIndex = this._promptText ? 1 : 0;
e.options[defaultIndex].selected = true;
this.set_selectedValue(e.options[defaultIndex].value, e.options[defaultIndex].text);
}
else if (!inInit && !gettingList && !this._promptText && (e.options.length > 0)) {
// If no prompt text or default item, select the first item
this.set_selectedValue(e.options[0].value, e.options[0].text);
}
else if (!inInit && !gettingList) {
this.set_selectedValue('', '');
}
if (e.childDropDown && !gettingList) {
for(i = 0; i < e.childDropDown.length; i++) {
e.childDropDown[i]._onParentChange();
}
}
else {
if (options && (Sys.Browser.agent !== Sys.Browser.Safari) && (Sys.Browser.agent !== Sys.Browser.Opera)) {
// Fire the onchange event for the control to notify any listeners of the change
if (document.createEvent) {
var onchangeEvent = document.createEvent('HTMLEvents');
onchangeEvent.initEvent('change', true, false);
e.dispatchEvent(onchangeEvent);
}
else if( document.createEventObject ) {
e.fireEvent('onchange');
}
}
}
// Disable the control if loading/prompt text is present and an empty list was populated
if (this._loadingText || this._promptText || this._emptyText) {
e.disabled = (count == 0);
grayOut = !options;
if (this._disableNode && (grayOut != Sys.UI.DomElement.containsCssClass(this._disableNode, this._disableClass))) {
Sys.UI.DomElement.toggleCssClass(this._disableNode, this._disableClass);
}
}
this.raisePopulated(Sys.EventArgs.Empty);
},
_onChange: function() {
if (!this._isPopulated()) {
return;
}
var e = this.get_element();
// Record the selected value in the client state
if ((-1 != e.selectedIndex) && !(this._promptText && (0 == e.selectedIndex))) {
this.set_selectedValue(e.options[e.selectedIndex].value, e.options[e.selectedIndex].text);
}
else {
this.set_selectedValue('', '');
}
},
_onParentChange: function(evt, inInit) {
var e = this.get_element();
var knownCategoryValues = {};
var parentIDs=[];
if(this._parentControlIDs){
for(var i=0;i -1;
},
'|=': function(attr, val) { return getRegExp('^' + val + '[-]?').test(attr); },
'^=': function(attr, val) { return attr.indexOf(val) === 0; },
'$=': function(attr, val) { return attr.lastIndexOf(val) === attr.length - val.length; },
'*=': function(attr, val) { return attr.indexOf(val) > -1; },
'': function(attr, val) { return attr; }
},
pseudos: {
'root': function(node) {
return node === node.ownerDocument.documentElement;
},
'nth-child': function(node, val) {
return getNth(node, val);
},
'nth-last-child': function(node, val) {
return getNth(node, val, null, true);
},
'nth-of-type': function(node, val) {
return getNth(node, val, node.tagName);
},
'nth-last-of-type': function(node, val) {
return getNth(node, val, node.tagName, true);
},
'first-child': function(node) {
return getChildren(node.parentNode)[0] === node;
},
'last-child': function(node) {
var children = getChildren(node.parentNode);
return children[children.length - 1] === node;
},
'first-of-type': function(node, val) {
return getChildren(node.parentNode, node.tagName.toLowerCase())[0];
},
'last-of-type': function(node, val) {
var children = getChildren(node.parentNode, node.tagName.toLowerCase());
return children[children.length - 1];
},
'only-child': function(node) {
var children = getChildren(node.parentNode);
return children.length === 1 && children[0] === node;
},
'only-of-type': function(node) {
return getChildren(node.parentNode, node.tagName.toLowerCase()).length === 1;
},
'empty': function(node) {
return node.childNodes.length === 0;
},
'not': function(node, simple) {
return !Selector.test(node, simple);
},
'contains': function(node, str) {
var text = node.innerText || node.textContent || '';
return text.indexOf(str) > -1;
},
'checked': function(node) {
return node.checked === true;
}
},
test: function(node, selector) {
node = Selector.document.getElementById(node) || node;
if (!node) {
return false;
}
var groups = selector ? selector.split(',') : [];
if (groups.length) {
for (var i = 0, len = groups.length; i < len; ++i) {
if ( rTestNode(node, groups[i]) ) {
return true;
}
}
return false;
}
return rTestNode(node, selector);
},
filter: function(nodes, selector) {
nodes = nodes || [];
var node,
result = [],
tokens = tokenize(selector);
if (!nodes.item) {
for (var i = 0, len = nodes.length; i < len; ++i) {
if (!nodes[i].tagName) {
node = Selector.document.getElementById(nodes[i]);
if (node) {
nodes[i] = node;
} else {
// skip invalid node
}
}
}
}
result = rFilter(nodes, tokenize(selector)[0]);
clearParentCache();
return result;
},
query: function(selector, root, firstOnly) {
var result = query(selector, root, firstOnly);
return result;
}
};
var query = function(selector, root, firstOnly, deDupe) {
var result = (firstOnly) ? null : [];
if (!selector) {
return result;
}
var groups = selector.split(',');
if (groups.length > 1) {
var found;
for (var i = 0, len = groups.length; i < len; ++i) {
found = arguments.callee(groups[i], root, firstOnly, true);
result = firstOnly ? found : result.concat(found);
}
clearFoundCache();
return result;
}
if (root && !root.nodeName) {
root = Selector.document.getElementById(root);
if (!root) {
return result;
}
}
root = root || Selector.document;
var tokens = tokenize(selector);
var idToken = tokens[getIdTokenIndex(tokens)],
nodes = [],
node,
id,
token = tokens.pop() || {};
if (idToken) {
id = getId(idToken.attributes);
}
if (id) {
if (id === token.id) {
nodes = [Selector.document.getElementById(id)] || root;
} else {
node = Selector.document.getElementById(id);
if (root === Selector.document || contains(node, root)) {
if ( node && rTestNode(node, null, idToken) ) {
root = node;
}
} else {
return result;
}
}
}
if (root && !nodes.length) {
nodes = root.getElementsByTagName(token.tag);
}
if (nodes.length) {
result = rFilter(nodes, token, firstOnly, deDupe);
}
clearParentCache();
return result;
};
var contains = function() {
if (document.documentElement.contains && !(Sys.Browser.agent === Sys.Browser.Safari && Sys.Browser.version < 3)) {
return function(needle, haystack) {
return haystack.contains(needle);
};
} else if ( document.documentElement.compareDocumentPosition ) {
return function(needle, haystack) {
return !!(haystack.compareDocumentPosition(needle) & 16);
};
} else {
return function(needle, haystack) {
var parent = needle.parentNode;
while (parent) {
if (needle === parent) {
return true;
}
parent = parent.parentNode;
}
return false;
};
}
}();
var rFilter = function(nodes, token, firstOnly, deDupe) {
var result = firstOnly ? null : [];
for (var i = 0, len = nodes.length; i < len; i++) {
if (! rTestNode(nodes[i], '', token, deDupe)) {
continue;
}
if (firstOnly) {
return nodes[i];
}
if (deDupe) {
if (nodes[i]._found) {
continue;
}
nodes[i]._found = true;
foundCache[foundCache.length] = nodes[i];
}
result[result.length] = nodes[i];
}
return result;
};
var rTestNode = function(node, selector, token, deDupe) {
token = token || tokenize(selector).pop() || {};
if (!node.tagName ||
(token.tag !== '*' && node.tagName.toUpperCase() !== token.tag) ||
(deDupe && node._found) ) {
return false;
}
if (token.attributes.length) {
var attribute;
for (var i = 0, len = token.attributes.length; i < len; ++i) {
attribute = node.getAttribute(token.attributes[i][0], 2);
if (attribute === undefined) {
return false;
}
if ( Selector.operators[token.attributes[i][1]] &&
!Selector.operators[token.attributes[i][1]](attribute, token.attributes[i][2])) {
return false;
}
}
}
if (token.pseudos.length) {
for (var i = 0, len = token.pseudos.length; i < len; ++i) {
if (Selector.pseudos[token.pseudos[i][0]] &&
!Selector.pseudos[token.pseudos[i][0]](node, token.pseudos[i][1])) {
return false;
}
}
}
return (token.previous && token.previous.combinator !== ',') ?
combinators[token.previous.combinator](node, token) :
true;
};
var foundCache = [];
var parentCache = [];
var regexCache = {};
var clearFoundCache = function() {
for (var i = 0, len = foundCache.length; i < len; ++i) {
try {
delete foundCache[i]._found;
} catch(e) {
foundCache[i].removeAttribute('_found');
}
}
foundCache = [];
};
var clearParentCache = function() {
if (!document.documentElement.children) {
return function() {
for (var i = 0, len = parentCache.length; i < len; ++i) {
delete parentCache[i]._children;
}
parentCache = [];
};
} else return function() {};
}();
var getRegExp = function(str, flags) {
flags = flags || '';
if (!regexCache[str + flags]) {
regexCache[str + flags] = new RegExp(str, flags);
}
return regexCache[str + flags];
};
var combinators = {
' ': function(node, token) {
while (node = node.parentNode) {
if (rTestNode(node, '', token.previous)) {
return true;
}
}
return false;
},
'>': function(node, token) {
return rTestNode(node.parentNode, null, token.previous);
},
'+': function(node, token) {
var sib = node.previousSibling;
while (sib && sib.nodeType !== 1) {
sib = sib.previousSibling;
}
if (sib && rTestNode(sib, null, token.previous)) {
return true;
}
return false;
},
'~': function(node, token) {
var sib = node.previousSibling;
while (sib) {
if (sib.nodeType === 1 && rTestNode(sib, null, token.previous)) {
return true;
}
sib = sib.previousSibling;
}
return false;
}
};
var getChildren = function() {
if (document.documentElement.children) {
return function(node, tag) {
return (tag) ? node.children.tags(tag) : node.children || [];
};
} else {
return function(node, tag) {
if (node._children) {
return node._children;
}
var children = [],
childNodes = node.childNodes;
for (var i = 0, len = childNodes.length; i < len; ++i) {
if (childNodes[i].tagName) {
if (!tag || childNodes[i].tagName.toLowerCase() === tag) {
children[children.length] = childNodes[i];
}
}
}
node._children = children;
parentCache[parentCache.length] = node;
return children;
};
}
}();
var getNth = function(node, expr, tag, reverse) {
if (tag) tag = tag.toLowerCase();
reNth.test(expr);
var a = parseInt(RegExp.$1, 10),
n = RegExp.$2,
oddeven = RegExp.$3,
b = parseInt(RegExp.$4, 10) || 0,
result = [];
var siblings = getChildren(node.parentNode, tag);
if (oddeven) {
a = 2;
op = '+';
n = 'n';
b = (oddeven === 'odd') ? 1 : 0;
} else if ( isNaN(a) ) {
a = (n) ? 1 : 0;
}
if (a === 0) {
if (reverse) {
b = siblings.length - b + 1;
}
if (siblings[b - 1] === node) {
return true;
} else {
return false;
}
} else if (a < 0) {
reverse = !!reverse;
a = Math.abs(a);
}
if (!reverse) {
for (var i = b - 1, len = siblings.length; i < len; i += a) {
if ( i >= 0 && siblings[i] === node ) {
return true;
}
}
} else {
for (var i = siblings.length - b, len = siblings.length; i >= 0; i -= a) {
if ( i < len && siblings[i] === node ) {
return true;
}
}
}
return false;
};
var getId = function(attr) {
for (var i = 0, len = attr.length; i < len; ++i) {
if (attr[i][0] == 'id' && attr[i][1] === '=') {
return attr[i][2];
}
}
};
var getIdTokenIndex = function(tokens) {
for (var i = 0, len = tokens.length; i < len; ++i) {
if (getId(tokens[i].attributes)) {
return i;
}
}
return -1;
};
var patterns = {
tag: /^((?:-?[_a-z]+[\w-]*)|\*)/i,
attributes: /^\[([a-z]+\w*)+([~\|\^\$\*!=]=?)?['"]?([^'"\]]*)['"]?\]*/i,
pseudos: /^:([-\w]+)(?:\(['"]?(.+)['"]?\))*/i,
combinator: /^\s*([>+~]|\s)\s*/
};
var tokenize = function(selector) {
var token = {},
tokens = [],
id,
found = false,
match;
selector = replaceShorthand(selector);
do {
found = false;
for (var re in patterns) {
if (!MySpace.Utils.hasOwnProperty(patterns, re)) {
continue;
}
if (re != 'tag' && re != 'combinator') {
token[re] = token[re] || [];
}
if (match = patterns[re].exec(selector)) {
found = true;
if (re != 'tag' && re != 'combinator') {
if (re === 'attributes' && match[1] === 'id') {
token.id = match[3];
}
token[re].push(match.slice(1));
} else {
token[re] = match[1];
}
selector = selector.replace(match[0], '');
if (re === 'combinator' || !selector.length) {
token.attributes = fixAttributes(token.attributes);
token.pseudos = token.pseudos || [];
token.tag = token.tag ? token.tag.toUpperCase() : '*';
tokens.push(token);
token = {
previous: token
};
}
}
}
} while (found);
return tokens;
};
var fixAttributes = function(attr) {
var aliases = Selector.attrAliases;
attr = attr || [];
for (var i = 0, len = attr.length; i < len; ++i) {
if (aliases[attr[i][0]]) {
attr[i][0] = aliases[attr[i][0]];
}
if (!attr[i][1]) {
attr[i][1] = '';
}
}
return attr;
};
var replaceShorthand = function(selector) {
var shorthand = Selector.shorthand;
var attrs = selector.match(patterns.attributes);
if (attrs) {
selector = selector.replace(patterns.attributes, 'REPLACED_ATTRIBUTE');
}
for (var re in shorthand) {
if (!MySpace.Utils.hasOwnProperty(shorthand, re)) {
continue;
}
selector = selector.replace(getRegExp(re, 'gi'), shorthand[re]);
}
if (attrs) {
for (var i = 0, len = attrs.length; i < len; ++i) {
selector = selector.replace('REPLACED_ATTRIBUTE', attrs[i]);
}
}
return selector;
};
if (Sys.Browser.agent === Sys.Browser.InternetExplorer) {
Selector.prototype.attrAliases['class'] = 'className';
}
Selector = new Selector();
Selector.patterns = patterns;
MySpace.Utils.Selector = Selector;
})();
MySpace.Utils.hasOwnProperty = (Object.prototype.hasOwnProperty) ?
function(o, prop) {
return o && o.hasOwnProperty(prop);
} : function(o, prop) {
return !(typeof(o[prop]) === 'undefined' && o.constructor.prototype[prop] !== o[prop]);
};
/* Flash Detection for MS Player */
Type.registerNamespace("MySpace.FlashDetection");
MySpace.FlashDetection = function() {
return this;
};
MySpace.FlashDetection.prototype = {
getFlashVersion: function (desc) {
var matches = desc.match(/[\d]+/g);
matches.length = 3; // To standardize IE vs FF
return matches.join('.');
},
removeFlashVersionPrefix: function(completeVersion) {
var version = completeVersion.split(" ");
if (version.length == 1)
return version;
else if (version.length > 1)
return version[1];
else
return completeVersion;
},
hasRequiredFlashVersion: function (requiredVer){
var requiredVerIE = (requiredVer.toString()+".0.0");
var requiredVerFF = requiredVer;
var hasRequiredVer = 0;
var pluginVer = "0.0.0";
var plugin = (navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"]) ? navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin : 0;
if(plugin){
var str = navigator.plugins["Shockwave Flash"].description.split(" ");
for(var i=0;i= requiredVerFF;
}else if(navigator.userAgent && navigator.userAgent.indexOf("MSIE")>=0 && (navigator.appVersion.indexOf("Win")!=-1)) {
try { //ie7
var a = new ActiveXObject('ShockwaveFlash.ShockwaveFlash.7');
var versionVariable = this.removeFlashVersionPrefix(a.GetVariable('$version'));
var pluginVer = this.getFlashVersion(versionVariable);
}catch(e){ //ie6
try {
var a = new ActiveXObject('ShockwaveFlash.ShockwaveFlash.7');
versionVariable = a.GetVariable('$version');
pluginVer = this.getFlashVersion(versionVariable);
} catch (e) {
try {
var a = new ActiveXObject('ShockwaveFlash.ShockwaveFlash.6');
versionVariable = a.GetVariable('$version');
pluginVer = '6.0.21';
} catch (e) {
try {
var a = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
versionVariable = a.GetVariable('$version');
pluginVer = this.getFlashVersion(versionVariable);
} catch (e) { }
}
}
}
var pv = pluginVer.split(".");
var rv = requiredVerIE.split(".");
rv[0] = parseInt(rv[0], 10);
rv[1] = parseInt(rv[1], 10);
rv[2] = parseInt(rv[2], 10);
pv[0] = parseInt(pv[0], 10);
pv[1] = parseInt(pv[1], 10);
pv[2] = parseInt(pv[2], 10);
hasRequiredVer = (pv[0] > rv[0] || (pv[0] == rv[0] && pv[1] > rv[1]) || (pv[0] == rv[0] && pv[1] == rv[1] && pv[2] >= rv[2])) ? true : false;
}
return hasRequiredVer;
}
}
MySpace.UI.HistoryEventArgs=function(state){
MySpace.UI.HistoryEventArgs.initializeBase(this);
this._state = state;
};
MySpace.UI.HistoryEventArgs.prototype={
get_state: function() {
return this._state;
}
};
MySpace.UI.HistoryEventArgs.registerClass('MySpace.UI.HistoryEventArgs', Sys.EventArgs);
MySpace.UI._History=function(){
MySpace.UI._History.initializeBase(this);
this._appLoadHandler=null;
this._clientId=null;
this._currentEntry='';
this._emptyPageUrl=null;
this._historyFrame=null;
this._historyInitialLength=0;
this._historyLength=0;
this._iframeLoadHandler=null;
this._ignoreIFrame=false;
this._ignoreTimer=false;
this._historyPointIsNew=false;
this._state={};
this._timerCookie=0;
this._timerHandler=null;
this._uniqueId=null;
};
MySpace.UI._History.prototype={
get_stateString: function(){
var entry=decodeURIComponent(window.location.hash || '');
if((entry.length > 0) && (entry.charAt(0) === '#')){
entry=entry.substring(1);
}
return entry;
},
add_navigate: function(handler){
this.get_events().addHandler("navigate", handler);
},
remove_navigate: function(handler){
this.get_events().removeHandler("navigate", handler);
},
addHistoryPoint: function(state, title){
var initialState = this._state;
for(var key in state){
var value=state[key];
if(value === null){
if(typeof(initialState[key]) !== 'undefined'){
delete initialState[key];
}
}
else{
initialState[key] = value;
}
}
var entry=Sys.Serialization.JavaScriptSerializer.serialize(initialState);
this._ignoreIFrame=true;
this._historyPointIsNew=true;
this._setState(entry, title);
},
dispose: function(){
if (this._appLoadHandler) {
Sys.Application.remove_load(this._appLoadHandler);
delete this._appLoadHandler;
}
if (this._historyFrame) {
Sys.UI.DomEvent.removeHandler(this._historyFrame, 'load', this._iframeLoadHandler);
delete this._iframeLoadHandler;
delete this._historyFrame;
}
if (this._timerCookie) {
window.clearTimeout(this._timerCookie);
delete this._timerCookie;
}
MySpace.UI._History.callBaseMethod(this, 'dispose');
},
initialize: function(){
MySpace.UI._History.callBaseMethod(this, 'initialize');
this._appLoadHandler = Function.createDelegate(this, this._onApplicationLoaded);
Sys.Application.add_load(this._appLoadHandler);
} ,
setServerId: function(clientId, uniqueId){
this._clientId = clientId;
this._uniqueId = uniqueId;
},
setServerState: function(value){
this._state.__s = value;
},
_navigate: function(entry){
var state={};
if(entry){
try{
state=Sys.Serialization.JavaScriptSerializer.deserialize(entry, true);
}
catch(e){}
}
if (this._uniqueId) {
var oldServerEntry = this._state.__s || '';
var newServerEntry = state.__s || '';
if (newServerEntry !== oldServerEntry) {
__doPostBack(this._uniqueId, newServerEntry);
this._state = state;
return;
}
}
this._setState(entry);
this._state = state;
this._raiseNavigate();
},
_onApplicationLoaded: function(sender, args){
Sys.Application.remove_load(this._appLoadHandler);
delete this._appLoadHandler;
if(Sys.Browser.agent === Sys.Browser.InternetExplorer){
var frameId='__historyFrame';
var frame=$get(frameId);
if(!frame){ throw Error.invalidOperation("For the history feature to work in IE, the page must have an iframe with id '__historyFrame' and src set to point to a page that sets its title to the 'title' querystring parameter when loaded."); }
var src=frame.src;
this._emptyPageUrl=src + (src.indexOf('?') === -1 ? '?' : '&') + '_state=';
this._historyFrame=frame;
if(frame.readyState === 'loading'){
this._ignoreIFrame=true;
}
this._iframeLoadHandler=Function.createDelegate(this, this._onIFrameLoad);
Sys.UI.DomEvent.addHandler(this._historyFrame, 'load', this._iframeLoadHandler);
}
this._timerHandler=Function.createDelegate(this, this._onIdle);
this._timerCookie=window.setTimeout(this._timerHandler, 100);
var loadedEntry=this.get_stateString();
if(loadedEntry !== this._currentEntry){
this._navigate(loadedEntry);
}
},
_onIdle: function(){
delete this._timerCookie;
var entry=this.get_stateString();
if(entry !== this._currentEntry){
if(!this._ignoreTimer){
this._historyPointIsNew=false;
this._navigate(entry);
this._historyLength=window.history.length;
}
}
else{
this._ignoreTimer=false;
}
this._timerCookie=window.setTimeout(this._timerHandler, 100);
},
_onIFrameLoad: function(){
if(!this._ignoreIFrame){
var entry=this._historyFrame.contentWindow.location.search;
var statePos=entry.indexOf('_state=');
if((statePos !== -1) && (statePos + 7 < entry.length)){
entry=entry.substring(statePos + 7);
var next=entry.indexOf('&');
if(next !== -1){
entry=entry.substring(0, next);
}
}
else{
entry='';
}
this._historyPointIsNew=false;
this._navigate(entry);
}
this._ignoreIFrame=false;
},
_onPageRequestManagerBeginRequest: function(sender, args){
this._ignoreTimer=true;
},
_onPageRequestManagerEndRequest: function(sender, args){
var dataItem=args.get_dataItems()[this._clientId], title;
if(typeof(dataItem) !== 'undefined'){
var state=dataItem[0];
title=dataItem[1];
this.setServerState(state);
this._historyPointIsNew=true;
}
else{
this._ignoreTimer=false;
}
var entry=Sys.Serialization.JavaScriptSerializer.serialize(this._state);
if(entry === '{}'){
entry='';
}
if(entry != this._currentEntry){
this._ignoreTimer=true;
this._setState(entry, title);
this._raiseNavigate();
}
},
_raiseNavigate: function() {
var h=this.get_events().getHandler("navigate");
var args=new MySpace.UI.HistoryEventArgs(this._state);
if(h){
h(this, args);
}
if(window.pageNavigate){
window.pageNavigate(this, args);
}
},
_setState: function(entry, title) {
if(entry !== this._currentEntry){
if(this._historyFrame && this._historyPointIsNew){
var newFrameUrl=this._emptyPageUrl + entry +
'&title=' + encodeURIComponent(title || document.title);
if(this._historyFrame.src != newFrameUrl){
this._ignoreIFrame=true;
this._historyFrame.src=newFrameUrl;
}
this._historyPointIsNew=false;
}
this._ignoreTimer=false;
this._currentEntry=entry;
var currentHash=this.get_stateString();
if(currentHash === '{}'){
currentHash='';
this._currentEntry=null;
}
if(entry !== currentHash){
window.location.hash=entry ? encodeURIComponent(entry) : '';
}
if(title){
document.title=title;
}
}
}
}
MySpace.UI._History.registerClass('MySpace.UI._History', Sys.Component);
MySpace._Application.prototype.get_history=function(){
var h=this._history;
if(!h){
h=this._history=new MySpace.UI._History();
Sys.Application.registerDisposableObject(h);
h.initialize();
}
return h;
};
MySpace.UI.ColorPicker = function(element){
this._colorPicker = document.createElement("div");
this._colorPicker.className = 'colorpicker';
MySpace.UI.ColorPicker.initializeBase(this,[element]);
}
MySpace.UI.ColorPicker.prototype = {
_colorPicker : null,
_crossHairs : null,
_defaultHex : '#2256B3',
_hex : null,
_hideInputBox : false,
_hidePreview : false,
_hideNoColor: false,
_hsv : { h: 0, s: 0, v:0 },
_hueDiv : null,
_huePos : null,
_inputBox : null,
_isNone : false,
_lastX : 0,
_lastY : 0,
_rgb : null,
_moveHandler : null,
_upHandler : null,
_pickerDiv : null,
_previewDiv : null,
_scrollLeft : 0,
_scrollTop : 0,
_selectorDiv : null,
set_defaultHex : function(value) { this._defaultHex = value; },
get_defaultHex : function() { return this._defaultHex; },
get_hex : function(){return (this._isNone ? '' : this._hex);},
set_hidePreview : function(value){this._hidePreview = value;},
get_hidePreview : function(){return this._hidePreview;},
set_hideInputBox : function(value){this._hideInputBox = value;},
get_hideInputBox : function(){return this._hideInputBox;},
set_hideNoColor: function(value){this._hideNoColor=value;},
get_hideNoColor: function(){return this._hideNoColor;},
initialize:function(){
if (!this._getIsFixed())
{
this._scrollLeft = document.documentElement.scrollLeft;
this._scrollTop = document.documentElement.scrollTop;
}
this._upHandler = Function.createDelegate(this, this.upHandler);
this._moveHandler = Function.createDelegate(this, this.moveHandler)
var pickerImg = document.createElement('div');
pickerImg.className = 'imgpicker';
// create the divs
this._selectorDiv = document.createElement('div');
this._selectorDiv.className = 'selector';
this._pickerDiv = document.createElement('div');
this._pickerDiv.className = 'picker';
this._pickerDiv.appendChild(pickerImg);
this._crossHairs = document.createElement('div');
this._crossHairs.className = 'crosshairs';
this._pickerDiv.appendChild(this._crossHairs);
this._pickerDiv.callback = this._pickerValDragged;
// attach the handlers
$addHandler(this._pickerDiv, 'mousedown', Function.createDelegate(this, this._mouseDown));
this._pickerDiv.onselectstart = function(e) { return false; };
this._pickerDiv.ondragstart = function(e) { return false; };
this._selectorDiv.appendChild(this._pickerDiv);
this._hueDiv = document.createElement('div');
this._hueDiv.className = 'hue';
var huePositionImg = document.createElement('div');
huePositionImg.className = 'hueposition';
this._huePos = huePositionImg;
var selectorImg = document.createElement('div');
selectorImg.className = 'imgselector';
this._hueDiv.appendChild(selectorImg);
this._hueDiv.appendChild(this._huePos);
this._hueDiv.callback = this._hueDragged;
$addHandler(this._hueDiv, 'mousedown', Function.createDelegate(this, this._mouseDown));
this._selectorDiv.appendChild(this._hueDiv);
this._previewDiv = document.createElement('div');
this._previewDiv.className = 'preview';
if (this._hidePreview) this._previewDiv.style.display='none';
this._selectorDiv.appendChild(this._previewDiv);
var noneDiv = document.createElement('div');
noneDiv.className = 'nocolor';
$addHandler(noneDiv, 'click', Function.createDelegate(this, this._noColor));
if(this._hideNoColor){ noneDiv.style.display='none'; }
this._selectorDiv.appendChild(noneDiv);
// create the input box
this._inputBox = document.createElement('input');
this._inputBox.className = 'inputbox';
this._inputBox.value = this._defaultHex;
if (this._hideInputBox) this._inputBox.style.display='none';
$addHandler(this._inputBox, 'change', Function.createDelegate(this, this._inputBoxChanged));
this._selectorDiv.appendChild(this._inputBox);
this._colorPicker.appendChild(this._selectorDiv);
if (this._element) this._element.appendChild(this._colorPicker);
this._inputBoxChanged();
this._notifyColorChanged();
},
_getIsFixed:function(){
var position;
var parent = this._element.parentNode;
while (parent!==null) {
var compStyle = MySpace.UI.getComputedStyle(parent);
if (compStyle) {
position = compStyle.position;
if (position === 'fixed')
return true;
}
parent = parent.parentNode;
}
return false;
},
_colorChanged:function(){
this._hex = this._rgbToHex(this._rgb.r, this._rgb.g, this._rgb.b);
var hueRgb = this._hsvToRgb(this._hsv.h, 1, 1);
var hueHex = this._rgbToHex(hueRgb.r, hueRgb.g, hueRgb.b);
this._previewDiv.style.background = this._hex;
this._inputBox.value = this._hex;
this._pickerDiv.style.background = hueHex;
this._crossHairs.style.left = ((this._hsv.v*199)-5).toString() + 'px';
this._crossHairs.style.top = (((1-this._hsv.s)*199)-5).toString() + 'px';
this._huePos.style.top = ((this._hsv.h*199)-9).toString() + 'px';
this._isNone = false;
this._notifyColorChanging();
},
_inputBoxChanged:function(){
this._rgb = this._hexToRgb(this._inputBox.value, {r: 0, g: 0, b:0});
this._rgbChanged();
this._notifyColorChanged();
},
_noColor:function(){
this._inputBox.value='';
this._isNone = true;
this._notifyColorChanging();
this._notifyColorChanged();
},
_rgbChanged:function(){
this._hsv = this._rgbToHsv(this._rgb.r, this._rgb.g, this._rgb.b);
this._colorChanged();
},
_hsvChanged:function(){
this._rgb = this._hsvToRgb(this._hsv.h,this._hsv.s,this._hsv.v);
this._colorChanged();
},
_pickerValDragged:function(x,y){
this._hsv.s = 1-(y/199);
this._hsv.v = (x/199);
this._hsvChanged();
},
_hueDragged:function(x,y){
this._hsv.h = y/199;
this._hsvChanged();
},
_mouseDown:function(e){
var coords = this._fixCoords(e);
if (e.target.parentNode.callback)
e.target.parentNode.callback.call(this, coords.x, coords.y);
$addHandler(document, 'mouseup', this._upHandler);
$addHandler(document, 'mousemove', this._moveHandler);
if (e.preventDefault) e.preventDefault();
},
upHandler:function(e){
$removeHandler(document, 'mouseup', this._upHandler);
$removeHandler(document, 'mousemove', this._moveHandler);
this._notifyColorChanged();
},
moveHandler:function(e){
var coords = this._fixCoords(e);
var x = coords.x;
var y = coords.y;
if (x != this._lastX || y != this._lastY)
{
this._lastX = x;
this._lastY = y;
if (e.target.parentNode.callback)
e.target.parentNode.callback.call(this, x, y);
}
},
_notifyColorChanged:function(){
var handler = this.get_events().getHandler('colorChanged');
if(handler) {
var eventArgs = new Sys.EventArgs();
handler(this, eventArgs);
}
},
_notifyColorChanging:function(){
var handler = this.get_events().getHandler('colorChanging');
if(handler) {
var eventArgs = new Sys.EventArgs();
handler(this, eventArgs);
}
},
_fixCoords:function(e){
var px = 0;
var py = 0;
var parent = e.target.parentNode.offsetParent;
while (parent != null)
{
px += parent.offsetLeft;
py += parent.offsetTop;
parent = parent.offsetParent;
}
var x = e.clientX - (this._pickerDiv.offsetLeft + px) + this._scrollLeft;
var y = e.clientY - (this._hueDiv.offsetTop + py) + this._scrollTop;
if (e.target.parentNode)
{
if (x > e.target.parentNode.offsetWidth - 1) x = e.target.parentNode.offsetWidth - 1;
if (y > e.target.parentNode.offsetHeight - 1) y = e.target.parentNode.offsetHeight - 1;
}
if (x < 0) x = 0;
if (y < 0) y = 0;
return {x: x, y: y};
},
_hexToRgb:function (hex_string, def) {
if (def === undefined) def = null;
if (hex_string.substr(0, 1) == '#') hex_string = hex_string.substr(1);
var r, g, b;
if (hex_string.length == 3)
{
r = hex_string.substr(0, 1);
r += r;
g = hex_string.substr(1, 1);
g += g;
b = hex_string.substr(2, 1);
b += b;
}
else if (hex_string.length == 6)
{
r = hex_string.substr(0, 2);
g = hex_string.substr(2, 2);
b = hex_string.substr(4, 2);
}
else
return def;
r = parseInt(r, 16);
g = parseInt(g, 16);
b = parseInt(b, 16);
if (isNaN(r) || isNaN(g) || isNaN(b))
return def;
else
return {r: r / 255, g: g / 255, b: b / 255};
},
_rgbToHex:function(r, g, b, includeHash){
r = Math.round(r * 255);
g = Math.round(g * 255);
b = Math.round(b * 255);
if (includeHash === undefined)
includeHash = true;
r = r.toString(16);
if (r.length == 1) r = '0' + r;
g = g.toString(16);
if (g.length == 1) g = '0' + g;
b = b.toString(16);
if (b.length == 1) b = '0' + b;
return ((includeHash ? '#' : '') + r + g + b).toUpperCase();
},
_hsvToRgb:function(hue, saturation, value){
var red;
var green;
var blue;
if (value == 0.0)
{
red = 0;
green = 0;
blue = 0;
}
else
{
var i = Math.floor(hue * 6);
var f = (hue * 6) - i;
var p = value * (1 - saturation);
var q = value * (1 - (saturation * f));
var t = value * (1 - (saturation * (1 - f)));
switch (i)
{
case 1: red = q; green = value; blue = p; break;
case 2: red = p; green = value; blue = t; break;
case 3: red = p; green = q; blue = value; break;
case 4: red = t; green = p; blue = value; break;
case 5: red = value; green = p; blue = q; break;
case 6: // fall through
case 0: red = value; green = t; blue = p; break;
}
}
return {r: red, g: green, b: blue};
},
_rgbToHsv:function(red, green, blue){
var max = Math.max(Math.max(red, green), blue);
var min = Math.min(Math.min(red, green), blue);
var hue;
var saturation;
var value = max;
if (min == max)
{
hue = 0;
saturation = 0;
}
else
{
var delta = (max - min);
saturation = delta / max;
if (red == max)
hue = (green - blue) / delta;
else if (green == max)
hue = 2 + ((blue - red) / delta);
else
hue = 4 + ((red - green) / delta);
hue /= 6;
if (hue < 0) hue += 1;
if (hue > 1) hue -= 1;
}
return { h: hue, s: saturation, v: value }
},
_pickerClosed:function(){
var handler = this.get_events().getHandler('pickerClosed');
if(handler) {
var eventArgs = new Sys.EventArgs();
handler(this, eventArgs);
}
},
add_colorChanged:function(handler){
this.get_events().addHandler("colorChanged", handler);
},
remove_colorChanged:function(handler){
this.get_events().removeHandler("colorChanged", handler);
},
add_colorChanging:function(handler){
this.get_events().addHandler("colorChanging", handler);
},
remove_colorChanging:function(handler){
this.get_events().removeHandler("colorChanging", handler);
},
add_pickerClosed:function(handler){
this.get_events().addHandler("pickerClosed", handler);
},
remove_pickerClosed:function(handler){
this.get_events().removeHandler("pickerClosed", handler);
},
show:function(){
this._colorPicker.style.display='';
},
hide:function(){
this._colorPicker.style.display='none';
this._pickerClosed();
}
}
MySpace.UI.ColorPicker.registerClass('MySpace.UI.ColorPicker', Sys.UI.Control);
MySpace.UI.ColorPickerPopup = function(element){
var tmp = document.createElement('div');
MySpace.UI.ColorPickerPopup.initializeBase(this, [tmp]);
this._tooltip = $create(MySpace.UI.Tooltip, {'content':tmp}, null, null, element);
this._tooltip._tipDiv.firstChild.style.width="294px";
this._tooltip.add_tooltipClosed(Function.createDelegate(this,this._pickerClosed));
$addHandler(this._tooltip._tipDiv,"mouseover", Function.createDelegate(this, function(){this._active=true;}));
this._containedHandler = Function.createDelegate(this, this._isContained);
}
MySpace.UI.ColorPickerPopup.prototype = {
_active : false,
_parent : null,
_tooltip : null,
_containedHandler : null,
hide:function(){
this._tooltip.hide();
this._active=false;
$removeHandler(document, "click", this._containedHandler);
},
show:function(){
this._tooltip.show();
$addHandler(document, 'click', this._containedHandler);
},
_isContained:function(e) {
if (this._active) {
var found = false;
var parent = e.target.parentNode;
while (parent!==null) {
found = parent === this._tooltip._tipDiv;
if (found) break;
parent = parent.parentNode;
}
if (!found) this.hide();
}
}
}
MySpace.UI.ColorPickerPopup.registerClass('MySpace.UI.ColorPickerPopup', MySpace.UI.ColorPicker);