/*  IMAGE Action Provider, version 1.0.1
 *  for jQuery 1.3
 *  (c) 2010 あなぶきメディカルケア
 *  by netcreates.
 *--------------------------------------------------------------------------*/
// キーとなるIDの名前を配列に格納する
var hid  = ["mitsukoshi","marugame","tamamo","takamatsu","sunport"];
var hid_ = ["960","640","680","640","690"];
var basename = ['高松三越','丸亀町壱番街','玉藻城','高松駅','サンポート高松'];

// 一回のループ時間
var loop = 12000;
var loops = 3500;
$(document).pngie();

//$(document).ready(function(){
window.onload = function(e){
	// フロートウィンドウ処理部
	var width = $("#floatWindow").width();
	var height = $("#floatWindow").height();
	var left = Math.floor(($(window).width() - width) / 2);
	var top  = Math.floor(($(window).height() - height) / 2);
	$("#floatWindow").fadeIn("1500").css({ display:"block", top:top, left:left, zIndex:"9999" }).boxshadow({ hOffset : 3, vOffset : 3, shadowblur : 10, color : '#808080' });
	$("#floatWindow a.close").click(function(){
		$("#floatWindow").fadeOut("fast");
		return false;
	});
	$("#floatWindow h2").mousedown(function(e){
		$("#floatWindow")
		    .data("clickPointX" , e.pageX - $("#floatWindow").offset().left)
		    .data("clickPointY" , e.pageY - $("#floatWindow").offset().top);
		$(document).mousemove(function(e){
		    $("#floatWindow").css({
		        top:e.pageY  - $("#floatWindow").data("clickPointY")+"px",
		        left:e.pageX - $("#floatWindow").data("clickPointX")+"px"
		    })
		})
	}).mouseup(function(){ $(document).unbind("mousemove") });
	
	function resizeContainer(e) {
		var left = Math.floor(($(window).width() - $("#floatWindow").width()) / 2);
		var top  = Math.floor(($(window).height() - $("#floatWindow").height()) / 2);
		$("#floatWindow").css({ top:top, left:left });
        }
        $(window).bind("resize", resizeContainer);

	
	// ロード時にベースの背景を透過する
	$("#basebox").css({ opacity: "0.65", height: "190px", top: "230px" });
	
	// ロード時に取りあえず非表示にする
	for ( var i = 0; i < hid.length; ++i ) { $("#m_"+hid[i]).hide(); };
	
	var p = 0;
//	alert('0 '+hid_[p]+'px');
	$("#basename").html(basename[p]).css({ opacity: "0.7" });
	$("#m_"+hid[p]).css({backgroundPosition: '0 '+hid_[p]+'px'});
	$("#m_"+hid[p]).animate({opacity: "toggle"}, { 
		queue : false, duration : (loop-5000), easing : "linear", complete : function () {}
	}).animate({backgroundPosition:"(0 470px)"}, loop, "linear");
	p = 1;
	
	$(document).everyTime(loop, function(j) {
		if(p==0) {
			for ( var i = 0; i < hid.length; ++i ) { 
				$("#m_"+hid[i]).hide();
			};
		}
		
		$("#basename").html(basename[p]).css({ opacity: "0.7" });
		if((p%2)==0){
			$("#m_"+hid[p]).css({backgroundPosition: '0 '+hid_[p]+'px'});
			$("#m_"+hid[(p-1)]).animate({opacity: "toggle"}, loops);
//			$("#m_"+hid[p]).animate({opacity: "toggle",backgroundPosition:"(0 230px)"}, loop, "linear");
			$("#m_"+hid[p]).animate({opacity: "toggle"}, { 
				queue : false, duration : (loop-5000), easing : "linear", complete : function () {}
			}).animate({backgroundPosition:"(0 470px)"}, loop, "linear");
		}else{
			$("#m_"+hid[p]).css({backgroundPosition: '0 470px'});
			$("#m_"+hid[(p-1)]).animate({opacity: "toggle"}, loops);
//			$("#m_"+hid[p]).animate({opacity: "toggle",backgroundPosition:"(0 "+hid_[p]+"px)"}, loop, "linear");
			$("#m_"+hid[p]).animate({opacity: "toggle"}, { 
				queue : false, duration : (loop-5000), easing : "linear", complete : function () {}
			}).animate({backgroundPosition:"(0 "+hid_[p]+"px)"}, loop, "linear");
		}
		p = (p==4) ? 0 : p + 1;
	});
}