var mo_target_class_name='mo_image';
var ip_target_class_name='image_pop';
window.onload=function(){
//onclickでの拡大画像表示
pop_image();
//mouseoverでの画像表示
//mo_image();
};
/*OnClickでの拡大画像表示*/
function pop_image()
{
	var targetArray=find(document.body,ip_target_class_name);
	var c_img='';
	for(var i=0;i<targetArray.length;i++)
	{
		c_img='';
		var c_list=targetArray[i].getElementsByTagName('img');
		if(c_list.length>0)
		{
			c_img=c_list[0].getAttribute('src');
			if(c_img&&c_img!='')
			{
				var tmp_src_file=getFileName(c_img);
				if(tmp_src_file)
				{
					var tmp_ext=getExtension(tmp_src_file);
					if(tmp_ext)
					{
						var tmpIndex=c_img.lastIndexOf(".");
						if(tmpIndex>0)
						{
							var tmpFileName=c_img.substring(0,tmpIndex)+'_l'+c_img.substring(tmpIndex);
							targetArray[i].onclick=function(){
								return _pop_image(this);
							};
						}
					}
				}
			}
		}
	}
};

function _pop_image(p_el)
{
	var c_img='';
	var c_list=p_el.getElementsByTagName('img');
	if(c_list.length>0)
	{
		c_img=c_list[0].getAttribute('src');
		if(c_img&&c_img!='')
		{
			var tmp_src_file=getFileName(c_img);
			if(tmp_src_file)
			{
				var tmp_ext=getExtension(tmp_src_file);
				if(tmp_ext)
				{
					var tmpIndex=c_img.lastIndexOf(".");
					if(tmpIndex>0)
					{
						var tmpFileName=c_img.substring(0,tmpIndex)+'_l'+c_img.substring(tmpIndex);
						window.open(tmpFileName);
					}
				}
			}
		}
	}
	return false;
};

/*MouseOverの画像表示*/
function mo_image(){
	var c_id=document.URL;
	var f_str='/Page/GOODSLIST-';
	var tmp=c_id.indexOf(f_str);

	if(tmp&&tmp!=-1)
	{
		c_id=c_id.substring(tmp+f_str.length);
		tmp=c_id.indexOf('?');
		if(tmp&&tmp!=-1)c_id=c_id.substring(0,tmp);
		var imgDiv=document.createElement("div");
		var tmpImg=document.createElement("img");
		tmpImg.src="/DD/Images/"+c_id+".jpg";
		imgDiv.appendChild(tmpImg);
		imgDiv.style.width=tmpImg.style.width;
		imgDiv.style.height=tmpImg.style.height;
		imgDiv.style.position="absolute";
		imgDiv.style.backgroundColor="black";
		imgDiv.style.display="none";
		imgDiv.id="img_view_div";
		document.body.appendChild(imgDiv);
		var targetArray=find(document.body,mo_target_class_name);
		for(var i=0;i<targetArray.length;i++)
		{
			targetArray[i].onmouseover=function(m_event){
				m_event=m_event||window.event;
				if(m_event.pageY)
				{
					imgDiv.style.top=(m_event.pageY+12)+"px";
					imgDiv.style.left=(m_event.pageX+12)+"px";
				}
				else
				{
					imgDiv.style.top=(m_event.clientY+12);
					imgDiv.style.left=(m_event.clientX+12);
				}
				imgDiv.style.display='block';
				};
			targetArray[i].onmouseout=function(){
				imgDiv.style.display='none';
				};
		}
	}
};

function find(p_el,t_cls)
{
	var tgttags=new Array('a','img','div','span','table','td','tr','th','body','font','select','input','tbody','textarea');
	var retArray=new Array();
	var tmpArray=null;
	for(var i=0;i<tgttags.length;i++)
	{
		tmpArray=document.getElementsByTagName(tgttags[i]);
		for(var j=0;j<tmpArray.length;j++)
		{
			if((tmpArray[j].getAttribute('class')&&tmpArray[j].getAttribute('class')==t_cls)||(tmpArray[j].getAttribute('className')&&tmpArray[j].getAttribute('className')==t_cls))
			{
				retArray.push(tmpArray[j]);
			}
		}
	}
	return retArray;
};

function getFileName(src_url)
{
	var splitStr='/';
	var tmpFileName='';
	var tmpArray=src_url.split(splitStr);
	if(tmpArray.length>0)
	{
		tmpFileName=tmpArray[tmpArray.length-1];
	}
	return tmpFileName;
}

function getExtension(src_file_name)
{
	var ext='';
	var tmpIndex=src_file_name.indexOf('.');
	if(tmpIndex>0&&tmpIndex!=(src_file_name.length-1))
	{
		ext=src_file_name.substring(tmpIndex-1);
	}
	return ext;
}
