
window.onload = function(){
	if(document.getElementById('header')){ // ヘッダーのあるページのみ動作
		setHdr();
	}
	
	if(document.getElementById('items')){ // トップページのみで動作
		setBgImage();
		setBnr();
	}

	var menu = document.getElementById('nav').getElementsByTagName('LI');
	for(i=0; i<menu.length; i++){
		if(i == pageIndex){
			menu[i].getElementsByTagName('A')[0].style.backgroundImage = 'url(/images/menu2.gif)';
		}
	}
}

// トップページ用のカテゴリーの見出しに色違いの背景を設定する
function setBgImage(){

	var imgObj = new Image();
	imgObj.src = "/images/h2_clicked.gif";

	var bg = new Array();
	bg[0] = '#FFCC00';
	bg[1] = '#FFCC00';
	bg[2] = '#FFCC00';
	bg[3] = '#FFCC00';
	var items = document.getElementById('items');
	var category = items.getElementsByTagName('DIV');
	for(i=0; i<category.length; i++){
		if(category[i].className == 'category'){
			var n = i % 4;
			category[i].getElementsByTagName('H2')[0].style.backgroundColor = bg[n];
		}
	}
}

// 特別なお知らせの表示・非表示を切り替える
function setInfo(){
	var info = document.getElementById('special_info');
	if(info.className == 'active'){
		info.className = 'nonactive';
	}else{
		info.className = 'active';
	}
}

// ヘッダー画像を表示
function setHdr(){

var bgImages; // 画像のURL

bgImages = '/hdr/1218442177.jpg';

document.getElementById('header').style.backgroundImage = 'url('+bgImages+')';
}

// バナー画像を表示
function setBnr(){
var bgImages = new Array();
var image_link = new Array();
var inner = document.getElementById('bnr_inner');
bgImages[0] = '/bnr/1202114753.jpg';
bgImages[1] = '/bnr/1227243999.jpg';
image_link[0] = 'http://www.densenkan.com/index.php/category/main/id=0/s_id=120/?id=0&s_id=120&offset=0&category=1&kw=%A5%ED%A5%DC%A5%C3%A5%C8%A5%B1%A1%BC%A5%D6%A5%EB&query=0&count=0&maker=0&color=0&size=0&dotai=&x=61&y=29';
image_link[1] = 'http://www.densenkan.com/index.php/category/main/id=0/l_id=16/?category=1&kw=UL1007&query=0';
image_link[2] = '';

var imgNum = Math.floor(Math.random() * bgImages.length);
if(image_link[imgNum]){
	inner.innerHTML = '<div id="bnr" onclick="location.href=\''+image_link[imgNum]+'\'"></div>';
	document.getElementById('bnr').style.cursor = 'hand';
}

document.getElementById('bnr').style.backgroundImage = 'url('+bgImages[imgNum]+')';

}
