// メニューをhoverしたときの処理
function controlImagepost(){
    // ターゲットの取得
    var elems = $('#photoarea #thumbnails .imagepost');
    if(elems.length < 1){ return; }
    // データ取得/設定
    var url = '../../ajax/imageposts/';
    $.getJSON(url, function(data){
	if(!data) return false;
	imagepostDataModel.init(data);
	// クリックしたとき
	elems.click(
	    function(){ 
		$('#photoarea #thumbnails .imagepost.selected').removeClass('selected');
		$(this).addClass('selected');
		var id = $(this).attr('id').match(/^post_(\d*)$/)[1];
		var selectedData = imagepostDataModel.findById(id);
		var imgsize = ( selectedData.layout == 'vertical' ) ? 'height="360"':'width="550"'; 
		var imghtml = $('<img src="' + selectedData.images.fullsize_src[0] + '" ' + imgsize + ' />');
		var titlehtml = $('<span class="ui-icon ui-icon-arrowthick-1-e"></span>ブログタイトル：<a href="' + selectedData.post_url + '">『' + selectedData.post_title + '』 </a>');
		$('#photoarea #photoblock p.topphoto').fadeOut(600, function(){
		    $('#photoarea #photoblock p.topphoto').html(imghtml);
		    $('#photoarea #photoblock p.topphoto').fadeIn(600);
		});
		$('#photoarea #photoblock .toblog p.note').attr('style','width:90px;float:left;').text('詳しくはこちら ');
		$('#photoarea #photoblock .toblog h2').html(titlehtml);
		window.location.href="#photoarea";
	    }
	);
	// hoverしたとき
	elems.hover(
	    function(){$(this).addClass('select');},
	    function(){$(this).removeClass('select');}
	);

	// 使い方の説明
	$('#photoarea #photoblock .toblog').fadeIn(600);
	
    });
}

// データモデル
var imagepostDataModel = {

    // imageposts一覧
    list : [],

    init : function(data) { this.list = data; },
    
    // ID検索
    findById: function(id) {
	return $.grep(this.list, function(val){
	    return id == val.id;
	})[0];
    }
};