// JavaScript Document

// floating on_off
$(function(){
	$("dd.size1d").hide()
	$("body").append("<div id='glayLayer'></div><div id='overLayer'></div>")

	$("#glayLayer").click(function(){
		$(this).hide()
		$("#overLayer").hide()
	})

	$("dt.size1t").click(function(){
		$("#glayLayer").show()
		$("#overLayer").show().html($("+dd.size1d",this).html()).css({
			marginTop:"-"+$("#overLayer").height()/2+"px" , 
			marginLeft:"-"+$("#overLayer").width()/2+"px" 
//			marginLeft:"-"+$("#overLayer").width()/2+"px" 

		})

		$("#overLayer img.close").click(function(){
			$("#glayLayer").hide()
			$("#overLayer").hide()
		})

// rollover 
		function initRollOverImages() {
			var image_cache = new Object();
			$("img.close").each(function(i) {
				var imgsrc = this.src;
				var dot = this.src.lastIndexOf('.');
				var imgsrc_on = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
				image_cache[this.src] = new Image();
				image_cache[this.src].src = imgsrc_on;
				$(this).hover(
					function() { this.src = imgsrc_on; },
					function() { this.src = imgsrc; });
					});
				}
			$(document).ready(initRollOverImages);

		return false;
	})

	if($.browser.msie && $.browser.version<7){
		$(window).scroll(function(){
			$("#glayLayer").get(0).style.setExpression("top","$(document).scrollTop()+'px'")
			$("#overLayer").get(0).style.setExpression("top","($(document).scrollTop()+$(window).height()/2)+'px'")
		})
	}
})


// floating on_off�@size2
$(function(){
	$("dd.size2d").hide()
	$("body").append("<div id='glayLayer2'></div><div id='overLayer2'></div>")

	$("#glayLayer2").click(function(){
		$(this).hide()
		$("#overLayer2").hide()
	})

	$("dt.size2t").click(function(){
		$("#glayLayer2").show()
		$("#overLayer2").show().html($("+dd.size2d",this).html()).css({
			marginTop:"-"+$("#overLayer2").height()/2+"px" , 
			marginLeft:"-"+$("#overLayer2").width()/2+"px" 
		})

		$("#overLayer2 img.close").click(function(){
			$("#glayLayer2").hide()
			$("#overLayer2").hide()
		})

// rollover 
		function initRollOverImages() {
			var image_cache = new Object();
			$("img.close").each(function(i) {
				var imgsrc = this.src;
				var dot = this.src.lastIndexOf('.');
				var imgsrc_on = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
				image_cache[this.src] = new Image();
				image_cache[this.src].src = imgsrc_on;
				$(this).hover(
					function() { this.src = imgsrc_on; },
					function() { this.src = imgsrc; });
					});
				}
			$(document).ready(initRollOverImages);

		return false;
	})

	if($.browser.msie && $.browser.version<7){
		$(window).scroll(function(){
			$("#glayLayer2").get(0).style.setExpression("top","$(document).scrollTop()+'px'")
			$("#overLayer2").get(0).style.setExpression("top","($(document).scrollTop()+$(window).height()/2)+'px'")
		})
	}
})