/* 変数定義
*
*
* brw          : ブラウザ情報
* brws         : ブラウザ名
* scwidth  　　: スクロールバーの幅
*
* w            : 表示枠のWidth
* h            : 表示枠のHeight
* 
*　スペース
* spwidth      : スペースの幅
* spheight     : スペースの高さ
* rspleft      : 右スペースのLeft
* lspleft      : 左スペースのLeft
* 
*
*　飾り枠大（右下）
* kazari1top   : 飾り枠大のTop
* kazari1left  : 飾り枠大のLeft
* kazari1width : 飾り枠大のWidth
* kazari1height: 飾り枠大のHeight
*
*　飾り枠小（左上）
* kazari2top   : 飾り枠小のTop
* kazari2left  : 飾り枠小のLeft
* kazari2width : 飾り枠小のWidth
* kazari2height: 飾り枠小のHeight
*
*　ヘッダー
* headtop      : ヘッダーのTop
* headleft     : ヘッダーのLeft
* headwidth    : ヘッダーのWidth
* headheight   : ヘッダーのHeight
*
*　フッター
* foottop      : フッターのTop
* footleft     : フッターのLeft
* footwidth    : フッターのWidth
* footheight   : フッターのHeight
*
*　メニュー
* menutop      : メニューのTop
* menuleft     : メニューのLeft
* menuwidth    : メニューのWidth
* menuheight   : メニューのHeight
*
*　メイン
* maintop      : メインのTop
* mainleft     : メインのLeft
* mainwidth    : メインのWidth
* mainheight   : メインのHeight
*
*　背景１(上部)
* back1top     : 背景１のTop
* back1left    : 背景１のLeft
* back1width   : 背景１のWidth
* back1height  : 背景１のHeight
*
*
*
*
*　背景２(下部)
* back2top     : 背景２のTop
* back2left    : 背景２のLeft
* back2width   : 背景２のWidth
* back2height  : 背景２のHeight
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*/

onload = initcss;
onresize = initcss;

