////////////////////////////////////////////////////////////
//Oggi.TV Right Column Loader                             //
//======Use Widget======|=====Name=====|                  //
//サイト内検索          |searchSite    |                  //
//ショップ＆ブランド検索|shopNavi      |                  //
//注目コンテンツTOP5    |ranking       |                  //
//Oggi最新号            |currentNumber |                  //
//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://oggi.tv/cgi-bin/yahoo_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>',
'<div>',
'<img src="http://oggi.tv/img/oggi_biding.jpg" alt="Oggi最新号表紙" width="112" height="142" />',
'<h5><span class="txtFix">Oggi 9月号</span></h5>',
'<p><span class="txtFix">「美人デニム」夏の流儀。</span></p>',
'<a id="buyBtn" href="http://www.shogakukan.co.jp/purchase/_sbook_1220109110"><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 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');

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

});
})(jQuery);