/*
Ustweet Basic
*/

var window_mask_on = false;
var modal_win_on = false;
modal_win_viewers_on = false;

var basicThamnails = new Array();

//デフォルトローディング
$(function(){
	//スムーズスクロール
	$('a[href*=#]').click(function() {
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
			&& location.hostname == this.hostname) {
			var $target = $(this.hash);
			$target = $target.length && $target
			|| $('[name=' + this.hash.slice(1) +']');
			if ($target.length) {
			var targetOffset = $target.offset().top;
			$('html,body')
			.animate({scrollTop: targetOffset}, 900);
			return false;
			}
		}
	});
	
	//サインインボタン
	$('#session_oauth_signin').mouseover(function() {
			$(this).css("filter","alpha(opacity=80)");
			$(this).css("-moz-opacity","0.80");
			$(this).css("opacity","0.80");
		});
	$('#session_oauth_signin').mouseout(function() {
			$(this).css("filter","alpha(opacity=100)");
			$(this).css("-moz-opacity","1.0");
			$(this).css("opacity","1.0");
		});
	$('#session_oauth_signin').mouseup(function() {
			$(this).css("filter","alpha(opacity=80)");
			$(this).css("-moz-opacity","0.80");
			$(this).css("opacity","0.80");
		});
	$('#session_oauth_signin').mousedown(function() {
			$(this).css("filter","alpha(opacity=100)");
			$(this).css("-moz-opacity","1.0");
			$(this).css("opacity","1.0");
			show_modal_login_form();
		});
	/*
	$("#session_oauth_signin").click(function() {
		show_modal_login_form();
	});
	*/
	// Resize mask
	$(window).resize(function(event){
		if (modal_win_on || modal_win_viewers_on) {
			var width = $(window).width();
			var height = $(window).height();
			$("#wrap #mask_b").css("width",width);
			$("#wrap #mask_b").css("height",height);
			if (window_mask_on) {
			$("#wrap #mask_b #modal_win_border").css("width",width);
			$("#wrap #mask_b #modal_win_border").css("height",height);
			}
			$("#wrap #mask").css("width",width);
			$("#wrap #mask").css("height",height);
		}
	});
	
});

//コンテンツとサイドの高さを揃える
function  fixHeight_content_side() {
	var content_h = $("#content_body").height();
	var side_h = $("#side").height();
	if (side_h > content_h) { $("#content_body").height(side_h); }
}

//チャンネルリストの高さを揃える
function fixHeight_channels() {
	$(".entry_title").flatHeights();
	$(".entry_description").flatHeights();
}

