//------ Pager settings ------------------------
var rkMaxRows = new Number(12); //maxRow Setting
var blogRankCount = new Number();
var blogRankStart = new Number();
var blogRankPage = new Number(1);
var shopRankCount = new Number();
var shopRankStart = new Number();
var shopRankPage = new Number(1);

//----------------------------------------------

var noPhoto = 'http://www.monoglobe.jp/images/no_photo_44.gif';
var loadingImg = 'http://www.monoglobe.jp/images/side_loading.gif';

//------ Array Defaults ------------------------
var blogRankData = new Array();
var brkPathData = new Array();
var brkImageData = new Array();
var brkCatData = new Array();
var brkTitleData = new Array();
var brkMovieData = new Array();
var brkAudioData = new Array();
var brkPhotoData = new Array();
var brkDateData = new Array();

var shopRankData = new Array();
var srkPathData = new Array();
var srkImageData = new Array();
var srkCatData = new Array();
var srkTitleData = new Array();
var srkMovieData = new Array();
var srkAudioData = new Array();
var srkPhotoData = new Array();
var srkDateData = new Array();

//----------------------------------------------

function blogRankListLoad(){
	$.cookie('tab2','blog',{ path: '/' });
	tab2MenuDisplay('blog');
	
	var blogRankListPath = 'http://www.monoglobe.jp/common/xml/blogRankingData.dat'
	var blogRankResult = '';
	var rkPagerDisplay = '';

	blogRankDisplay = function(){
		$("#ranking_tab").html(blogRankResult);
		$("#ranking_tab_pager").html(rkPagerDisplay);
	},

	blogRankResponseXML = function(XML){
		blogRankCount = '';

		blogRankData = new Array();
		brkPathData = new Array();
		brkImageData = new Array();
		brkCatData = new Array();
		brkTitleData = new Array();
		brkMovieData = new Array();
		brkAudioData = new Array();
		brkPhotoData = new Array();
		brkDateData = new Array();

		$(XML).find("blogRank").each(function(){
			brkPathData.push($(this).find("Path").text());
			brkImageData.push($(this).find("Img").text());
			brkCatData.push($(this).find("Cat").text());
			brkTitleData.push($(this).find("Title").text());
			brkMovieData.push($(this).find("Movie").text());
			brkAudioData.push($(this).find("Audio").text());
			brkPhotoData.push($(this).find("Photo").text());
			brkDateData.push($(this).find("Date").text());
			blogRankCount++;
		});

		blogRankStart=0;
		blogRankPager(blogRankPage);
	},

	blogRankPager = function(blogRankPage){
		blogRankResult = '';
		rkPagerDisplay = '';

		blogRankPage = Number(blogRankPage);
		if(blogRankCount > rkMaxRows){
			blogRankStart = (blogRankPage-1)*rkMaxRows;
			if(blogRankPage*rkMaxRows>blogRankCount){
				limit = blogRankCount;
			}else{
				limit = rkMaxRows*blogRankPage;
			}
		}else{
			blogRankStart=0;
			limit = blogRankCount;
		}

		var nextRows = ((blogRankPage+1)*rkMaxRows > blogRankCount)? blogRankCount-(blogRankPage*rkMaxRows) : (blogRankPage+1)*rkMaxRows-(blogRankPage*rkMaxRows);
		if(blogRankCount > rkMaxRows && blogRankPage == 1){
			rkPagerDisplay = '<div class="top-next-entry02"><a href="javascript:void(0)" onclick="blogRankPager(\''+(blogRankPage+1)+'\');return false;">次の'+nextRows+'件を見る</a></div>';
		}else if(blogRankCount > rkMaxRows && blogRankPage > 1 && blogRankPage*rkMaxRows<blogRankCount){
			rkPagerDisplay = '<div class="top-next-entry02"><a href="javascript:void(0)" onclick="blogRankPager(\''+(blogRankPage-1)+'\');return false;">前の'+rkMaxRows+'件を見る</a> | <a href="javascript:void(0)" onclick="blogRankPager(\''+(blogRankPage+1)+'\');return false;">次の'+nextRows+'件を見る</a></div> ';
		}else if(blogRankCount > rkMaxRows && blogRankPage > 1 && blogRankPage*rkMaxRows>=blogRankCount){
			rkPagerDisplay = '<div class="top-next-entry02"><a href="javascript:void(0)" onclick="blogRankPager(\''+(blogRankPage-1)+'\');return false;">前の'+rkMaxRows+'件を見る</a></div>';
		}

		for(i=blogRankStart;i<limit;i++){

			var icon01 = (brkMovieData[i] == 1) ? 'http://www.monoglobe.jp/images/icon01_true.gif':'http://www.monoglobe.jp/images/icon01_none.gif';
			var icon02 = (brkAudioData[i] == 1) ? 'http://www.monoglobe.jp/images/icon02_true.gif':'http://www.monoglobe.jp/images/icon02_none.gif';
			var icon03 = (brkPhotoData[i] == 1) ? 'http://www.monoglobe.jp/images/icon03_true.gif':'http://www.monoglobe.jp/images/icon03_none.gif';

			var thumbNail = (brkImageData[i] != '') ? decodeURIComponent(brkImageData[i]) : noPhoto ;
			blogRankResult += '		<div class="side-wrap clearfix">';
			blogRankResult += '			<div class="side-thumb-img"><a href="'+decodeURIComponent(brkPathData[i])+'"><img src="'+thumbNail+'" alt="'+brkCatData[i]+'" /></a></div>';
			blogRankResult += '			<div class="side-entry-cap">';
			blogRankResult += '				<p>'+brkCatData[i]+'</p>';
			blogRankResult += '				<p><img src="'+icon01+'" alt="" /><img src="http://www.monoglobe.jp/images/tab_line02.gif" alt="" /><img src="'+icon02+'" alt="" /><img src="http://www.monoglobe.jp/images/tab_line02.gif" alt="" /><img src="'+icon03+'" alt="" /></p>';
			blogRankResult += '				<p><a href="'+decodeURIComponent(brkPathData[i])+'">'+brkTitleData[i]+'</a></p>';
			blogRankResult += '		</div>';
			blogRankResult += '	</div>';
		}

		blogRankDisplay();

	},

	blogRankPreLoad = function(){
		blogRankResult = '';
		blogRankResult = '		<div class="loading"><img src="'+loadingImg+'" alt="loading..."></div>';
		blogRankDisplay();
	}

	$.ajax({url:blogRankListPath,type:'get',dataType:'xml',cache:false,data:{},
		beforeSend:blogRankPreLoad,
		success:blogRankResponseXML,
		error:function(){ window.alert('error!'); }
	});
}

