/**
 * Ajax初期設定
 *
 */
function initTirashi()  {

  // 最新メッセージ領域を準備
  $( '<div id="vila_body">' )
      .appendTo( 'div#contents' );
  $( 'div#contents' ).hide();

  // Ajaxによるアクセスにキャッシュを利用しない(毎回サーバにアクセス)
  $.ajaxSetup( { cache : false } );

  // 各種イベント処理の登録
  $( 'div#vila_body' ).ajaxStart( function( ev )  {
    // 初めてサーバとの通信を開始するとき
    // 最新メッセージ一覧の表示
    $( this ).parent().show();
  } ).ajaxSend( function( ev, xhr, options )  {
    // サーバにデータを送信する直前
    // 通信開始を知らせるメッセージの表示
    $( this ).html( 'vila!わいおい読み込み中・・・' );
  } ).ajaxError( function( ev, xhr, options, err )  {
    // サーバと通信できなかったとき
    // エラーメッセージの表示
    $( this ).html( '更新できませんでした' )
  } ).ajaxComplete( function( ev, xhr, options )  {
    // この部分は通信ができたかどうかに関わらず最後に必ず行う
    $( 'span#lastModified' ).text( new Date().toLocaleString() + ' 現在' );
  } );
}

/**
 * 
 *
 */
function updateTirashi()  {

  //--->> 外部データの読み込み

  $.getJSON( 'web/waioi', //../../static/honpo/java/inclode.php
    function( messages )  {
      if ( messages.length < 1 )  return;
      var tbody = $( 'div#vila_body' );  // 更新する要素
	  var url = 'http://vila.mpcr.jp/';
      tbody.empty();

	  //HTML ヘッダー作成
	  $('<div id="vila_header"></div>')
	       .html('<div id="VilaWindowHeader">'+
				 '<table width="410" cellpadding="0" cellspacing="0" id="VilaWindowHeaderTable">'+
				 '<tr>'+
				 '<td width="175">'+
				 '<img src="http://www.waioi.com/static/vilawaioi/images/VilaLogo01.gif" width="175" height="40" alt="ViLa!わいおい" />'+
				 '</td>'+
				 '<td width="233" align="center">都城の折込チラシをわいおいで発信中！<br>初回掲載無料！お問い合わせは<a href="mailto:data@mpcr.jp?subject=Web%83%60%83%89%83V%82%CC%82%A8%96%E2%82%A2%8D%87%82%ED%82%B9">こちら</a>まで</td>'+
				 '</tr>'+
				 '</table>'+
				 '</div>')
		   .appendTo(tbody);

      //HTML 本文を作成する為のDIV
	  $('<div>').append('<div id="vila_table_div"></div>')
	       .appendTo('div#vila_header');

	  //HTML リスト表示作成用テーブル基本構造
	  $('<table border="0" cellpadding="0" cellspacing="0" id="vila_Table">')
	              .append('<tr class="vila_tr_images"></tr>')
				  .append('<tr valign="top" class="vila_tr_titles">')
				  .css({"text-align":"center"})
				  .appendTo('div#vila_table_div');

      // 表示画面の更新

      var newimg = "";

	  /******************************

	  *        繰り返し処理         *

	  ******************************/

      $.each( messages, function( i, obj )  {

      //新規掲載お知らせ
      if(obj.news=="new"){
		  var imgY = obj.zy;
		  var NEWS = '<img src="http://vila.mpcr.jp/images/vilawaioi/new.gif" alt="" width="39" height="14" style="display: block;margin-left: 0px;text-align: left;padding: 0px;margin-top: -'+imgY+'px;" />';
	  }else{
		  var NEWS = "";
	  }

      //チラシ画像部分作成
      $( '.vila_tr_images' )
		  .append('<td class="vila_td_images" id="var_image'+i+'">'+
				  '<a href="' + obj.link +'" >'+
				  '<img src="'+url+'/flash/'+obj.seiban+'/1/TileGroup0/0-0-0.jpg" alt="" width="'+obj.zx+'" height="'+obj.zy+'" />'+
				  '</a>'+NEWS+
				  '</td>');

	  //チラシコメント部分作成 
	  $( '.vila_tr_titles' )
		  .append('<td class="vila_list_text">'+
				  '<div class="Syamei"><a href="'+url+'vilawaioi.php?webID='+obj.seiban+'&userID='+obj.id+'&memberID='+obj.t_code+'">'+obj.t_name+'</a></div>'+
				  '<div class="VilaTitle"><a href="'+url+'vilawaioi.php?webID='+obj.seiban+'&userID='+obj.id+'&memberID='+obj.t_code+'">'+obj.title+'</a></div>'+
				  '</td>');

	  //ナビ表示用HTML作成

	  var var_id = "var_div"+i;

      if(obj.news=="new"){
		var NEW = '<div><img src="http://vila.mpcr.jp/images/vilawaioi/husen_01.gif" alt="" /></div>';
	  }else{
		var NEW = "";
	  }

	  if(obj.comment==""){
		  var comm = "";
	  }else{
		  var comm = '<div class="vila_navi_comment">'+obj.comment+'</div>';
	  }

	  var imgtop = (80-obj.zy)/2;

	  $('<div id="'+var_id+'"></div>')
	     .html('<div class="vila_navi_div">'+
               '<div class="vila_navi_header">'+
               '<div class="vila_navi_body">'+
               '<div class="vila_navi_left">'+
               '<div class="vila_navi_left_images"><img src="'+url+'/flash/'+obj.seiban+'/1/TileGroup0/0-0-0.jpg" alt="" width="'+obj.zx+'" height="'+obj.zy+'" style="padding-top:'+imgtop+'px" /></div>'+
               '</div>'+
               '<div class="vila_navi_right">'+
               '<div class="vila_navi_right_title">'+obj.t_name+'</div>'+
               '<div class="vila_navi_right_subtitle">'+
               '<div class="vila_navi_right_subtitle_title">'+obj.title+'</div>'+
               '</div>'+
               '</div>'+comm+
               '<div class="vila_navi_click">クリックするとWebチラシが表示されます。</div>'+
               '</div>'+
               '</div>'+
               '</div>')
	   .css({"display":"none"})
	   .appendTo('div#contents');

	  //ホバー処理
	  $('#var_image'+i).hover(
		    function(){
			 var zx = $('#var_image'+i).width();
			 var zy = $('#'+var_id).height()-10;
             var xx = $('#var_image'+i).position().left+zx-15;
		     var yy = $('#var_image'+i).position().top-zy+10;
	         $("#"+var_id).css({"position":"absolute","top":yy+"px","left":xx+"px","display":"block"});
	       },
	       function(){
	         $("#"+var_id).css({"display":"none"});
	       }
	  );
      });
    }
  );
}





$(document).ready(function() {
	initTirashi(); 
	updateTirashi(); 
   //vila_bodyY();
});



////////////////////////////////////////////////////////////////