/* import JS files
****************************************************/

IncludePas = "http://www.caffeine.co.jp/";


//FOOTER FIX
/*document.write('<script type="text/javascript" src="'+IncludePas+'lib/footerFixed.js"></script>');*/

//PROTOTYPE
document.write('<script type="text/javascript" src="'+IncludePas+'lib/prototype.js"></script>');

//COOKIEMANAGER
document.write('<script language="Javascript" type="text/javascript" src="'+IncludePas+'lib/cookiemanager.js"></script>');

//FONTSIZE
document.write('<script language="Javascript" type="text/javascript" src="'+IncludePas+'lib/fontchanger.js"></script>');

//SCRIPTACULOUS
document.write('<script type="text/javascript" src="'+IncludePas+'lib/scriptaculous.js?load=effects"></script>');

//SCROLL
document.write('<script type="text/javascript" src="'+IncludePas+'lib/scroll.js"></script>');

//heightLine
document.write('<script type="text/javascript" src="'+IncludePas+'lib/heightLine.js"></script>');

//LightBox 2.03.3
document.write('<script type="text/javascript" src="'+IncludePas+'lib/lightbox.js"></script>');

//FLASH
document.write('<script type="text/javascript" src="'+IncludePas+'lib/flash.js"></script>');

//Topicsカラーテーブル

function setColorTable(){
	
	var topics = document.getElementById("topics");
	var table_tag = topics.getElementsByTagName('table');
	var tr_tag = table_tag[0].getElementsByTagName('tr');
	var flg = true;
	
	for(var i = 0; i<tr_tag.length; i++){
		var th_tag = tr_tag[i].getElementsByTagName('th');
		var td_tag = tr_tag[i].getElementsByTagName('td');
		if(flg){
			th_tag[0].style.backgroundColor = "#f9f9f9";
			td_tag[0].style.backgroundColor = "#f9f9f9";
			th_tag[0].style.backgroundImage = 'url("images/th_1.gif")';
			th_tag[0].style.backgroundRepeat = "no-repeat";
			flg = false;
		}else{
			th_tag[0].style.backgroundImage = 'url("images/th_2.gif")';
			th_tag[0].style.backgroundRepeat = "no-repeat";
			flg = true;
		}
	}
}

/* Listボックスフロート*/
//CSSフロート
function cssFloat(obj, value){
	if(navigator.appName == "Microsoft Internet Explorer"){
		obj.style.styleFloat = value;
	}else {
		obj.style.cssFloat = value;
	}
}

function floatList(id){
	var target = document.getElementById(id);
	var ul_tag = target.getElementsByTagName('ul');
	var li_tag = ul_tag[0].getElementsByTagName('li');
	var flg = true;
	for(var i = 0; i<li_tag.length; i++){
		if(flg){
			cssFloat(li_tag[i], "left");
			flg = false;
		}else{
			cssFloat(li_tag[i], "right");
			flg = true;
		}
	}
}


//ページ読み込み完了後の処理


function setTabNavigation(){
	var box1 = document.getElementById("portfolio");
	var box2 = document.getElementById("service");
	var box3 = document.getElementById("flow");
	var tab1 = document.getElementById("btn1");
	var tab2 = document.getElementById("btn2");
	var tab3 = document.getElementById("btn3");
	var over = function() { this.src = this.src.replace('_off.', '_on.'); };
    var out  = function() { this.src = this.src.replace('_on.', '_off.'); };
	tab1.onclick = function(){
		box1.style.display = "block";
		box2.style.display = "none";
		box3.style.display = "none";
	}
	tab1.onmouseover = over;
    tab1.onmouseout  = out;
	tab2.onclick = function(){
		box1.style.display = "none";
		box2.style.display = "block";
		box3.style.display = "none";
	}
	tab2.onmouseover = over;
    tab2.onmouseout  = out;	
	tab3.onclick = function(){
		box1.style.display = "none";
		box2.style.display = "none";
		box3.style.display = "block";
	}
	tab3.onmouseover = over;
    tab3.onmouseout  = out;
}

window.onload=function(){
	var bodyid = document.getElementById("top");
	if(bodyid){
		setColorTable();
		floatList("banner");
	}
	var portfolio = document.getElementsByClassName("portfolio pkg");
	if(portfolio != null){
		var portlength = portfolio.length;
		var flg = true;
		for(var i = 0; i<portlength; i++){
			if(flg){
				portfolio[i].style.backgroundColor = "#f5f5f5";
				flg = false;
			}else{
				portfolio[i].style.backgroundColor = "#fbfbfb";
				flg = true;
			}
		}
		setTabNavigation();
	}
}