// Properly sized pretty picture on the front page.

/*@cc_on if (@_jscript_version >= 5.7) { @*/

KKW.keikotachi = {
    none: {
	weight: 0,
	img: ['../no-picture.png', 57, 53]
    },
    smooch: {
	weight: 6,
	img: ['2006-smooch.jpg', 110, 437],
	source: [
	    'http://smooch.jp/',
	    "Smooch\n2006", { bottom: '1px', right: '1px' }
	]
    },
    docomo: {
	weight: 6,
	img: ['DoCoMo.jpg', 112, 400],
	source: [
	    'http://www.nttdocomo.co.jp/',
	    "DoCoMo\n2007", { bottom: '19px', left: '1px' }
	],
	pin: { left: '0px' }
    },
    docomo2: {
	weight: 6,
	img: ['DoCoMo2.jpg', 117, 390],
	source: [
	    'http://www.nttdocomo.co.jp/',
	    "DoCoMo\n2007", { bottom: '30px', right: '1px' }
	]
    },
    capsela103: {
	weight: 1,
	img: ['Capsela103.jpg', 116, 389],
	source: [
	    'http://www.suntory.co.jp/',
	    "Suntory\n2008", { bottom: '1px', right: '3px' }
	]
    },
    capsela114: {
	weight: 1,
	img: ['Capsela114.jpg', 128, 459],
	source: [
	    'http://www.suntory.co.jp/',
	    "Suntory\n2008", { bottom: '1px', left: '3px' }
	]
    },
    capsela116: {
	weight: 1,
	img: ['Capsela116.jpg', 127, 396],
	source: [
	    'http://www.suntory.co.jp/',
	    "Suntory\n2008", { bottom: '1px', right: '3px' }
	],
	pin: { left: '0px' }
    },
    capsela117: {
	weight: 1,
	img: ['Capsela117.jpg', 101, 398],
	source: [
	    'http://www.suntory.co.jp/',
	    "Suntory\n2008", { bottom: '1px', right: '3px' }
	]
    },
    capsela118: {
	weight: 1,
	img: ['Capsela118.jpg', 97, 395],
	source: [
	    'http://www.suntory.co.jp/',
	    "Suntory\n2008", { bottom: '27px', right: '3px' }
	]
    },
    capsela436: {
	weight: 1,
	img: ['Capsela436.jpg', 120, 394],
	source: [
	    'http://www.suntory.co.jp/',
	    "Suntory\n2008", { bottom: '1px', left: '3px' }
	]
    },
    coffret: {
	weight: 6,
	img: ['Coffret.jpg', 103, 448],
	source: [
	    'http://www.kanebo-cosmetics.jp/coffretdor/',
	    "Kanebo\n2008", { bottom: '1px', left: '3px' }
	]
    },
    anySiS: {
	weight: 6,
	img: ['2010-09-11-anySiS.jpg', 110, 400],
	source: [
	    'http://www.anysis.jp/',
	    "anySiS\n2010 A/W", { bottom: '30px', right: '1px' }
	]
    }//,
};

KKW.keiko = function() {
    var $ = KKW.$ || window.$;
    var cookie = KKW.cookie || window.cookie;
    var d = KKW.keikotachi;
    var left = 'left', right = 'right';
    var wxh = 0;
    var dstyle = KKW.dynamicStyle();
    var id = cookie.favkeiko;
    if (!id || !d[id]) {
	var s = 0;
	for (var id in d) s += d[id].weight;
	var r = Math.random()*s;
	for (var id in d) if ((r -= d[id].weight) <= 0) break;
	cookie.favkeiko = null;
    }
    d = d[id];
    $('#keiko').each(function(k) { k.parentNode.removeChild(k) });
    var k = document.createElement('div');
    k.id = 'keiko';
    var img = document.createElement('IMG');
    img.alt = "Keiko";
    img.onclick = function(){ location = KKW.base + 'miscellaneous/keiko/' };
    k.appendChild(img);
    if (d.source) {
	var a = document.createElement('A');
	a.lang = 'ja';
	a.target = '_blank';
	a.hreflang = 'ja';
	a.href = d.source[0];
	a.innerHTML = d.source[1].replace(/\n/g, '<br>');
	for (var s in d.source[2]) a.style[s] = d.source[2][s];
	k.appendChild(a);
    }
    var input = document.createElement('INPUT');
    input.type = 'checkbox';
    d.pin = d.pin || { right: '0px' };
    for (var s in d.pin) input.style[s] = d.pin[s];
    if (id != 'none') k.appendChild(input);
    document.body.appendChild(k);

    function pin()
    {
	input.title =
	    (input.checked = !!cookie.favkeiko) ? "Pinned" : "Random";
    }
    pin();

    if (document.body.id == 'keikotachi') {
	input.disabled = true;
    } else {
	input.onclick = function() {
	    cookie.set('favkeiko', cookie.favkeiko ? undefined : id);
	    pin();
	};
    }

    function keiko(e)
    {
	if (!k.parentNode) return dstyle.destroy();
	var v = KKW.viewport();
	if (v[4] != wxh) e.redo = true;
	wxh = v[4];
	if (v[2] < 464) {
	    dstyle();
	} else {
	    img.src = KKW.base + 'miscellaneous/keiko/' + d.img[0];
	    var mw = v[2]/6, mh = v[3] - $('#head')[0].offsetHeight - 10;
	    var y = 'visible';
	    var w = d.img[1];
	    if (w > mw) {
		w = mw;
		y = 'hidden';
	    }
	    var h = w / d.img[1] * d.img[2];
	    if (h > mh) {
		h = mh;
		w = h / d.img[2] * d.img[1];
		y = 'hidden';
	    }
	    w = Math.round(w);
	    h = Math.round(h);
	    var m = Math.max(Math.round((v[2]-800)/2), w);
	    var c = input.offsetWidth*d.img[1] <= 30*w ? 'visible' : 'hidden';
	    dstyle(
		'#keiko { visibility: visible; '+left+': '+(v[2]-m)+'px }',
		'#keiko, #keiko IMG { width: '+w+'px; height: '+h+'px }',
		'#body { width: auto; margin: 0px '+m+'px }',
		v[2] < 750 ? '#body { margin-'+left+': 5% }' : '',
		'#keiko A { visibility: '+y+' }',
		'#keiko INPUT { visibility: '+c+' }',
		'@media print { #keiko { '+right+': 0px } #body { margin-'+
		left+': 0px; margin-'+right+': '+d.img[1]+'px }',
		'#keiko, #keiko IMG { width: auto; height: auto }',
		'#keiko A { visibility: visible } }'
	    );
	    k.className = right == 'left' ? 'mirror' : '';
	}
	return true;
    }
    KKW.addOnHandler(window, 'resize', keiko);
    KKW.resize();

    var moveID;
    function move() {
	var t = left; left = right; right = t;
	KKW.resize();
    }
    function escape(target) {
	clearTimeout(moveID);
	if (target == img) {
	    moveID = setTimeout(move, 500);
	} else
	if (target != document.body && right != 'right') {
	    moveID = setTimeout(move, 10000);
	}
    }
    document.body.onmouseover = function(e) {
	e = e || window.event;
	escape(e.target || e.srcElement);
    };
    document.body.onmouseout = function() {
	escape(null);
    };
};
if (KKW.loaded) {
    KKW.keiko();
} else {
    KKW.addOnHandler(window, 'DOMLoaded', KKW.keiko);
}
/*@cc_on } @*/