var rss_lines = Array("<a href='https://rakueninfo.ko-co.jp/e339079.html'>【活動報告】西宮市主催の起業応援フェアに...</a>","<a href='https://rakueninfo.ko-co.jp/e335476.html'>【楽園化計画】武庫之荘エリアでブログ仲間...</a>","<a href='https://rakueninfo.ko-co.jp/e317555.html'>【楽園化計画】”子育て”地域交流会を2ヶ...</a>","<a href='https://rakueninfo.ko-co.jp/e279942.html'>【楽園化計画】子育て家庭を支援するイベン...</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/rakuen/navi_bar_pre.css";
	cs.type="text/css";
	document.getElementsByTagName('head')[0].appendChild(cs);
	$('body').css('margin-top', '30px');

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

	banner.innerHTML ='<!-- シングルクオートは使用しないで下さい --><!-- 画像やリンクはフルパスで指定して下さい --><div id="navi_bar_cl"><div class="navi_logo"><a href="http://rakuen-blog.com/"><img src="/img/rakuen/navi_bar/logo.png" alt="楽園ブログ" /></a><iframe src="https://weblike-ko-co.ssl-lolipop.jp/rakuen/navi/fb_button.html" scrolling="no" frameborder="0" class="fbframe"></iframe></div><div class="center_add_text"></div><div class="right_navi"><div class="link_box"><a href="http://rakuen-blog.com/contents/rakuen/about/services.html">「楽園ブログ」で出来ること</a></div><div class="button_img"><a href="http://rakuen-blog.com/contents/rakuen/member_regist.html"><img src="/img/rakuen/navi_bar/join_button.png" height="26" width="100" alt="新規登録" /></a></div><div class="button_img"><a href="http://admin.ko-co.jp/admin/login"><img src="/img/rakuen/navi_bar/login_button.png" height="26" width="100" alt="ログイン" /></a></div></div></div>';
	document.body.insertBefore(banner, document.body.firstChild);

}

function resizeContainer() {
	var containerWidth = $(window).width();

	if(containerWidth < box_width){
		$('#navi_bar_cl .slider_style').css("padding-top","30px");
		$('#navi_bar_cl .slider_style').css("width","100%");
		$('#navi_bar_cl .center_add_text').css("margin-top","0px");
		$('#navi_bar_cl .center_add_text').css("width","100%");
	}else{
		$('#navi_bar_cl .slider_style').css("padding-top","0px");
		$('#navi_bar_cl .slider_style').css("width","300px");
		$('#navi_bar_cl .center_add_text').css("margin-top","-30px");
		$('#navi_bar_cl .center_add_text').css("width","300px");
	}

}


function wel_slider_move(){
	$('#navi_bar_cl .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++){
		$('#navi_bar_cl .center_add_text').append('<div class="slider_line'+count+' slider_style">'+rss_lines[count]+'</a>');
	}
	$(window).bind("resize", resizeContainer);
	$('#navi_bar_cl .center_add_text div').animate({'marginLeft' : slider_move , opacity: 'hide'}, 0 );
	$('#navi_bar_cl .center_add_text .slider_line0').animate({'marginLeft' : 0 , opacity: 'show'}, 0 );

	resizeContainer();
	setInterval(wel_slider_move,interval);

});