// 2008-04-17 sqstyle Works
// Blog 의 이미지 통합을 위한 뱃지를 위해
// 공통으로 사용하는 함수입니다.
 
// RefreshUnion()
// 블로그의 왼편에서 뱃지가 마우스의 스크롤 에 따라 따라다니도록 하기위한 스크립트 입니다.
// 이동을 할 이미지의레이어의 ID 는 항상 HAJA_badge_Layer 로 맞추어져야합니다.

// 뱃지는 항상 왼편에 달려있게 되며,
// 왼편에 뱃지를 달기위해 블로그 본문 레이어를 중앙으로 정렬합니다,.
// 중앙으로 옮겨져 가는 본문레이어의 ID 는 항상 container 로 맞추어져야 합니다.

function RefreshUnion()
{ 

	var t_stmnScrollSpeed = 1; 
	var t_stmnLEFT = 100; // 왼쪽 여백 
	var t_stmnGAP1 = 50; // 위쪽 여백 
	var t_stmnGAP2 = 50; // 스크롤시 브라우저 위쪽과 떨어지는 거리 
	var t_stmnActivateSpeed = 1; 

	var t_stmnStartPoint, t_stmnEndPoint, t_stmnRefreshTimer; 
	var docBody_scrollTop = document.getElementsByTagName("html").item(0).scrollTop;
	var mvLayer = document.getElementById("HAJA_badge_Layer");

	var mvLayerTop = parseInt(mvLayer.style.top, 10);
	if (!mvLayerTop) mvLayerTop = 50;

	t_stmnStartPoint = mvLayerTop
	t_stmnEndPoint = docBody_scrollTop + t_stmnGAP2; 
	if (t_stmnEndPoint < t_stmnGAP1) t_stmnEndPoint = t_stmnGAP1; 

	t_stmnRefreshTimer = t_stmnActivateSpeed; 

	if ( t_stmnStartPoint != t_stmnEndPoint )
	{ 
		t_stmnScrollAmount = Math.ceil( Math.abs( t_stmnEndPoint - t_stmnStartPoint ) / 15 ); 
		var oyPosition = mvLayerTop + (( t_stmnEndPoint<t_stmnStartPoint ) ? - t_stmnScrollAmount : t_stmnScrollAmount );
		mvLayer.style.top = oyPosition+"px" ;
		t_stmnRefreshTimer = t_stmnScrollSpeed; 
	} 

	var containeridx = document.getElementById("container");
//	alert (containeridx);

	if (containeridx != null)
	{
		var t_temp = containeridx.offsetLeft - 130;
		mvLayer.style.left = t_temp + "px";

		containeridx.style.marginBottom="0pt";
		containeridx.style.marginLeft="auto";
		containeridx.style.marginRight="auto";
		containeridx.style.marginTop="0pt";
	}

	setTimeout("RefreshUnion();", t_stmnRefreshTimer); 
} 


//containerAlign()
//  블로그의 기본 래이어인 container 를 중앙으로 보내는 함수입니다.
//  중앙으로 이동할 레이어의 ID 는 container 로 되어 있어야합니다.
//  레이어가 중앙으로 갈때까지 이 함수는 계속 실행 됩니다.

//현재는 RefreshUnion() 에 포함되어 있습니다.
//혹시나 사용할 일이있지 않을까 해서 지우지 않고 포함해둔 스크립트 입니다.

function containerAlign()
{
	var t_cAlign = document.getElementById("container");
	//alert(t_cAlign);
	if (t_cAlign != null)
	{
		t_cAlign.marginBottom="0pt";
		t_cAlign.marginLeft="auto";
		t_cAlign.marginRight="auto";
		t_cAlign.marginTop="0pt";
	}
	else
	{
		containerAlign();
	}
	return ;
}

function badgeChker()
{
	var chker = document.getElementById("HAJA_badge_Layer");
	if (chker != null)
	{
		document.getElementById("HAJA_badge_Layer").onLoad = RefreshUnion();
		return ;
	}
	else
	{
		setTimeout("badgeChker();", 5000); 
		
	}	
	return;
}

