// JavaScript Document


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

//tab

//-----------------------------------------------------------------------------------------
$(document).ready(function(){
	$('#tabs div').hide();
	$('#tabs div:first').show();
	$('#tabs ul li:first').addClass('active');
	$('#tabs ul li a').click(function(){ 
		$('#tabs ul li').removeClass('active');
		$(this).parent().addClass('active'); 
		var currentTab = $(this).attr('href'); 
		$('#tabs div').hide();
		$(currentTab).show();
		return false;
	});
});


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

// Shininglink

//-----------------------------------------------------------------------------------------
$(document).ready(function(){
  $.ajax({
// 2010/06/11
//    url: "/ec/common/xml/maglist.xml",
    url: "/ec/user_data/banner/xml/maglist.xml",
    dataType: "xml",
    method: "GET",
    success: function(xml) {
      var li = "";
      $(xml).find("item").each(function(i) {
        li += "<li>";
// 2010/06/16 t.tarumi
//        li += "<a href='" +  $(this).find("link").text() + "'>";
        li += "<a href='#' style='cursor:pointer;'>";
        li += "<img src='/ec/user_data/banner/" + $(this).find("img").text() + "' class='reflect_" + i + "' onclick='location.href=\"" +  $(this).find("link").text() + "\"' />";
        li += "</a></li>";
      });
      $("#maglistOuter").html(li);

      $('.shin a img').hover(function () {
        $(this).stop().animate({opacity: 0.2}, 5 );
        $(this).animate({opacity: 0.8}, 500 );
      },
      function() {
        $(this).stop().animate({opacity: 1.0}, 300 );	
      });

      // 2010/06/16 t.tarumi
      // 鏡面効果を加える
      // 2010/08/30 t.tarumi
      // 鏡面効果なくす
//      $(xml).find("item").each(function(i) {
//        $('img.reflect_' + i).reflect({height: 0.35, opacity: 0.6});
//      });
    },
    error: function() {
      $("#maglistOuter").after("<p>データのロードが正しく行えませんでした</p>");
    }
  });

});



$(document).ready(function(){
	$('.hover').hover(function () {
		$(this).stop().animate({opacity: 0.8}, 5 );
	},
	function() {
		$(this).stop().animate({opacity: 1.0}, 5 );	
	});
});