/*********************************************************************
* umikaisei.jp blog parts
*
* @since:		2008/07/10
* @version:		1.0
* @copyright:	SURFLEGEND INC, Net Dreamers Co.,LTD 
* @program:		m yoshida
*
**********************************************************************/


(function(){

	Object.extend = function(destination, source) {
		for (var property in source) {
			try {
				destination[property] = source[property];
			} catch (e) {
			};
		}
		return destination;
	}
	function $(element) {
		if (arguments.length > 1) {
			for (var i = 0, elements = [], length = arguments.length; i < length; i++)
				elements.push($(arguments[i]));
			return elements;
		}
		if (typeof element == 'string')
			element = document.getElementById(element);
		return element;
	}

	umikaisei = {};
	Object.extend(umikaisei, {
	
		mapid: "00000000",
		interface: "Wave",
		
		create: function(html, style, attribute, parent) {
			element = document.createElement(html);
			Object.extend(element.style, style);
			Object.extend(element, attribute);
			parent.appendChild(element);
			return element;
		},
		event: {
			observers : [],
			add: function(element, name, observer, useCapture){
				var element = $(element);
				useCapture = useCapture || false;
				if (name == 'keypress' && (navigator.appVersion.match(/Konqueror|Safari|KHTML/) || element.attachEvent)){
					name = 'keydown';
				}
				var hundler = function(e){
					if(!e){
						e=window.event;
					}
					if(e&&!e.target){
						e.target=e.srcElement;
					}
					observer.call(element,e);
				};
				this._observeAndCache(element, name, hundler, useCapture);
			},
			
			_observeAndCache: function(element, name, observer, useCapture) {
				if (!this.observers){
					this.observers = [];
				}
				if (element.addEventListener) {
					this.observers.push([element, name, observer, useCapture]);
					element.addEventListener(name, observer, useCapture);
				} else if (element.attachEvent) {
					this.observers.push([element, name, observer, useCapture]);
					element.attachEvent('on' + name, observer);
				}
			},
			
			unloadCache: function() {
				if (!this.observers){
					return;
				}
				for (var i = 0; i < this.observers.length; i++){
					this.stopObserving.apply(this, this.observers[i]);
					this.observers[i][0] = null;
				}
				this.observers = false;
			},
			
			remove: function(element, name){
				if (!this.observers){
					return;
				}
				var newObservers = [];
				for (var i = 0; i < this.observers.length; i++){
					if(this.observers[i][0] == element && (!name || (name && this.observers[i][1] == name))){
						this.stopObserving.apply(this, this.observers[i]);
						this.observers[i][0] = null;
					}else{
						newObservers[newObservers.length] = this.observers[i];
					}
				}
				this.observers = newObservers;
			},
			
			stopObserving: function(element, name, observer, useCapture) {
				var element = $(element);
				useCapture = useCapture || false;
				if (name == 'keypress' && (navigator.appVersion.match(/Konqueror|Safari|KHTML/) || element.detachEvent)){
					name = 'keydown';
				}
				if (element.removeEventListener) {
					element.removeEventListener(name, observer, useCapture);
				} else if (element.detachEvent) {
					element.detachEvent('on' + name, observer);
				}
			},
			cancel: function(e){
				if($NDClient.agent.type==1){
					window.event.cancelBubble=true;
					window.event.returnValue=false;
				}else{
					e.cancelBubble=true;
					if(e.preventDefault){
						e.preventDefault();
					}
					if(e.stopPropagation){
						e.stopPropagation();
					}
				}
			}

		}
		
	});

	umikaisei.event.add(window, 'unload', umikaisei.event.unloadCache);

	var changeInterface = function(e){
		umikaisei.interface = e.target.value;
		umikaisei.img.src = getImage().src;
	};
	
	var changeArea = function(e){
		umikaisei.mapid = e.target.value;
		umikaisei.img.src = getImage().src;
	};

	var getImage = function(){
		var d = new Date();
		var r = d.getFullYear() + d.getMonth() + d.getDate() + d.getHours() + d.getMinutes() + d.getSeconds() + d.getMilliseconds();
		
		umikaisei.msg.style.visibility = "visible";
		var img = new Image(150, 159);
		img.src = "http://pc.umikaisei.jp/blog/proxy.php?page=" + umikaisei.interface + "&mapid=" + umikaisei.mapid + "&r=" + r;
		umikaisei.msg.style.visibility = "hidden";
		return img;
	};

	var load = function(e){
		var e = $("umikaisei");
		Object.extend(e.style, {position:"relative",width:"160px"});

		var hh  = umikaisei.create("img", {width: "160px", height: "40px", position:"relative"}, {src:"http://pc.umikaisei.jp/blog/h.gif"}, e);

		umikaisei.msg = umikaisei.create("p", {borderBottom: "2px #555 solid", borderRight: "2px #555 solid", fontSize: "10pt", position: "absolute", left:"70px", top: "180px", backgroundColor:"#FFF", width: "100px", zIndex:"1000", textAlign:"center", padding: "5px 0px"}, {innerHTML:"“Ç‚Ý�ž‚Ý’†"}, e);


		var c1 = umikaisei.create("div", {width:"160px",background:"url(http://pc.umikaisei.jp/blog/bg.gif) repeat-y center top"}, {align:"left"}, e);
		umikaisei.img  = umikaisei.create("img", {width: "150px", height: "159px", position:"relative",marginLeft:"3px"}, {src:getImage().src, alt:"Image"}, c1);
		var c2 = umikaisei.create("div", {width:"160px",background:"url(http://pc.umikaisei.jp/blog/bg.gif) repeat-y center top"}, {align:"center"}, e);

		var a1  = umikaisei.create("select", {fontSize:"10px",width:"100px"}, {}, c2);
		var o000 = umikaisei.create("option", {}, {innerHTML:"‘S�‘",value:"00000000"}, a1);
		var o001 = umikaisei.create("option", {}, {value:"01000000",innerHTML:"–kŠC“¹"}, a1);
		var o002 = umikaisei.create("option", {}, {value:"02050000",innerHTML:"��X"}, a1);
		var o003 = umikaisei.create("option", {}, {value:"02060000",innerHTML:"�H“c"}, a1);
		var o004 = umikaisei.create("option", {}, {value:"02070000",innerHTML:"ŠâŽè"}, a1);
		var o005 = umikaisei.create("option", {}, {value:"02080000",innerHTML:"‹{�é"}, a1);
		var o006 = umikaisei.create("option", {}, {value:"02090000",innerHTML:"ŽRŒ`"}, a1);
		var o007 = umikaisei.create("option", {}, {value:"02100000",innerHTML:"•Ÿ“‡"}, a1);
		var o008 = umikaisei.create("option", {}, {value:"03110000",innerHTML:"ˆï�é"}, a1);
		var o009 = umikaisei.create("option", {}, {value:"03120000",innerHTML:"“È–Ø"}, a1);
		var o010 = umikaisei.create("option", {}, {value:"03130000",innerHTML:"ŒQ”n"}, a1);
		var o011 = umikaisei.create("option", {}, {value:"03140000",innerHTML:"�é‹Ê"}, a1);
		var o012 = umikaisei.create("option", {}, {value:"03150000",innerHTML:"“Œ‹ž"}, a1);
		var o013 = umikaisei.create("option", {}, {value:"03160000",innerHTML:"�ç—t"}, a1);
		var o014 = umikaisei.create("option", {}, {value:"03170000",innerHTML:"�_“Þ�ì"}, a1);
		var o015 = umikaisei.create("option", {}, {value:"04180000",innerHTML:"’·–ì"}, a1);
		var o016 = umikaisei.create("option", {}, {value:"04190000",innerHTML:"ŽR—œ"}, a1);
		var o017 = umikaisei.create("option", {}, {value:"05200000",innerHTML:"�ɪ"}, a1);
		var o018 = umikaisei.create("option", {}, {value:"05210000",innerHTML:"ˆ¤’m"}, a1);
		var o019 = umikaisei.create("option", {}, {value:"05220000",innerHTML:"Šò•Œ"}, a1);
		var o020 = umikaisei.create("option", {}, {value:"05230000",innerHTML:"ŽO�d"}, a1);
		var o021 = umikaisei.create("option", {}, {value:"06240000",innerHTML:"�VŠƒ"}, a1);
		var o022 = umikaisei.create("option", {}, {value:"06250000",innerHTML:"•xŽR"}, a1);
		var o023 = umikaisei.create("option", {}, {value:"06260000",innerHTML:"�Î�ì"}, a1);
		var o024 = umikaisei.create("option", {}, {value:"06270000",innerHTML:"•Ÿˆä"}, a1);
		var o025 = umikaisei.create("option", {}, {value:"07280000",innerHTML:"Ž ‰ê"}, a1);
		var o026 = umikaisei.create("option", {}, {value:"07290000",innerHTML:"‹ž“s"}, a1);
		var o027 = umikaisei.create("option", {}, {value:"07300000",innerHTML:"‘å�ã"}, a1);
		var o028 = umikaisei.create("option", {}, {value:"07310000",innerHTML:"•ºŒÉ"}, a1);
		var o029 = umikaisei.create("option", {}, {value:"07320000",innerHTML:"“Þ—Ç"}, a1);
		var o030 = umikaisei.create("option", {}, {value:"07330000",innerHTML:"˜a‰ÌŽR"}, a1);
		var o031 = umikaisei.create("option", {}, {value:"08340000",innerHTML:"‰ªŽR"}, a1);
		var o032 = umikaisei.create("option", {}, {value:"08350000",innerHTML:"�L“‡"}, a1);
		var o033 = umikaisei.create("option", {}, {value:"08360000",innerHTML:"“‡�ª"}, a1);
		var o034 = umikaisei.create("option", {}, {value:"08370000",innerHTML:"’¹Žæ"}, a1);
		var o035 = umikaisei.create("option", {}, {value:"08380000",innerHTML:"ŽRŒû"}, a1);
		var o036 = umikaisei.create("option", {}, {value:"09390000",innerHTML:"“¿“‡"}, a1);
		var o037 = umikaisei.create("option", {}, {value:"09400000",innerHTML:"���ì"}, a1);
		var o038 = umikaisei.create("option", {}, {value:"09410000",innerHTML:"ˆ¤•Q"}, a1);
		var o039 = umikaisei.create("option", {}, {value:"09420000",innerHTML:"�‚’m"}, a1);
		var o040 = umikaisei.create("option", {}, {value:"10430000",innerHTML:"•Ÿ‰ª"}, a1);
		var o041 = umikaisei.create("option", {}, {value:"10440000",innerHTML:"‘啪"}, a1);
		var o042 = umikaisei.create("option", {}, {value:"10450000",innerHTML:"’·�è"}, a1);
		var o043 = umikaisei.create("option", {}, {value:"10460000",innerHTML:"�²‰ê"}, a1);
		var o044 = umikaisei.create("option", {}, {value:"10470000",innerHTML:"ŒF–{"}, a1);
		var o045 = umikaisei.create("option", {}, {value:"10480000",innerHTML:"‹{�è"}, a1);
		var o046 = umikaisei.create("option", {}, {value:"10490000",innerHTML:"Ž­Ž™“‡"}, a1);
		var o047 = umikaisei.create("option", {}, {value:"11500000",innerHTML:"‰«“ê"}, a1);
		umikaisei.event.add(a1, 'change', changeArea);

		var f = umikaisei.create("br", {}, {}, c2);

		var a2  = umikaisei.create("select", {fontSize: "10px",width:"100px"}, {}, c2);
		var o1 = umikaisei.create("option", {}, {innerHTML:"”g�‚ƒ‚ƒfƒ‹",value:"Wave"}, a2);
		var o2 = umikaisei.create("option", {}, {innerHTML:"•—Œüƒ‚ƒfƒ‹",value:"Wind"}, a2);

		var f = umikaisei.create("div", {clear:"both"}, {}, e);
		var bb  = umikaisei.create("img", {width: "160px", height: "115px"}, {src:"http://pc.umikaisei.jp/blog/b.gif"}, e);

		umikaisei.event.add(a2, 'change', changeInterface);
	
	}

	document.write('<script type="text/javascript" src="http://pc.umikaisei.jp/blog/prototype-1.5.0.js"></script>');

	document.write('<div id="umikaisei"></div>');
	umikaisei.event.add(window,"load",load);

})();