var BASE_URL = "http://tokyobookmark.net";
var DATE_KANSAI = {1:'10/01/12～10/04/12'};
var DATE_NAGOYA = {3:'10/01/05～10/03/31'};


$(function(){
	$.ajax({
		url : BASE_URL + "/php/jp/jsonp",
		dataType : "jsonp",
		cache : false,
		data : {
			target : "news"
		},
		jsonp : "callback",
		success : function(json){
			var news = "";
			for(var i in json){
				news += "<li><dl><dt>" + json[i].updated_date +  "</dt><dd><a href=\"" + json[i].url + "\"><em>【" + json[i].content + "】</em>" + json[i].info + "</a></dd></dl></li>";
			}
			$("#recently_updates").html(news);
		}
	});
	
	$.ajax({
		url : BASE_URL + "/php/jp/jsonp",
		dataType : "jsonp",
		cache : false,
		data : {
			target : "selection"
		},
		jsonp : "callback",
		success : function(json){
			var num = 1;
			var selection = "";
			for(var i in json){
				
				if(num==1){
					selection += "<li class=\"no1 first_item\"><p class=\"thumb\"><a href=\"" + json[i].url + "\"><img src=\"" +  json[i].img + "\" width=\"40\" height=\"40\"></a></p><p class=\"number\" ><img src=\"" + BASE_URL + "/2009/img/top/guide_ranking_icon_no" + num + ".gif\" />" + json[i].area +"</p><p class=\"title\"><a href=\"" + json[i].url + "\">" + json[i].name + "</a></p><p class=\"text\">" + json[i].copy + "</p></li>";
				}
				else if(num<=5){
					selection += "<li><p class=\"thumb\"><a href=\"" + json[i].url + "\"><img src=\"" +  json[i].img + "\" width=\"40\" height=\"40\"></a></p><p class=\"number\" ><img src=\"" + BASE_URL + "/2009/img/top/guide_ranking_icon_no" + num + ".gif\" />" + json[i].area +"</p><p class=\"title\"><a href=\"" + json[i].url + "\">" + json[i].name + "</a></p><p class=\"text\">" + json[i].copy + "</p></li>";
				}
				else{
					selection += "<li class=\"line\"><p class=\"number\" ><img src=\"" + BASE_URL + "/2009/img/top/guide_ranking_icon_no" + num + ".gif\" /></p><p class=\"title\"><a href=\"" + json[i].url + "\">" + json[i].name + "</a></p></li>";
				}
				num++;
			}
			$("#selection").html(selection);
			highlight();
		}
	});
	
	
	
	
	$.ajax({
		url : BASE_URL + "/php/jp/jsonp",
		dataType : "jsonp",
		cache : false,
		data : {
			target : "images"
		},
		jsonp : "callback",
		success : function(json){
			var image ="";
			
			for(var i in json){
			
				image ="";
				
				if(json[i].id == 1) {
					image += "<a href=\"" + json[i].url + "\"><img src=\""+ json[i].image + "\" width=\"207\" height=\"112\" /></a>";
					$("#date"+json[i].id).html(json[i].date);
					$("#image"+json[i].id).html(image);
				}
				else if(json[i].id <= 3) {
					image += "<a href=\"" + json[i].url + "\"><img src=\""+json[i].image+ "\" width=\"207\" height=\"40\" /></a>";
					$("#image"+json[i].id).html(image);
				}
				else if(json[i].id == 4) {
					image += "<p class=\"update\" id=\"feature_theme_date\">" + json[i].date + "</p><a href=\"" + json[i].url + "\"><img src=\"" + json[i].image + "\" width=\"207\" height=\"133\" /></a>";
					$("#image"+json[i].id).html(image);
				}
				else if(json[i].id == 5) {
					image += "<p class=\"update\" id=\"feature_theme_date\">" + json[i].date + "</p><a href=\"" + json[i].url + "\"><img src=\"" + json[i].image + "\" width=\"207\" height=\"157\" /></a>";
					$("#image"+json[i].id).html(image);
				}
				else if(json[i].id <= 7) {
					image += "<a href=\"" + json[i].url + "\"><img src=\""+json[i].image+ "\"  width=\"271\" height=\"81\" /></a><span class=\"update\" id=\"plan_banner1\">" + json[i].date + "</span>";
					$("#image"+json[i].id).html(image);
				}
				else if(json[i].id <= 9) {
					image += "<a href=\"" + json[i].url + "\"><img src=\""+json[i].image+ "\"  width=\"271\" height=\"40\" /></a>";
					$("#image"+json[i].id).html(image);
				}
				else if(json[i].id <= 12) {
					image += "<li><a href=\"" + json[i].url + "\" target=\"_blank\"><img src=\""+json[i].image+ "\"  width=\"287\" height=\"50\" /></a></li>";
					$("#banner").append(image);
				}
				
				
			}
			insertNew();
		}
	});
	
	
	$.ajax({
		url : BASE_URL + "/php/jp/jsonp",
		dataType : "jsonp",
		cache : false,
		data : {
			target : "course"
		},
		jsonp : "callback",
		success : function(json){
			var num = 1;
			var course = "";
			for(var i in json){
				
				if(num==1){
					course += "<li class=\"no1 first_item new_check\"><p class=\"thumb\"><a href=\"" + json[i].url + "\"><img src=\"" +  json[i].img + "\" width=\"45\" height=\"45\"></a></p><p class=\"number\" ><img src=\"" + BASE_URL + "/2009/img/top/course_ranking_icon_no" + num + ".gif\" /></p><p class=\"text\"><a href=\"" + json[i].url + "\">" + json[i].title + "</a></p></li>";
				}
				else {
					course += "<li><p class=\"thumb\"><a href=\"" + json[i].url + "\"><img src=\"" +  json[i].img + "\" width=\"45\" height=\"45\"></a></p><p class=\"number\" ><img src=\"" + BASE_URL + "/2009/img/top/course_ranking_icon_no" + num + ".gif\" /></p><p class=\"text\"><a href=\"" + json[i].url + "\">" + json[i].title + "</a></p></li>";
				}
				num++;
			}
			$("#course").html(course);
			highlight();
		}
	});
	
	for(var i in DATE_KANSAI) {
		$("#idx_date").append("<option value = \"" + i + "\">" + DATE_KANSAI[i] + "</option>");
	}
});


