// JavaScript Document
var dispVal=true;
function blink(){
if (dispVal) {
dispVal=false;
if (document.getElementById("bSpan1")){
document.getElementById("bSpan1").style.visibility="visible";
document.getElementById("bSpan2").style.visibility="visible";
}
}
else {
dispVal=true;
if (document.getElementById("bSpan1")){
document.getElementById("bSpan1").style.visibility="hidden";
document.getElementById("bSpan2").style.visibility="hidden";
}
}
}
function blinkOut(){
if (document.getElementById("bSpan1")){
document.getElementById("bSpan1").style.visibility="visible";
document.getElementById("bSpan2").style.visibility="visible";
}
setTimeout('blinkIn()', 1800);
}
function blinkIn (){
if (document.getElementById("bSpan1")){
document.getElementById("bSpan1").style.visibility="hidden";
document.getElementById("bSpan2").style.visibility="hidden";
}
setTimeout('blinkOut()', 400);
}
var initialContentHeight ;
function initFooterHeight() {
var h1 = document.getElementById("left_menus").offsetHeight ;
var h2 = document.getElementById("content").offsetHeight ;
var h3 = document.getElementById("right_menus").offsetHeight ;
var h4 = document.getElementById("header").offsetHeight ;
var h5 = document.getElementById("footer").offsetHeight ;
var h6 = document.getElementById("top").offsetHeight ;
var h7 = document.getElementById("login").offsetHeight ;
h2 += h4 + h6 - h5 ;
h1 += h4 + h6 ;
h3 += h6 ;
var max = Math.max(h1,h2,h3) ;
if (max > h2 ) {
var dif = max - h2 ;
//alert(dif) ;
document.getElementById("pagelinks").style.marginTop = dif +'px' ;
}
}
function popupimg(url, title, h, w) {
var outwin = window.open("", null, 'width='+w+',height='+h+',menubar=no,status=no,location=no,toolbar=no,scrollbars=no');
outwin.document.writeln(""+title+"![](\""+url+"\"\/)
");
outwin.document.close();
}
function popupimgfortmce(url, title, h, w) {
var outwin = window.open('showPhoto.action?url='+url, null, 'width='+w+',height='+h+',menubar=no,status=no,location=no,toolbar=no,scrollbars=no');
outwin.document.writeln(""+title+"");
outwin.document.close();
}
function initsite() {
setTimeout('blinkOut()', 1000);
initVariables();
initFooterHeight();
// setTimeout("initBanner()", 100);
// setInterval('blinkOut()', 1000);
}
function initVariables() {
initialContentHeight = document.getElementById("content").offsetHeight ;
document.getElementById("content").style.height = document.getElementById("content").offsetHeight + 'px';
}
function increaseContentHeight (x) {
alert(x)
var temp = document.getElementById("content").style.height.split('px');
var num = (temp[0] * 1) + x ;
document.getElementById("content").style.height = num + 'px';
// adjustMainHeight() ;
}
function showPrefecture (id) {
var i = 1;
var id_prefix = "prefecture_" ;
var tmp = id_prefix + i ;
while (document.getElementById(tmp)) {
if (tmp != id) {
document.getElementById(tmp).style.display = "none"
} else {
if (document.getElementById(tmp).style.display == "block") {
document.getElementById(tmp).style.display = "none";
}else {
document.getElementById(tmp).style.display = "block";
}
}
i ++;
tmp = id_prefix + i ;
}
}
var prefLoaded = "none";
function showPrefectures (id) {
if (prefLoaded != id) {
document.getElementById("prefectures").innerHTML = document.getElementById(id).innerHTML ;
var newNode = document.createElement('div');
newNode.className = 'cleaner';
document.getElementById("prefectures").appendChild(newNode);
document.getElementById("prefectures").className = "loaded"
prefLoaded = id ;
} else {
document.getElementById("prefectures").innerHTML = "";
document.getElementById("prefectures").className = ""
prefLoaded = "none";
}
}
function goImgWin(myImage,myWidth,myHeight,origLeft,origTop) {
myHeight += 24;
myWidth += 24;
TheImgWin = window.open(myImage,'image','height=' +
myHeight + ',width=' + myWidth +
',toolbar=no,directories=no,status=no,' +
'menubar=no,scrollbars=no,resizable=no');
TheImgWin.resizeTo(myWidth+2,myHeight+30);
TheImgWin.moveTo(origLeft,origTop);
TheImgWin.focus();
}
function loadPrefecture(id) {
if (prefLoaded != id) {
if (prefLoaded != "none") {
document.getElementById(prefLoaded).style.display = "none";
currentOpac(prefLoaded, 0, 200);
}
document.getElementById(id).style.display = "block"
currentOpac(id, 100, 400);
currentOpac('mapbgimage', 20, 400);
prefLoaded = id ;
}else {
currentOpac('mapbgimage', 100, 300);
currentOpac(id, 0, 300);
document.getElementById(id).style.display = "none"
prefLoaded = "none";
}
}
function opacity(id, opacStart, opacEnd, millisec) {
//speed for each frame
var speed = Math.round(millisec / 100);
var timer = 0;
//determine the direction for the blending, if start and end are the same nothing happens
if(opacStart > opacEnd) {
for(i = opacStart; i >= opacEnd; i--) {
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
timer++;
}
} else if(opacStart < opacEnd) {
for(i = opacStart; i <= opacEnd; i++)
{
setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
timer++;
}
}
}
//change the opacity for different browsers
function changeOpac(opacity, id) {
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}
function shiftOpacity(id, millisec) {
//if an element is invisible, make it visible, else make it ivisible
if(document.getElementById(id).style.opacity == 0) {
opacity(id, 0, 100, millisec);
} else {
opacity(id, 100, 0, millisec);
}
}
function blendimage(divid, imageid, imagefile, millisec) {
var speed = Math.round(millisec / 100);
var timer = 0;
//set the current image as background
document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
//make image transparent
changeOpac(0, imageid);
//make new image
document.getElementById(imageid).src = imagefile;
//fade in image
for(i = 0; i <= 100; i++) {
setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
timer++;
}
}
function currentOpac(id, opacEnd, millisec) {
//standard opacity is 100
var currentOpac = 100;
//init opacity to 0 if undefined
if (!document.getElementById(id).style.opacity) {
changeOpac(0, id)
}
//if the element has an opacity set, get it
if(document.getElementById(id).style.opacity < 100) {
currentOpac = document.getElementById(id).style.opacity * 100;
}
//call for the function that changes the opacity
opacity(id, currentOpac, opacEnd, millisec)
}
function initBanner2() {
blendimage('hImage', 'hImage1', 'images/testbg.jpg', 400);
setTimeout("initBanner()", 4000);
}
function initBanner() {
blendimage('hImage', 'hImage1', 'images/header_bg.jpg', 400);
setTimeout("initBanner2()", 4000);
}
window.onload = initsite ;