//===================================================//
//ログイン確認ダイアログを表示する
function show_modal_login_form() {
	
	//ウインドウ位置、サイズを生成
	var modal_win_w = 600;
	var modal_win_h = 390;
	var modal_win_border_w = modal_win_w + 10;
	var modal_win_border_h = modal_win_h + 10;
	
	var width = $(window).width();
	var height = $(window).height();
	
	var modal_win_top = Math.round((height - modal_win_h) / 2);
	var modal_win_border_top = Math.round((height - modal_win_border_h) / 2);
	
	//ウインドウタイトル、内容を生成
	var modal_title;
	var modal_button;
	modal_title = "<img src='" + site_url + "images/loginDialog_title.jpg' width='600' height='35' alt='' title='Twitterのアカウントでログインします' style='cursor:pointer' id='cancel' />";
	modal_button = "<a href='" + site_url + "session/login' id='twitter_oauth'><img src='" + site_url + "images/sign-in-with-twitter-l.png' width='151' height='24' alt='' title='Twitterのアカウントでログイン' style='float:right;margin-top:20px;cursor:pointer;border:0;' /></a>";
	
	//ウインドウ背景（黒バック）を生成
	$("#wrap").prepend("<div id='mask_b'></div>");
	$("#wrap #mask_b").css("position","fixed");
	$("#wrap #mask_b").css("z-index","999");
	$("#wrap #mask_b").css("top","0");
	$("#wrap #mask_b").css("left","0");
	$("#wrap #mask_b").css("width",width);
	$("#wrap #mask_b").css("height",height);
	$("#wrap #mask_b").css("text-align",'center');
	
	$("#wrap #mask_b").prepend("<div id='modal_win_border'>&nbsp;</div>");
	$("#wrap #mask_b #modal_win_border").css("margin-left","auto");
	$("#wrap #mask_b #modal_win_border").css("margin-right","auto");
	$("#wrap #mask_b #modal_win_border").css("margin-top", 0);
	$("#wrap #mask_b #modal_win_border").css("padding","10px;");
	$("#wrap #mask_b #modal_win_border").css("width", width);
	$("#wrap #mask_b #modal_win_border").css("height", height);
	$("#wrap #mask_b #modal_win_border").css("text-align",'center');
	$("#wrap #mask_b #modal_win_border").css("background-color","#000000");
	$("#wrap #mask_b #modal_win_border").css("filter","alpha(opacity=50)");
	$("#wrap #mask_b #modal_win_border").css("-moz-opacity","0.50");
	$("#wrap #mask_b #modal_win_border").css("opacity","0.50");
	$("#wrap #mask_b").show();
	
	//ウインドウ本体を生成
	$("#wrap").prepend("<div id='mask'></div>");
	$("#wrap #mask").css("position","fixed");
	$("#wrap #mask").css("z-index","1000");
	$("#wrap #mask").css("top","0");
	$("#wrap #mask").css("left","0");
	$("#wrap #mask").css("width",width);
	$("#wrap #mask").css("height",height);
	$("#wrap #mask").css("text-align",'center');
	
	//Firefox対策
	var textarea_h;
	if(jQuery.browser.mozilla){
		textarea_h = 4;
	}else{
		textarea_h = 5;
	}
	
	$("#wrap #mask").prepend("<div id='modal_win'></div>");
	$("#wrap #mask #modal_win").append(modal_title);
	$("#wrap #mask #modal_win").append("<div id='loginDialog'><p>Ustweetでは、<a href='http://twitter.com/' target='_blank'>Twitter</a>のアカウントを使ってどなたでもログインして頂けます。ログインしていただくことで、さまざまな機能が使えるようになります。（ログインにTwitterのパスワードは送信されず、安全です）</p><dl><dt><span class='eyeCatch'>&raquo;</span>返信・リツイート・Favなどを簡単に</dt><dd>Ustweet Logのツイートから、視聴者へのレスポンスをスムーズに。</dd><dt><span class='eyeCatch'>&raquo;</span>チャンネルの視聴者一覧</dt><dd>Ustweet Logから視聴者一覧（Viewers）がご覧になれます。</dd><dt><span class='eyeCatch'>&raquo;</span>あなただけの、Ustweet Logのリストを</dt><dd>フォローすることで、チェックしたいUstweet Logの一覧がつくれます。</dd></dl><p style='font-size:85%;margin-top:20px;color:#c2894b;'>※同意なしに、Twitterのメッセージ・DMを送信するなどの処理は行いません。</p>" + modal_button + "</div>");
	$("#wrap #mask #modal_win").css("margin-left","auto");
	$("#wrap #mask #modal_win").css("margin-right","auto");
	$("#wrap #mask #modal_win").css("margin-top", modal_win_top);
	$("#wrap #mask #modal_win").css("width", modal_win_w);
	$("#wrap #mask #modal_win").css("height", modal_win_h);
	$("#wrap #mask #modal_win").css("background-color","#ffffff");
	$("#wrap #mask #modal_win").css("text-align",'left');
	$("#wrap #mask #modal_win").css("-webkit-border-radius","5px");
	$("#wrap #mask #modal_win").css("-moz-border-radius","5px");
	$("#wrap #mask #modal_win").css("border-radius","5px");
	$("#wrap #mask #modal_win #modal_form").css("background-color","#ffffff");
	$("#wrap #mask #modal_win #modal_form").css("padding","15px 15px 15px 15px");
	$("#wrap #mask #modal_win #modal_form").css("-webkit-border-radius","5px");
	$("#wrap #mask #modal_win #modal_form").css("-moz-border-radius","5px");
	$("#wrap #mask #modal_win #modal_form").css("border-radius","5px");
	$("#wrap #mask").show();
	
	//ボタンマウスオーバー
	$('#wrap #mask #modal_win img').mouseover(function() {
			$(this).css("filter","alpha(opacity=80)");
			$(this).css("-moz-opacity","0.80");
			$(this).css("opacity","0.80");
		});
	$('#wrap #mask #modal_win img').mouseout(function() {
			$(this).css("filter","alpha(opacity=100)");
			$(this).css("-moz-opacity","1.0");
			$(this).css("opacity","1.0");
		});
	$('#wrap #mask #modal_win img').mouseup(function() {
			$(this).css("filter","alpha(opacity=80)");
			$(this).css("-moz-opacity","0.80");
			$(this).css("opacity","0.80");
		});
	$('#wrap #mask #modal_win img').mousedown(function() {
			$(this).css("filter","alpha(opacity=100)");
			$(this).css("-moz-opacity","1.0");
			$(this).css("opacity","1.0");
		});
	$('#wrap #mask #modal_win #twitter_oauth').mousedown(function() {
			$("#wrap #mask").fadeOut('normal');
		});
		
		
	
	//キャンセルボタン
	$("#wrap #mask #modal_win #cancel").click(function() {
			$("#wrap #mask").fadeOut('normal');
			$("#wrap #mask_b").fadeOut('slow', remove_modal_reply_form);
		});
	
	//フラグをオンに
	modal_win_on = true;
	window_mask_on = true;
}

//===================================================//
//モーダルダイアログをHTMLソースから削除
function remove_modal_reply_form() {
	$("#wrap #mask").remove();
	$("#wrap #mask_b").remove();
	modal_win_on = false;
	modal_win_viewers_on = false;
	window_mask_on = false;
}

//===================================================//
//サムネイル切り替え
function change_thm(selecter, img_over) {
	/*
	$(function(){
		var t = $(selecter);
		var img = t.attr("src");
		t.mouseover(function(){
			$(this).attr("src", img_over);
		});
		t.mouseout(function(){
			$(this).attr("src", img);
		});
	});
	*/
}

//===================================================//
//UNIX Time
function time_unix()
{
	//var d = new Date();
	//return d.getTime();
	return new Date/1000|0;
}