function initcss() {

//ブラウザ判別-------------------------------

brw = navigator.userAgent.toLowerCase();

if (brw.indexOf('opera') != -1) { 
    brws='Opera';
} else if (brw.indexOf('msie 7') != -1) {
    brws='IE7';
} else if (brw.indexOf('msie') != -1) {
    brws='IE';
} else if (brw.indexOf('safari') != -1) { 
    brws='Safari';
} else if (brw.indexOf('fire') != -1) {
    brws='FireFox';
} else {
    brws= false;
}
//-------------------------------------------

//ブラウザごとの表示領域取得
switch (brws) {
case 'Opera':
	var w = document.body.clientWidth;
	var h = document.body.clientHeight;
	scwidth = 18;
	break;
case 'IE7':
	var w = document.body.clientWidth;
	var h = document.body.clientHeight;
	scwidth = 17;
	break;
case 'IE':
	var w = document.body.clientWidth;
	var h = document.body.clientHeight;
	scwidth = 17;
	break;
case 'Safari':
	var w = window.innerWidth;
	var h = window.innerHeight;
	scwidth = 17;
	break;
case 'FireFox':
	var w = document.body.clientWidth;
	var h = document.body.clientHeight;
	//Firefoxのみスクロールバーの幅を抜いた長さが取得される。(17px)
	break;
}
//-------------------------------------------

//各スタイルの算出

//　スペース
spwidth = (w - 755) / 2;
rspleft = spwidth + 755; 

//　飾り枠小（左上）
kazari2left = spwidth + 10;
kazari2width =150;
kazari2height =96;

//　飾り枠小（右下）
kazari1left = spwidth + 150;
kazari1height = h - 111;
kazari1width = 590;

//　メイン
mainheight = h - 101;
mainleft   = spwidth + 165;
mainwidth  = 590;

//　メニュー
menuleft   = spwidth;
menuheight = h - 110;

//　ヘッダー
back1left   = spwidth;

//　フッター
footleft    = spwidth + 155 ;
footbottom  = 0 ;

back2left   = spwidth;

dekaboxwidth     = 544;

counterleft  = spwidth + 14;

//-------------------------------------------

//背景画像の大きさ調整
var imgww=document.getElementById("img1").width;
var imghh=document.getElementById("img1").height;

if(imgww != 550){
	if(h<450){
		imgh=180;
		wari=imgh/imghh;
		imgw=imgww*wari;
	}else if(h<500){
		imgh=250;
		wari=imgh/imghh;
		imgw=imgww*wari;
	}else if(h<600){
		imgh=350;
		wari=imgh/imghh;
		imgw=imgww*wari;
	}else if(h<800){
		imgh=400;
		wari=imgh/imghh;
		imgw=imgww*wari;
	}else if(h<1000){
		imgh=450;
		wari=imgh/imghh;
		imgw=imgww*wari;
	}else{
		imgh=550;
		wari=imgh/imghh;
		imgw=imgww*wari;
	}
	document.getElementById("img1").style.width	   = imgw + "px";
	document.getElementById("img1").style.height   = imgh + "px";
}



//ブラウザごとの調整
switch (brws) {
case 'Opera':
	document.getElementById('clearbox').style.height  = 15  + "px";
	mainheight = mainheight - 10;
	break;
case 'IE7':
	footbottom = -1;
	kazari1height = kazari1height    +  5 ;
	kazari1width   =  kazari1width   +  5 ;
	document.getElementById('kazari1').style.width    = kazari1width  + "px";
	kazari2width   =  kazari2width   +  5 ;
	kazari2height  =  kazari2height  +  5 ;
	document.getElementById('kazari2').style.width    = kazari2width  + "px";
	document.getElementById('kazari2').style.height   = kazari2height + "px";
	document.getElementById('main').style.width    = 590  + "px";
	document.getElementById('clearbox').style.height  = 0  + "px";
	break;
case 'IE':
	kazari1height = kazari1height    +  5 ;
	kazari1width   =  kazari1width   +  5 ;
	document.getElementById('kazari1').style.width    = kazari1width  + "px";
	kazari2width   =  kazari2width   +  5 ;
	kazari2height  =  kazari2height  +  5 ;
	document.getElementById('kazari2').style.width    = kazari2width  + "px";
	document.getElementById('kazari2').style.height   = kazari2height + "px";
	document.getElementById('main').style.width    = 590  + "px";
	document.getElementById('clearbox').style.height  = 0  + "px";
	break;
case 'Safari':
	mainheight = mainheight - 10;
	break;
case 'FireFox':
	mainheight = mainheight - 11;
	menuheight = menuheight - 1 ;
	break;
}

//-------------------------------------------

//スタイルの適用

//　スペース
document.getElementById('spleft').style.width  = spwidth + "px";
document.getElementById('spright').style.width = spwidth + "px";
document.getElementById('spright').style.left  = rspleft + "px";

//　飾り枠大（右下）
document.getElementById('kazari1').style.left  = kazari1left + "px";
document.getElementById('kazari1').style.height  = kazari1height + "px";

//　飾り枠小（左上）
document.getElementById('kazari2').style.left  = kazari2left + "px";

//　メイン
document.getElementById('main').style.height  = mainheight + "px";
document.getElementById('main').style.left    = mainleft   + "px";

//　メニュー
document.getElementById('menu').style.left    = menuleft   + "px";
document.getElementById('menu').style.height  = menuheight + "px";

//　フッター
document.getElementById('foot').style.left    = footleft   + "px";
document.getElementById('foot').style.bottom  = footbottom + "px";

//　ヘッダー
document.getElementById('back1').style.left    = back1left   + "px";


document.getElementById('back2').style.left    = back2left   + "px";

//　カウンター
document.getElementById('counter').style.left  = counterleft + "px";

//-------------------------------------------
}