//smartRolloverIMG////////////////////////////////////////

function smartOver() {
smartRollover('MAIN');
}
function smartRollover(idName) {
if(document.getElementsByTagName) {
var images = document.getElementById(idName).getElementsByTagName("img");
for(var i=0; i < images.length; i++) {

if(images[i].getAttribute("src").match(/_default\./))
{
fileName = new Array(images[i].getAttribute("src").replace("_default.", "_over."));
preImages = new Array();
for (j=0; j<fileName.length; j++)
{
preImages[j] = new Image();
preImages[j].src = fileName[j];	 //「_on」の画像をプリロード
}

images[i].onmouseover = function() {
this.setAttribute("src", this.getAttribute("src").replace("_default.", "_over."));
}
images[i].onmouseout = function() {
this.setAttribute("src", this.getAttribute("src").replace("_over.", "_default."));
}
}
}
}
}
if(window.addEventListener) {
window.addEventListener("load", smartOver, false);
}
else if(window.attachEvent) {
window.attachEvent("onload", smartOver);
}
else{
window.onload = smartOver;
}


$(document).ready(function(){

$('.bubbleInfo').each(function () {
	
// options
var distance = 10;
var time = 200;
var hideDelay = 0;
var hideDelayTimer = null;
// tracker
var beingShown = false;
var shown = false;
var trigger = $('.trigger', this);
var popup = $('.popup', this).css('opacity', 0);

// set the mouseover and mouseout on both element
$([trigger.get(0), popup.get(0)]).mouseover(function () {
	$(this).parent('.bubbleInfo').css('position','relative');
	$(this).parent('.bubbleInfo').css('z-index','100');											 
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popup.css({
        top: -20,
 //       top: -10,
 //         left: 65,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          left: '+=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
	$(this).parent('.blogList').css('z-index','99');
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
  
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup.animate({
          left: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popup.css('display', 'none');
		  $(this).parent('.blogList').css('position','static');
        });
      }, hideDelay);
    });
  });

// flatheights ////////////////////////////////////////

var sets = [], temp = [];
$('.flat').each(function(i) {
	temp.push(this);
	if (i % 7 == 6) {
		sets.push(temp);
		temp = [];
	}
    });
    
if (temp.length) sets.push(temp);
$.each(sets, function() {
	$(this).flatHeights();
});



//Round Corner////////////////////////////////////////

$('.r05').corner('5px');
$('.r10btm').corner('bottom:10px');
$('.r10').corner('10px');


//End of doccument ready ////////////////////////////////////////

});