function insertNew(){
	var target = $('.update','div.block_main');
	target.each(function(){
	var self = $(this);
	if(isNew(self.text())){
	var parent = self.parent().get(0);
	$(parent).append('<span class="new">new</span>');
	}
	});
}

function highlight() {
  $('ul.ranking li')
    .css('cursor','pointer')
    .hover(function(){$(this).addClass('highlight_item')},function(){$(this).removeClass('highlight_item')})
    .click(function(){location.href = $(this).find('a').get(0).href;});
}

function isNew(dateStr) {
	var DAYS = 14; //days for display "new"
	var DAY_MS = 24*60*60*1000;
	
	var text = dateStr.split(".");
	var updateDay = new Date(text[0], text[1]-1, text[2]).getTime();
	
	var diff = (new Date().getTime() - updateDay) / DAY_MS ;
	
	return (diff < DAYS && diff > 0) ? true : false ;
}

function setDate() {
	var str = "<option value=\"\">ご出発時期</option>";
	if($("#idx_departure").val() == 1) {
		for(var i in DATE_KANSAI) {
			str += "<option value=\"" + i + "\">" + DATE_KANSAI[i] + "</option>";
		}
	}
	else if($("#idx_departure").val() == 2) {
		for(var i in DATE_NAGOYA) {
			str += "<option value=\"" + i + "\">" + DATE_NAGOYA[i] + "</option>";
		}
	}
	else{
		for(var i in DATE_KANSAI) {
			str += "<option value=\"" + i + "\">" + DATE_KANSAI[i] + "</option>";
		}
	}
	$("#idx_date").html(str);
}