/*topNavibar(S)*/
function topNavibar() {

//topbar
var div1=document.createElement('div');
div1.style.background="rgb(241, 241, 241) url(/js/bar/bar_bg.gif) repeat-x scroll 0px 100%";
div1.style.display="block";
div1.style.position="fixed";
//div1.style.position="absolute";
div1.style.top="0px";
div1.style.left="0px";
div1.style.height="";
div1.style.width="100%";
div1.style.minWidth="740px";
div1.style.MozBackgroundClip="-moz-initial";
div1.style.MozBackgroundOrigin="-moz-initial";
div1.style.MozBackgroundInlinePolicy="-moz-initial";
div1.setAttribute('id','topbar');

//barleft
var div2=document.createElement('div');
div2.style.cssFloat="left";
div2.style.width="170px";
div2.setAttribute('id','barleft');
div1.appendChild(div2);
var p1=document.createElement('p');
div2.appendChild(p1);
var a1=document.createElement('a');
a1.setAttribute('href','http://www.cocosta.jp/');
p1.appendChild(a1);
var img1=document.createElement('img');
img1.setAttribute('border','0');
img1.style.margin="5px 0px 0px 3px";
img1.setAttribute('alt','ロゴ');
img1.setAttribute('src','http://www.cocosta.jp/js/bar/bar_navilogo.gif');
a1.appendChild(img1);

//barright
var div3=document.createElement('div');
div3.style.cssFloat="right";
div3.style.height="30px";
div3.style.width="280px";
div3.style.fontSize="12px";
div3.style.lineHeight="30px";
div3.style.textAlign="right";
div3.style.marginRight="10px";
div3.style.display="inline";
div3.setAttribute('id','barright');
div1.appendChild(div3);

//barcenter
var div4=document.createElement('div');
div4.style.margin="0px";
div4.style.fontSize="12px";
div4.style.lineHeight="30px";
div4.style.height="30px";
div4.style.textAlign="left";
div4.setAttribute('id','barcenter');
div1.appendChild(div4);

//clear
var div5=document.createElement('div');
div5.style.clear="both";
div1.appendChild(div5);
var hr1=document.createElement('hr');
hr1.style.display="none";
div5.appendChild(hr1);

    var oBODY=document.getElementsByTagName('body').item(0);
    oBODY.appendChild(div1);

bar_text();
//print randmsg
	
}
/*topNavibar(E)*/




/*randmsg(S)*/
function bar_text(){
	var msgs = new Array;
// ◆センターテキスト（ランダム）ここから設定	全角25文字程度まで推奨
	msgs[0] = '　<span class="black"><a href="http://kansha-hagaki.jp/" target="_blank" >ビジネス・販促・お客さま作りを応援するお礼状・挨拶状の印刷専門サイト～【感謝はがき】</a></span>';
	msgs[1] = '　<span class="black"><a href="http://www.aisatsujo.jp/" target="_blank" >プレビューで楽しい！簡単！ハガキ作成～【挨拶状ドットコム～デザイナーズ】</a></span>';
	msgs[2] = '　<span class="black"><a href="http://www.aisatsujo.com/" target="_blank" >文例豊富なビジネス挨拶状印刷専門サイト～【挨拶状ドットコム】</a></span>';
	msgs[3] = '　<span class="black"><a href="http://www.happy-shower.jp/" target="_blank" >みんなハッピーに！ 結婚招待状/席次表/席札～【HAPPY SHOWER】</a></span>';
// ◆センターテキスト（ランダム）ここまで設定	
	var shuffle = Math.floor( Math.random() * msgs.length );
	document.getElementById("barcenter").innerHTML = (msgs[shuffle]);

	var msgs2 = new Array;
// ◆右上テキスト（ランダム）ここから設定　全角18文字程度まで推奨	
	msgs2[0] = '<span class="black"><a href="http://www.cocosta.jp/admin/member_regist.php">新規登録</a>｜<a href="http://www.cocosta.jp/admin/login.php">ログイン</a></span>';
// ◆右上テキスト（ランダム）ここまで設定	
	document.getElementById("barright").innerHTML = msgs2;

topbarCSS();
// print barCSS

}
/*randmsg(E)*/









/*barCSS(S)*/
function topbarCSS(){

 //document.write ('<link href="http://www.cocosta.jp/js/bar/styles.css" rel="stylesheet" type="text/css" />');

 if(document.all)
  document.createStyleSheet('http://www.cocosta.jp/js/bar/styles.css');
   // stylesheet object createStyleSheet([sURL] [, iIndex])
   // iIndexは省略可。省略するとスタイルシート集合の最後に追加。 

 else if(document.styleSheets){
  var nLink=document.createElement('link');
   // Element createElement(in DOMString tagName)
   // raises(DOMException);
  
  nLink.rel="StyleSheet";
  nLink.type="text/css";
  nLink.href="http://www.cocosta.jp/js/bar/styles.css";
  var oHEAD=document.getElementsByTagName('head').item(0);
  oHEAD.appendChild(nLink);
   // Node appendChild(in Node newChild)
   // raises(DOMException);
 }
}
/*barCSS(E)*/

window.onload = topNavibar;