//뱃지 기본사이즈를 출력하기위한 스크립트 입니다.
//이미지 바탕의 그림자의 표현을 위해 GIF 이미지를 사용할수 없었으며, 
//PNG 형태로 flash파일에 포함되어 있습니다.
//버튼 클릭은 Flash 파일에서 하고 있으며, 새창으로 하자 메인 이동 합니다.

// 웹페이지에서 불러올때 마다 각각의 다른 디자인을 표현하기 위하여
// swf 파일에서는 FrameNum이라는 변수에 1~5까지의 번호를 입력받아처리합니다.
// 아래 함수는 스크립트에서 난수를 발생하여 플래시 파일을 불러 오도록 합니다.

// 뱃지의 사이즈 : 120*120 (표준형)
// 아래는 블로그전용입니다.
function write_Badge_std()
{
		var RandNum5 = Math.ceil(Math.random()*5);
		//var addr = "" + java.net.InetAddress.getLocalHost().getHostAddress();
		document.write("<!--[if lt IE 7]>");
		document.write("<script defer type=\"text/javascript\" src=\"http://haja.net/~hajacommon/hajafamily_v1/pngfix.js\"></script>");
		document.write("<![endif]-->");


		document.write("<div id='HAJA_badge_Layer'>");
		document.write("<a href='http://haja.net' onFocus='blur();'> <br>");
		document.write('<img src="http://haja.net/~hajacommon/hajafamily_v1/haja_badge0'+RandNum5 + '.png" style="border:none;">');
		document.write('</a>');
//		document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="120" height="120" id="buttons" align="middle">');
//		document.write('<param name="movie" value="http://wiki.haja.net/~hajacommon/hajafamily_v1/buttons.swf?FrameNum=' + RandNum5 + '" />');
//		document.write('<param name="quality" value="high" />');
//		document.write('<param name="wmode" value="transparent" />');
//		document.write('<embed src="http://wiki.haja.net/~hajacommon/hajafamily_v1/buttons.swf?FrameNum=' + RandNum5 + '" quality="high" bgcolor="#ffffff" width="120" height="120" name="buttons" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" />');
//		document.write('</object>');
		

		document.write('</div>');

		
		document.getElementsByTagName("html").onLoad = containerchker();	
}
//<script language="JavaScript" src="http://wiki.haja.net/~hajacommon/hajafamily_v1/hajafamily.js">

function containerchker()
{
	var chker = document.getElementById("container");
	if (!chker ||  chker == null)
	{	
		//container 태그가 없을경우 
		//본문을 중앙으로 보내기위해 container를 하나더 삽입힙니다. 부하가 조금 있을듯 하지만 크게 신경쓰지 않을정도일거 같아서 걍 씁니다.
		document.write('<div id="container" class="container">'); 
	}
}

//뱃지 스몰사이즈를 출력하기위한 스크립트 입니다.
// 뱃지의 사이즈 : 92*92 (작은형)

//블로그에서 사용하지 않기때문에 아래의 문장은 포함되지 않았습니다.
//document.write('<div id="container">');
function write_Badge_sm()
{
		var RandNum5 = Math.ceil(Math.random()*5);
		document.write("<!--[if lt IE 7]>");
		document.write("<script defer type=\"text/javascript\" src=\"http://haja.net/~hajacommon/hajafamily_v1/pngfix.js\"></script>");
		document.write("<![endif]-->");

		document.write("<div id='HAJA_badge_Layer'  style='float:left;'>");
//		document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="92" height="92" id="buttons" align="middle">');
//		document.write('<param name="movie" value="http://wiki.haja.net/~hajacommon/hajafamily_v1/buttons_92_92.swf?FrameNum=' + RandNum5 + '" />');
//		document.write('<param name="quality" value="high" />');
//		document.write('<param name="wmode" value="transparent" />');
//		document.write('<embed src="http://wiki.haja.net/~hajacommon/hajafamily_v1/buttons_92_92.swf?FrameNum=' + RandNum5 + '" quality="high" bgcolor="#ffffff" width="92" height="92" name="buttons" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" />');
//		document.write('</object>');
		document.write("<a href='http://haja.net' onFocus='blur();'> <br>");
		document.write('<img src="http://haja.net/~hajacommon/hajafamily_v1/haja_badge0'+RandNum5 + '.png" style="border:none;">');
		document.write('</a>');
		document.write('</div>');
}