function shopRankListLoad(){
	$.cookie('tab2','shop',{ path: '/' });
	tab2MenuDisplay('shop');
	
	var shopRankListPath = 'http://www.monoglobe.jp/common/xml/shopRankingData.dat'
	var shopRankResult = '';
	var rkPagerDisplay = '';

	shopRankDisplay = function(){
		$("#ranking_tab").html(shopRankResult);
		$("#ranking_tab_pager").html(rkPagerDisplay);
	},

	shopRankResponseXML = function(XML){
		shopRankCount = '';

		shopRankData = new Array();
		srkPathData = new Array();
		srkImageData = new Array();
		srkCatData = new Array();
		srkTitleData = new Array();
		srkMovieData = new Array();
		srkAudioData = new Array();
		srkPhotoData = new Array();
		srkDateData = new Array();

		$(XML).find("shopRank").each(function(){
			srkPathData.push($(this).find("Path").text());
			srkImageData.push($(this).find("Img").text());
			srkCatData.push($(this).find("Cat").text());
			srkTitleData.push($(this).find("Title").text());
			srkMovieData.push($(this).find("Movie").text());
			srkAudioData.push($(this).find("Audio").text());
			srkPhotoData.push($(this).find("Photo").text());
			srkDateData.push($(this).find("Date").text());
			shopRankCount++;
		});

		shopRankStart=0;
		shopRankPager(shopRankPage);
	},

	shopRankPager = function(shopRankPage){
		shopRankResult = '';
		rkPagerDisplay = '';

		shopRankPage = Number(shopRankPage);
		if(shopRankCount > rkMaxRows){
			shopRankStart = (shopRankPage-1)*rkMaxRows;
			if(shopRankPage*rkMaxRows>shopRankCount){
				limit = shopRankCount;
			}else{
				limit = rkMaxRows*shopRankPage;
			}
		}else{
			shopRankStart=0;
			limit = shopRankCount;
		}

		var nextRows = ((shopRankPage+1)*rkMaxRows > shopRankCount)? shopRankCount-(shopRankPage*rkMaxRows) : (shopRankPage+1)*rkMaxRows-(shopRankPage*rkMaxRows);
		if(shopRankCount > rkMaxRows && shopRankPage == 1){
			rkPagerDisplay = '<div class="top-next-entry02"><a href="javascript:void(0)" onclick="shopRankPager(\''+(shopRankPage+1)+'\');return false;">次の'+nextRows+'件を見る</a></div>';
		}else if(shopRankCount > rkMaxRows && shopRankPage > 1 && shopRankPage*rkMaxRows<shopRankCount){
			rkPagerDisplay = '<div class="top-next-entry02"><a href="javascript:void(0)" onclick="shopRankPager(\''+(shopRankPage-1)+'\');return false;">前の'+rkMaxRows+'件を見る</a> | <a href="javascript:void(0)" onclick="shopRankPager(\''+(shopRankPage+1)+'\');return false;">次の'+nextRows+'件を見る</a></div> ';
		}else if(shopRankCount > rkMaxRows && shopRankPage > 1 && shopRankPage*rkMaxRows>=shopRankCount){
			rkPagerDisplay = '<div class="top-next-entry02"><a href="javascript:void(0)" onclick="shopRankPager(\''+(shopRankPage-1)+'\');return false;">前の'+rkMaxRows+'件を見る</a></div>';
		}

		for(i=shopRankStart;i<limit;i++){

			var icon01 = (srkMovieData[i] == 1) ? 'http://www.monoglobe.jp/images/icon01_true.gif':'http://www.monoglobe.jp/images/icon01_none.gif';
			var icon02 = (srkAudioData[i] == 1) ? 'http://www.monoglobe.jp/images/icon02_true.gif':'http://www.monoglobe.jp/images/icon02_none.gif';
			var icon03 = (srkPhotoData[i] == 1) ? 'http://www.monoglobe.jp/images/icon03_true.gif':'http://www.monoglobe.jp/images/icon03_none.gif';

			var thumbNail = (srkImageData[i] != '') ? decodeURIComponent(srkImageData[i]) : noPhoto ;
			shopRankResult += '		<div class="side-wrap clearfix">';
			shopRankResult += '			<div class="side-thumb-img"><a href="'+decodeURIComponent(srkPathData[i])+'"><img src="'+thumbNail+'" alt="'+srkCatData[i]+'" /></a></div>';
			shopRankResult += '			<div class="side-entry-cap">';
			shopRankResult += '				<p><a href="'+decodeURIComponent(srkPathData[i])+'">'+srkTitleData[i]+'</a></p>';
			shopRankResult += '				<p><img src="'+icon01+'" alt="" /><img src="http://www.monoglobe.jp/images/tab_line02.gif" alt="" /><img src="'+icon02+'" alt="" /><img src="http://www.monoglobe.jp/images/tab_line02.gif" alt="" /><img src="'+icon03+'" alt="" /></p>';
			shopRankResult += '				<p>Category:&nbsp;'+srkCatData[i]+'</p>';
			shopRankResult += '		</div>';
			shopRankResult += '	</div>';
		}

		shopRankDisplay();

	},

	shopRankPreLoad = function(){
		shopRankResult = '';
		shopRankResult = '		<div class="loading"><img src="'+loadingImg+'" alt="loading..."></div>';
		shopRankDisplay();
	}

	$.ajax({url:shopRankListPath,type:'get',dataType:'xml',cache:false,data:{},
		beforeSend:shopRankPreLoad,
		success:shopRankResponseXML,
		error:function(){ window.alert('error!'); }
	});
}

