////////////////////////////////////////////////////////////
//Oggi.TV Right Column Loader                             //
//======Use Widget======|=====Name=====|                  //
//サイト内検索          |searchSite    |                  //
//ショップ＆ブランド検索|shopNavi      |                  //
//注目コンテンツTOP5    |ranking       |                  //
//Oggi最新号            |currentNumber | 				  //
//ツイッター        	|twitterBtn    |                  //
//Oggiモデル紹介        |models        |                  //
//
//EX)$.fn.selectUnLoadWidget('ranking, models');
//
////////////////////////////////////////////////////////////

function searchFocus(){
	var strSearchText = $('#search').val();
	if (strSearchText == 'キーワードを入力'){
		$('#search').val('');
	}
	$('#search').css('color', '#333333');
}

function searchBlur(){
	var strSearchText = $('#search').val();
	if (strSearchText == ''){
		$('#search').val('キーワードを入力');
	}
	$('#search').css('color', '#aaaaaa');
}

////////////////////////////////////////////////////////////
(function($) {

var unLoadWidget = '';

$.fn.selectUnLoadWidget = function(unloadName){
	unLoadWidget = unloadName;
};

//<div id = "mainRight"></div>がロードされたら
//以下の処理を始める。
$('div#mainRight').ready(function(){

var rightSearchHTML = [
'<div id="searchArea">',
'<div id="searchTitle">サイト内検索</div>',
'<div id="searchBox">',
'<form method="get" action="http://www.oggi.tv/cgi-bin/yahoo_g_oggi.cgi">',
'<input type="text" id="search" name="query" value="キーワードを入力" class="searchBox" onfocus="searchFocus()" onblur="searchBlur()" />',
'<input type="hidden" name="page" value="1">',
'<input type="hidden" name="encode" value="utf8">',
'<input type="submit" value="" class="seartBtn" />',
'</form>',
'</div>',
'</div>'
].join('');

/*
var rightShopNaviHTML = [
].join('');
*/
var rightRankingHTML = [
'<div id="ranking" class="loadingL">',
'<h4><span class="txtFix">注目コンテンツTOP5</span></h4>',
'<ol class="style3 hiding">',
'<li class="rank1"><a href="">',
'<img src="" alt=""/>',
'<span class="title"></span>',
'<span class="description"></span>',
'</a></li>',
'<li class="rank2"><a href="">',
'<img src="" alt=""/>',
'<span class="title"></span>',
'<span class="description"></span>',
'</a></li>',
'<li class="rank3"><a href="">',
'<img src="" alt="" />',
'<span class="title"></span>',
'<span class="description"></span>',
'</a></li>',
'<li class="rank4"><a href="">',
'<img src="" alt="" />',
'<span class="title"></span>',
'<span class="description"></span>',
'</a></li>',
'<li class="rank5"><a href="">',
'<img src="" alt="" />',
'<span class="title"></span>',
'<span class="description"></span>',
'</a></li>',
'</ol>',
'</div>'
].join('');

var rightCurrentNumberHTML = [
'<div id="currentNumber">',
'<h4><span class="txtFix">Oggi最新号</span></h4>',
'<a href="http://oggi.tv/info/index.html" target="_self"><img src="http://oggi.tv/img/oggi_biding.jpg" alt="Oggi最新号表紙" width="112" height="142" id="cover"/></a>',
'<h5><span class="txtFix">Oggi 3月号</span></h5>',
'<a id="number" href="http://oggi.tv/info/index.html" target="_self"><span class="txtFix">大人気スタイリスト望月律子さんの、「おしゃれアカデミーOPEN！」</span></a>',	
'<p><a href="http://oggi.tv/info/index.html" target="_self">&gt;&gt;詳細はコチラ</a></p>',
'<div>',
'<a id="buyBtn" href="http://www.shogakukan.co.jp/magazines/detail/_sbook_1220103112"><span class="txtFix">最新号を購入する</span></a>',
'<a id="subBtn" href="http://skygarden.shogakukan.co.jp/skygarden/owa/teiki_bookex1?bid=49&sha=1&zou=0"><span class="txtFix">定期購読をする</span></a>',
'</div>',
'</div>'
].join('');

var rightTwitterBtnHTML = [
'<div id="twitterBtn">',
'<a href="http://twitter.com/Oggi_TV" target="_blank">',
'<span class="txtFix">twitter：Oggi.TV公式アカウントをフォローして最新情報をGET!</span>',
'</a>',
'</div>'
].join('');

var rightFacebookHTML = [
'<div id="facebookBox">',
'<div style="width:100%;">',
'<div style="background:#3B5998; padding:5px;">',
'<img src="http://www.facebook.com/images/fb_logo_small.png" alt="Facebook"/>',
'</div>',
'<div style="background:#EDEFF4; display:block; border-right:1px solid #D8DFEA; border-bottom:1px solid #D8DFEA; border-left:1px solid #D8DFEA; margin:0px; padding:0px;">',
'<div style="background:#FFFFFF; clear:both; display:block; margin:0px; overflow:hidden; padding:5px;">',
'<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Foggi.official&amp;width=290&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=false&amp;height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:62px;" allowTransparency="true"></iframe>',
'</div>',
'</div>',
'</div>',
'</div>'
].join('');

var rightModelsHTML = [
'<div id="models">',
'<h4><span class="txtFix">Oggiモデル紹介</span></h4>',
'<ul>',
'<li><a class="youna" href="http://oggi.tv/models/youna.html"><span class="txtFix">ヨンア｜Youn-a</span></a></li>',
'<li><a class="tommy" href="http://oggi.tv/models/tommy.html"><span class="txtFix">トミー｜Tommy</span></a></li>',
'<li><a class="liza" href="http://oggi.tv/models/liza.html"><span class="txtFix">リーザ｜Liza</span></a></li>',
'</ul>',
'</div>'
].join('');

var meeMainRight = $('div#mainRight');

var meeMainRightCommon = $('div#mainRightCommon');

(unLoadWidget.indexOf('searchSite') >= 0) ? null : meeMainRight.prepend(rightSearchHTML);
//(unLoadWidget.indexOf('shopNavi') >= 0) ? null : meeMainRight.append(rightShopNaviHTML);
(unLoadWidget.indexOf('ranking') >= 0) ? null : meeMainRightCommon.append(rightRankingHTML);
(unLoadWidget.indexOf('currentNumber') >= 0) ? null : meeMainRightCommon.append(rightCurrentNumberHTML);
(unLoadWidget.indexOf('twitterBtn') >= 0) ? null : meeMainRightCommon.append(rightTwitterBtnHTML);
(unLoadWidget.indexOf('facebookBox') >= 0) ? null : meeMainRightCommon.append(rightFacebookHTML);
(unLoadWidget.indexOf('models') >= 0) ? null : meeMainRightCommon.append(rightModelsHTML);

});
})(jQuery);