var rss_lines = Array("<a href='http://citylife-new.com/'>北摂・阪神・神戸の地域ニュースサイト「City Life N...</a>","<a href='http://www.citylife-shop.com/'>北摂・阪神の通販サイト「良品探訪」...</a>","<a href='http://hokuguru.com/'>北摂のグルメ情報サイト「ホクグル」...</a>");
var slider_pos = 1;
var slider_move = -10;
var max_line = 3;
var interval = 6000;
var anim_speed = 500;
var box_width = 950;

shuffle_arr(rss_lines);

function shuffle_arr(list) {
  var i = list.length;

  while (--i) {
    var j = Math.floor(Math.random() * (i + 1));
    if (i == j) continue;
    var k = list[i];
    list[i] = list[j];
    list[j] = k;
  }

  return list;
}

function insert_info(){
	var cs = document.createElement("link");
	cs.rel="stylesheet";
	cs.href="/css/navi_bar/navi_bar.css";
	cs.type="text/css";
	document.getElementsByTagName('head')[0].appendChild(cs);

	var banner = document.createElement("div");

	banner.innerHTML ='<div id="topbar" class="cf">  <ul id="barNavi">    <li style="padding-top:2px;"><a href="http://blog.citylife-new.com/" title="ページトップ"><img src="http://digest.citylife-new.com/img/common/logo_alf.png" alt="シティライフ"></a></li>    <li><a href="http://blog.citylife-new.com/index_map.php">マップ</a></li>    <li><a href="http://blog.citylife-new.com/calendar.php" target="_blank">カレンダー</a></li>    <li style="padding-top:0px;">      <form action="http://www.google.co.jp/cse" id="cse-search-box">  <div>    <input type="hidden" name="cx" value="partner-pub-2200448984205078:4007258949" />    <input type="hidden" name="ie" value="UTF-8" />    <input type="text" name="q" size="30" style="height:20px;width:180px;" />    <input type="submit" name="sa" value="検索" />  </div></form><script type="text/javascript" src="http://www.google.co.jp/coop/cse/brand?form=cse-search-box&amp;lang=ja"></script>    </li>    <li><div class="center_add_text"></div></li>    <li class="login"><a href="https://blog.citylife-new.com/admin/login"><img src="http://blog.citylife-new.com//img/common/login.gif" alt="ログイン"></a></li>  </ul></div><!--end#topbar-->';
	document.body.insertBefore(banner, document.body.firstChild);
	
}

function resizeContainer() {
	var containerWidth = $(window).width();
		$('#topbar .slider_style').css("width","350px");
		$('#topbar .center_add_text').css("width","350px");
        $('#topbar .center_add_text').css("height","20px");
        $('#topbar .center_add_text').css("overflow","hidden");
	
}


function wel_slider_move(){
	$('#topbar .center_add_text div').animate({'marginLeft' : slider_move , opacity: 'hide'}, anim_speed );
	$('.slider_line' + slider_pos).animate({'marginLeft' : 0 , opacity: 'show'}, anim_speed );	
	slider_pos = (slider_pos +1) % max_line;
}


$(document).ready(function(){

	insert_info();
	
	var count = 0;
	for(;count < max_line;count++){
		$('#topbar .center_add_text').append('<div class="slider_line'+count+' slider_style">'+rss_lines[count]+'</a>');
	}
	$(window).bind("resize", resizeContainer);
	$('#topbar .center_add_text div').animate({'marginLeft' : slider_move , opacity: 'hide'}, 0 );
	$('#topbar .center_add_text .slider_line0').animate({'marginLeft' : 0 , opacity: 'show'}, 0 );
	
	resizeContainer();
	setInterval(wel_slider_move,interval);
	
});