function tab2MenuDisplay(str){
	var shoppingRkButton = 'http://www.monoglobe.jp/images/tab_shopping_off.gif';
	var blogRkButton = 'http://www.monoglobe.jp/images/tab_blog_off.gif';
	var offReg = new RegExp('_off\.');

	if(str == 'shop'){
		shoppingRkButton = shoppingRkButton.replace(offReg,'_on.');
	}
	if(str == 'blog'){
		blogRkButton = blogRkButton.replace(offReg,'_on.');
	}
	
	var rkButtonResult = '';
	rkButtonResult += '		<li id="tab-shop"><a href="javascript:void(0)" onclick="shopRankListLoad();return false;"><img src="'+shoppingRkButton+'" id="shopRkTab" alt="shopping" /></a></li>';
	rkButtonResult += '		<li><img src="http://www.monoglobe.jp/images/tab_line.gif" alt="" /></li>';
	rkButtonResult += '		<li><a href="javascript:void(0)" onclick="blogRankListLoad();return false;"><img src="'+blogRkButton+'" id="blogRkTab" alt="blog" /></a></li>';

	$("#tab-menu-2-nav").html(rkButtonResult);
	smartRollover();

}

function getParam(){
	var sc = new Array();
	sc = document.getElementsByTagName('script');

	for(i=0;i<sc.length;i++){
		var p = sc[i].getAttribute('src');
		var pReg = new RegExp('rankingRightColumn\.js\?.*$');
		if(p && p.match(pReg)){
			var usr = p.split('?');
			if(usr[1]){
				rkMaxRows = decodeURI(usr[1].slice(usr[1].indexOf('=')+1));
			}
		}
	}

	if($.cookie('tab2')){
		var data = $.cookie('tab2');
		if(data == 'blog'){
			blogRankListLoad();
		}else if(data == 'shop'){
			shopRankListLoad();
		}else{
			shopRankListLoad();
		}
	}else{
		shopRankListLoad();
	}
}

jQuery.event.add(window,"load",getParam);