' +
'
'
+ '
' + content + '
'
+ ''
return iiWidget.add(widget, a);
}
iiWidget.createIFrame = function(id, title, url) {
return iiWidget.create(id, title, '
');
}
//TODO
iiWidget.px2top = function(px) { return Math.round(px/contentsHeight*100) + '%'; }
iiWidget.px2left = function(px) { return Math.round(px/screenWidth*100) + '%'; }
iiWidget.top2px = function(top) { return Math.round(parseFloat(top)*contentsHeight/100); }
iiWidget.left2px = function(left) { return Math.round(parseFloat(left)*screenWidth/100); }
iiWidget.getThumbnailRect = function(widget) {
//TODO
if (widget.thumbnail) {
var r = iiWidget.getRect(widget.thumbnail);
// alert(dump(r));
return r;
}
var icon = widget.thumbnailIcon;
var parent = widget.parentWidget || icon.parentWidget;
while (parent && parent.hidden) {
if (parent.thumbnail) {
return iiWidget.getRect(parent.thumbnail);
}
if (parent.thumbnailIcon) {
icon = parent.thumbnailIcon;
}
parent = parent.parentWidget;
}
//TODO
//alert('parent=' + parent + ' hidden=' + (parent ? parent.hidden : 'null') + '\na=' + a);
if (!parent) return null;
var offset = icon.cumulativeOffset();
offset.top -= icon.parentWidget.parts[1].scrollTop + headerHeight;
offset.left -= icon.parentWidget.parts[1].scrollLeft;
return {top: iiWidget.px2top(offset.top), left: iiWidget.px2left(offset.left), width: '33px', height: '33px'};
}
iiWidget.add = function(div, a) {
debug('add: ' + div.id);
$('contents').appendChild(div);
widget = new iiWidget(div);
// widget.setOpacity(0);
//TODO
// if (!a) a = iiWidget.iconMap[widget.id];
// widget.thumbnailIcon = a ? a : null;
// a = iiWidget.iconMap[widget.id];
widget.thumbnailIcon = a || iiWidget.iconMap[widget.id];
ContentsBrowser.widgets.push(widget);
widget.style.zIndex = ContentsBrowser.widgets.length;
var r = iiPersistence.get(widget.id);
r = r ? r.split(',') : (WIDGET_FRAME[widget.id] || DEFAULT_FRAME);
widget.moveTo(r);
//TODO
var opened = false;
if (a && a.parentWidget) {
widget.parentWidget = a.parentWidget;
widget.hidden = true;
var r = iiWidget.getThumbnailRect(widget);
if (r) {
widget.setRect(r);
widget.open();
opened = true;
}
}
if (!opened) {
widget.hidden = false;
if (iiPersistence.get('focus') == widget.id) {
widget.activate();
} else {
widget.inactivate();
widget.style.display = '';
}
}
//TODO
if (widget.id == 'work4') SWFRunContent();
iiWidget.loadMap[widget.id] = widget;
iiPersistence.set('load', $H(iiWidget.loadMap).keys().join('.'));
return widget;
}
iiWidget.remove = function(widget, save) {
debug('remove: ' + widget.id);
var i = iiWidget.widgets.indexOf(widget);
if (i != -1) iiWidget.widgets.splice(i, 1);
i = ContentsBrowser.widgets.indexOf(widget);
if (i != -1) ContentsBrowser.widgets.splice(i, 1);
//TODO
delete iiWidget.loadMap[widget.id];
if (save) {
iiPersistence.set('load', $H(iiWidget.loadMap).keys().join('.'));
iiWidget.activateTop();
}
widget.remove();
}
iiWidget.adjust = function() {
if (!$('header')) return;
var ie = Prototype.Browser.IE;
screenHeight = ie ? document.body.parentNode.clientHeight : window.innerHeight;
screenWidth = ie ? document.body.parentNode.clientWidth : window.innerWidth;
headerHeight = $('header').clientHeight;
footerHeight = $('footer').clientHeight;
contentsHeight = screenHeight - headerHeight;
if (contentsHeight < 0) contentsHeight = 0;
$('contents').style.position = 'relative';
$('contents').style.height = contentsHeight + 'px';
$('footer').style.position = 'absolute';
$('footer').style.top = screenHeight - footerHeight + 'px';
contentsMargin = $('footer').firstChild.offsetLeft;
contentsWidth = screenWidth - contentsMargin*2;
var x = contentsMargin/screenWidth*100;
var w = contentsWidth;
var h = contentsHeight - footerHeight;
if (x < 1) x = 1;
if (w < iiWidget.minimumWidth) w = iiWidget.minimumWidth;
if (h < iiWidget.minimumHeight) h = iiWidget.minimumHeight;
iiWidget.contentRect = {
top: '0%',
left: x + '%',
width: w + 'px',
height: h + 'px'
}
//TODO
// var overflow = false;
for (var i = 0; i < iiWidget.widgets.length; i++) {
var widget = iiWidget.widgets[i];
widget.style.left = iiWidget.adjustLeft(widget, widget.style.left);
// if (!widget.hidden && widget.offsetLeft + widget.clientWidth > screenWidth) overflow = true;
}
// document.body.style.overflowX = overflow ? 'scroll' : '';
if (iiWidget.maximized) {
if (Prototype.Browser.Gecko || Prototype.Browser.Opera) {
iiWidget.maximized.isMaximized = false;
iiWidget.maximized.maximize();
} else {
//Prototype.Browser.IE || Prototype.Browser.WebKit
iiWidget.maximized.setRect(iiWidget.contentRect);
}
}
window.onresize = iiWidget.adjust;
}
iiWidget.adjustLeft = function(widget, left) {
if (screenWidth <= 0) return '1%';
if (left) {
var min = contentsMargin;
var max = screenWidth - widget.clientWidth;
//TODO
// var max = screenWidth - contentsMargin - widget.clientWidth;
var x = parseInt(left)*screenWidth/100;
if (x < min)
//return Math.floor(min/screenWidth*100) + '%';
return iiWidget.px2left(min);
if (x > max && max >= 0) {
//return Math.floor(max/screenWidth*100) + '%';
return iiWidget.px2left(max);
}
}
return left;
}
iiWidget.getRect = function(element) {
var display = element.style.display;
element.style.display = '';
var r = {
//TODO
// top: element.style.top || element.offsetTop/contentsHeight*100 + '%',
// left: element.style.left || element.offsetLeft/screenWidth*100 + '%',
top: element.style.top || iiWidget.px2top(element.offsetTop),
left: element.style.left || iiWidget.px2left(element.offsetLeft),
width: element.clientWidth + 'px',
height: element.clientHeight + 'px'
};
element.style.display = display;
return r;
},
iiWidget.setRect = function(element, rect) {
//TODO
if (!rect) return;
var style = element.style;
style.top = rect.top;
style.left = rect.left;
style.width = rect.width;
style.height = rect.height;
}
iiWidget.maximize = function(i) {
var widget = iiWidget.widgets[i];
if (widget) {
widget.activate();
widget.maximize();
}
}
iiWidget.minimize = function() {
if (iiWidget.maximized) {
iiWidget.maximized.maximize(false);
}
}
iiWidget.display = function(index, menu) {
debug('display: ' + i);
if (menu && menu.hierarchy > 2) {
var a = menu.menuItem;
//TODO
iiPersistence.set('focus', a.widgetId);
var icon = iiWidget.iconMap[a.widgetId];
iiWidget.load(a.widgetId, a.widgetUrl, icon);
return false;
}
if (index == -1) {
iiWidget.minimize();
} else {
var widget = iiWidget.widgets[index];
if (widget) {
THUMBNAIL_ENABLED ? widget.maximize() : widget.toggle();
}
}
return stopEventPropagation(iiKey.event);
}
iiWidget.activateTop = function() {
if (iiWidget.activated) return;
var widgets = ContentsBrowser.widgets;
var z = 0;
var index;
for (var i = 0; i < widgets.length; i++) {
if (widgets[i].hidden/* || widgets[i].className != 'widget'*/) continue;
if (z < parseInt(widgets[i].style.zIndex)) {
z = parseInt(widgets[i].style.zIndex);
index = i;
}
}
if (z > 0) widgets[index].activate();
}
iiWidget.activate = function(widget) {
//TODO
var widgets = ContentsBrowser.widgets;
var z, zIndex = parseInt(widget.style.zIndex);
for (var i = 0; i < widgets.length; i++) {
if ((z = parseInt(widgets[i].style.zIndex)) >= zIndex) {
widgets[i].style.zIndex = --z < widgets.length ? z : widgets.length - 1;
}
if (Prototype.Browser.IE) widgets[i].style.visibility = 'visible';
}
widget.style.zIndex = widgets.length;
iiPersistence.set('focus', widget.id);
}
iiWidget.inactivate = function() {
// var widgets = iiWidget.widgets;
var widgets = ContentsBrowser.widgets;
for (var i = 0; i < widgets.length; i++) {
var widget = widgets[i];
if (!widget.hidden) { // && widget != iiWidget.activated) {
widget.inactivate();
}
}
iiWidget.activated = null;
}
iiWidget.toggle = function() {
iiWidget.widgets.each(function(widget, index) {
widget.style.display = (iiWidget.maximized && iiWidget.maximized != widget || widget.hidden) ? 'none' : '';
});
}
iiWidget.activateNext = function(index, reverse, rotate) {
var len = iiWidget.widgets.length;
for (var i = 0; i < len; i++) {
index += reverse ? -1 : 1;
if (!rotate && (index < 0 || index >= len)) return false;
index = (index + len) % len;
if (!iiWidget.widgets[index].hidden) {
iiWidget.widgets[index].activate();
return true;
}
}
return false;
}
//TODO
iiWidget.onkeydown = function(e, code, shift, ctrl, alt) {
if (shift && code == 36) {
iiEventAction.WIDGETS.enableBackgroundUploader();
return false;
} else if (shift && code != Event.KEY_TAB || ctrl || alt) return true;
var widget = iiWidget.activated;
var index = widget ? widget.widgetIndex : -1;
var len = iiWidget.widgets.length;
switch (code) {
/*case 36: // HOME
iiWidget.widgets[6].open();
return false;
break;*/
case 32: // SPACE
if (widget && widget.nodes.length == 2) {
widget.activeNode = 1 - widget.activeNode;
widget.nodes[widget.activeNode].focus();
return false;
}
break;
case Event.KEY_UP:
case Event.KEY_DOWN:
// var active = document.activeElement || window.getSelection().focusNode;
if (!widget) break;
if (widget.activeNode == 1 && widget.nodes.length == 2) break;
var i = widget.activeNode + (code == Event.KEY_UP ? -1 : 1);
widget.activeNode = (i + widget.nodes.length) % widget.nodes.length;
widget.nodes[widget.activeNode].focus();
return false;
case Event.KEY_LEFT:
case Event.KEY_RIGHT:
if (widget && widget.activeNode == 0) {
var icon = widget.activeIcon;
if (icon == 0 && code == Event.KEY_RIGHT) icon = 2;
else if (icon == 2 && code == Event.KEY_LEFT) icon = 0;
if (icon != widget.activeIcon) {
widget.activeIcon = icon;
widget.icons[icon].firstChild.focus();
return false;
}
}
if (index != -1 && !iiWidget.maximized) {
return !iiWidget.activateNext(index, code == Event.KEY_LEFT, true);
}
break;
case Event.KEY_TAB:
if (len == 0) return true;
if (iiWidget.maximized) {
iiWidget.maximized._focus();
return true;
}
if (index == -1) {
return !iiWidget.activateNext(shift ? iiWidget.widgets.length : -1, shift, false);
} else if (iiKey.getActiveListener() != iiWidget) {
iiWidget.widgets[index]._focus();
return false;
}
if (iiWidget.activateNext(index, shift, false)) {
return false;
} else {
iiWidget.activated.inactivate();
}
}
return true;
}
//TODO
iiWidget.layout = function() {
if (iiWidget.maximized) return;
var H = contentsHeight - footerHeight;
var cols = 3;
var n = iiWidget.widgets.length;
var w = Math.floor(screenWidth/cols);
var h = Math.floor(H/(n + 1)*cols);
for (var i = 0; i < n; i++) {
var widget = iiWidget.widgets[i];
var x = Math.floor((i % cols)*w/screenWidth*100) + 1 + '%';
var y = Math.floor(Math.floor(i / cols)*h/H*100) + '%';
// widget.setOpacity(iiWidget.opaque);
// iiWidget.widgets[i].moveTo(y, x, w - 10 + 'px', h - 10 + 'px');
new iiWidget.effect(widget, function() {
// new iiEffect.Alpha(this, 101, 80, 400);
if (this.onresize) this.onresize();
}.bind(widget)).move(x, y, w, h);
return;
}
}
iiWidget.effect = function(widget, callback) {
this.widget = widget;
this.callback = callback;
this.resizeV = Prototype.Browser.IE6 ? 2 : 3;
}
iiWidget.effect.style = {
// border : 'solid 1px #666',
background : '#eee',
zIndex : 1000,
opacity : iiWidget.transparent,
filter : 'alpha(opacity=40)'
}
iiWidget.effect.queue = [];
iiWidget.effect.prototype = {
resize: function(e) {
this.widget.activate();
this.targetRect = this.widget.getRect();
this.targetArea = this._createTargetArea(this.targetRect);
if (Prototype.Browser.IE6) {
this.targetArea.style.border = 'solid 1px #666';
this.targetArea.style.zIndex = 1000;
} else
Object.extend(this.targetArea.style, iiWidget.effect.style);
iiDrag.init(e, this._resize.bind(this), this._effect.bind(this), 'nw-resize');
},
maximize: function() {
this.widget.activate();
var adjust = false;
if (this.widget.isMaximized = !this.widget.isMaximized) {
this.targetRect = iiWidget.contentRect;
if (this.widget != iiWidget.maximized) {
/// this.widget.saveRect();
if (iiWidget.maximized) {
iiWidget.maximized.restore();
iiWidget.maximized.isMaximized = false;
}
//TODO
} else adjust = true;
iiWidget.maximized = this.widget;
} else {
this.targetRect = this.widget.savedRect;
iiWidget.maximized = null;
}
if (!adjust) iiWidget.toggle();
this._effect();
},
move: function(top, left, w, h, alpha) {
this.targetRect = this.widget.getRect();
this.targetRect.top = top;
this.targetRect.left = left;
if (w) this.targetRect.width = w;
if (h) this.targetRect.height = h;
this.targetAlpha = alpha;
this.resizeV = 4;
this._effect();
},
// _private;
_createTargetArea: function(rect) {
var area = document.createElement('DIV');
area.style.position = 'absolute';
iiWidget.setRect(area, rect);
this.widget.parentNode.appendChild(area);
return area;
},
_resize: function(x, y) {
var w = this.widget.clientWidth + x;
var h = this.widget.clientHeight + y;
var maximumWidth = screenWidth - contentsMargin - this.widget.offsetLeft;
if (w > maximumWidth) w = maximumWidth;
if (w < iiWidget.minimumWidth) w = iiWidget.minimumWidth;
if (h < iiWidget.minimumHeight) h = iiWidget.minimumHeight;
this.targetArea.style.width = w + 'px';
this.targetArea.style.height = h + 'px';
return stopEventPropagation();
},
_effect: function() {
iiWidget.effect.busy = true;
//TODO
// this.targetTop = parseInt(this.targetRect.top)*contentsHeight/100;
// this.targetLeft = parseInt(this.targetRect.left)*screenWidth/100;
this.targetTop = iiWidget.top2px(this.targetRect.top);
this.targetLeft = iiWidget.left2px(this.targetRect.left);
this.targetWidth = parseInt(this.targetArea ? this.targetArea.style.width : this.targetRect.width);
this.targetHeight = parseInt(this.targetArea ? this.targetArea.style.height : this.targetRect.height);
this.opacity = iiWidget.transparent; // Element.getOpacity(this.clone);
var interval = 50;
this.timeout = 1000/interval;
this.timer = setInterval(this._animate.bind(this), interval);
return false;
},
_ease: function(from, to, scale) {
return (from + (to - from)/this.resizeV)/scale*100 + '%';
},
_animate: function() {
if (!this.isDeleting) {
var widget = this.widget;
var target = this.targetRect;
var dw = this.targetWidth - widget.clientWidth;
var dh = this.targetHeight - widget.clientHeight;
var r = widget.getRect();
if ((dw*dw + dh*dh > 10 || r.top != target.top || r.left != target.left) && --this.timeout > 0) {
r.width = widget.clientWidth + dw/this.resizeV + 'px';
r.height = widget.clientHeight + dh/this.resizeV + 'px';
if (r.top != target.top) r.top = this._ease(widget.offsetTop, this.targetTop, contentsHeight);
if (r.left != target.left) r.left = this._ease(widget.offsetLeft, this.targetLeft, screenWidth);
widget.setRect(r);
if (this.targetAlpha != undefined) {
var alpha = widget.getOpacity();
widget.setOpacity(alpha + (this.targetAlpha - alpha)/this.resizeV);
}
} else {
// widget.setRect(target);
this.isDeleting = true;
}
} else {
this.opacity -= 0.1;
if (this.targetArea) Element.setOpacity(this.targetArea, this.opacity);
if (this.opacity <= 0) {
clearInterval(this.timer);
if (this.targetArea) Element.remove(this.targetArea);
if (this.callback) this.callback();
iiWidget.effect.busy = false;
}
}
}
}
var prWidget = function(widget, index) {
this.img = widget.getElementsByTagName('img')[0];
this.widgetIndex = index;
this.activated = false;
var p = iiPersistence.get(widget.id);
if (p) {
p = p.split(',');
widget.style.top = p[0];
widget.style.left = p[1];
}
return Object.extend(widget, this);
}
prWidget.prototype = {
dispose: function() {
this.onmouseover = null;
this.onmousedown = null;
this.onclick = null;
this.img.style.cursor = 'pointer';
},
activate: function() {
iiWidget.inactivate();
iiWidget.activate(this);
this.activated = true;
},
inactivate: function() {
this.activated = false;
},
isActive: function() {
// return this.style.zIndex == ContentsBrowser.widgets.length;
return this.activated;
},
onmouseover: function(e) {
this.img.style.cursor = this.isActive() ? 'pointer' : 'move';
},
onmousedown: function(e) {
this.dragged = false;
this.active = this.isActive();
this.activate();
this.top = this.offsetTop;
this.left = this.offsetLeft;
iiDrag.init(e, this.onDrag.bind(this), this.onDrop.bind(this));
return false;
},
onclick: function(e) {
this.img.style.cursor = 'pointer';
//pr2
// if(this.widgetIndex == 9 && this.active && !this.dragged){
// iiWidget.widgets[6].open();
if(this.widgetIndex == 7 && this.active && !this.dragged){
iiWidget.widgets[4].open();
return false;
}
// return !this.dragged;
return this.active && !this.dragged;
},
onDrag: function(x, y) {
if (x != 0 || y != 0) {
this.dragged = true;
iiWidget.prototype._drag.apply(this, arguments);
}
return false;
},
onDrop: function() {
if (this.dragged) {
var pos = this.style.top + ',' + this.style.left;
iiPersistence.set(this.id, pos);
}
}
}
var iiEventAction = {
WIDGETS: {
enableBackgroundUploader: function() {
if(!document.getElementById('backgroundUploader')) {
var resource = {
en: ['Background', 'Drag&Drop an image here.'],
ja: ['背景', '背景にしたい画像をここにドラッグ&ドロップしてください。']
};
var text = resource[ContentsBrowser.getLanguage()];
var currentBackgroundUrl = document.body.style.backgroundImage.substr(4, document.body.style.backgroundImage.length-5);
// for Opera
if(currentBackgroundUrl.indexOf('"') >= 0) {
currentBackgroundUrl = currentBackgroundUrl.substr(1, currentBackgroundUrl.length-2);
}
var objectCode = '
';
if(USE_ALT_OBJECT) {
objectCode = '
';
}
var content = '
' + text[1] + '
'
+ '
' + objectCode + '
';
iiWidget.backgroundUploader = iiWidget.create('backgroundUploader', text[0], content, document.createElement('a'));
}
iiWidget.backgroundUploader.open();
iiWidget.activateTop();
}
}
};
function SWFVisibleOnOff(swfObj,widgetObj,visibility){
var displayState = (visibility) ? "block" : "none";
if(widgetObj.id=="work4" && swfObj) swfObj.style.display = displayState;
}
function AC_Generateobj(objAttrs, params, embedAttrs)
{
var str = '';
if (isIE && isWin && !isOpera)
{
str += '
';
}
str += '';
}
else
{
str += '