html소스 자바스크립트 스크롤 소스

2010.08.17 12:54

juro 조회 수:1527

<!-- //////////////////////////////////////////////////////////////
//*****************************************************************
// 자바스크립트 파일
//  Web Site: http://www.CginJs.Com
//  CGI 와 JavaScript가 만났을 때 = C.n.J ☞ http://www.CginJs.Com
//  CGI 와 JavaScript가 만났을 때 = C.n.J ☞ webmaster@CginJs.Com
//  C.n.J 자바스크립트 자동 생성 마법사 ☞ http://www.CginJs.Com
//  C.n.J 자바스크립트(JavaScript) 가이드 ☞ http://www.CginJs.Com
//  C.n.J CSS(Cascading Style Sheet) 가이드 ☞ http://www.CginJs.Com
//  Editer : Web Site: http://www.CginJs.Com
//*****************************************************************
/////////////////////////////////////////////////////////////// -->
document.write('<st'+'yle>');
document.write('#content {        position: absolute  }');
document.write('body { margin: 0px; overflow: hidden; width: 100%; height: 100% }');
document.write('</st'+'yle>');

/* span태그 부분 설정 부분
아래는 이미지 가로/세로 크기에 알맞게 width: 14px;/height: 8px 수정
위치도 문서에 알맞게 수정하면 되겠지요...
위치를 알맞게 조정하는것은 사용자의 몫입니다.
이 스크립트에 대한 질문은 받지 않습니다.
*/
// Made by geeeet@ghtml.com
// Keep these two lines and you're free to use this code
// Known bugs :
// If ie4.5 mac, please press apple-t to remove sidebar, otherwise everything is pushed 20px to the right...
// Corrected bugs :
// 25.01.2001 - When the height of the span "content" was less than the height of the span "contentClip" a javascript error occured, function changed : move()
// 21.02.2001 - Scrolling text wasn't selectable in ie, function changed : move()
// 05.03.2001 - Ie x and y coordinates was wrong when page was scrolled, function changed : getMouse()
// 19.04.2001 - Finally able to remove browser-scrollbar if content is longer than the browser is high:
// Just put this in the style-tag right before the end head-tag:
// body {margin-left:0; margin-right:0; margin-top:0; margin-bottom:0; width:100%;height:100%;overflow:hidden}
// Touch me here :-)
// 부분은 이미지 크기와 맞게 수정하면 됩니다.
// 되도록 스크롤될때 이미지 부분과 스크롤바 상단/하단에 있는 이미지가 일치하는게 보기가 좋겠죠..
var upH = 21; // arrow 상단 이미지  세로길이
var upW = 30; // arrow 상단 이미지  이미지 가로길이
var downH = 21;  // arrow 하단 이미지  세로길이
var downW = 30;  // arrow 하단 이미지  세로길이
var dragH = 165; // 스크롤시 드래그 되는 스크롤바 이미지 세로길이
var dragW = 30; // 스크롤시 드래그 되는 스크롤바 이미지 가로길이
var scrollH = 465; // 스크롤바 높이
var speed = 17; // 스크롤스피드

//// 이부분 부터 수정할 필요 없습니다. /////////////////////////////////////////////////////////////

// Browser detection
var dom = document.getElementById ? true:false;
var nn4 = document.layers ? true:false;
var ie4 = document.all ? true:false;

var mouseY; // Mouse Y position onclick
var mouseX; // Mouse X position onclick

var clickUp = false; // If click on up-arrow
var clickDown = false; // If click on down-arrow
var clickDrag = false; // If click on scrollbar
var clickAbove = false; // If click above scrollbar
var clickBelow = false; // If click below scrollbar

var timer = setTimeout("",500); // Repeat variable
var upL; // Up-arrow X
var upT; // Up-arrow Y
var downL; // Down-arrow X
var downT; // Down-arrow Y
var dragL; // Scrollbar X
var dragT; // Scrollbar Y
var rulerL; // Ruler X
var rulerT; // Ruler Y
var contentT; // Content layer Y;
var contentH; // Content height
var contentClipH; // Content clip height
var scrollLength; // Number of pixels scrollbar should move
var startY; // Keeps track of offset between mouse and span

// Mousedown
function down(e){
        if((document.layers && e.which!=1) || (document.all && event.button!=1)) return true; // Enables the right mousebutton
        getMouse(e);
        startY = (mouseY - dragT);
        
        if(mouseX >= upL && (mouseX <= (upL + upW)) && mouseY >= upT && (mouseY <= (upT + upH))){
                clickUp = true;
                return scrollUp();
        } else if(mouseX >= downL && (mouseX <= (downL + downW)) && mouseY >= downT && (mouseY <= (downT + downH))){
                clickDown = true;
                return scrollDown();
        } else if(mouseX >= dragL && (mouseX <= (dragL + dragW)) && mouseY >= dragT && (mouseY <= (dragT + dragH))){
                clickDrag = true;
                return false;
        } else if(mouseX >= dragL && (mouseX <= (dragL + dragW)) && mouseY >= rulerT && (mouseY <= (rulerT + scrollH))){
                // If click above drag
                if(mouseY < dragT){
                        clickAbove = true;
                        clickUp = true;
                        return scrollUp();
                } else{
                        clickBelow = true;
                        clickDown = true;
                        return scrollDown();
                }
        } else {
                return true;
        }
}

function move(e){
        if(clickDrag && contentH > contentClipH){
                getMouse(e);
                dragT = (mouseY - startY);
                
                if(dragT < (rulerT))
                        dragT = rulerT;                
                if(dragT > (rulerT + scrollH - dragH))
                        dragT = (rulerT + scrollH - dragH);
                
                contentT = ((dragT - rulerT)*(1/scrollLength));
                contentT = eval('-' + contentT);

                moveTo();
                
                if(ie4)
                        return false;
        }
}

function up(){
        clearTimeout(timer);
        // Resetting variables
        clickUp = false;
        clickDown = false;
        clickDrag = false;
        clickAbove = false;
        clickBelow = false;
        return true;
}

// Reads content layer top
function getT(){
        if(ie4)
                contentT = document.all.content.style.pixelTop;
        else if(nn4)
                contentT = document.contentClip.document.content.top;
        else if(dom)
                contentT = parseInt(document.getElementById("content").style.top);
}

// Reads mouse X and Y coordinates
function getMouse(e){
        if(ie4){
                mouseY = event.clientY + document.body.scrollTop;
                mouseX = event.clientX + document.body.scrollLeft;
        } else if(nn4 || dom){
                mouseY = e.pageY;
                mouseX = e.pageX;
        }
}

// Moves the layer
function moveTo(){
        if(ie4){
                document.all.content.style.top = contentT;
                document.all.ruler.style.top = dragT;
                document.all.drag.style.top = dragT;
        } else if(nn4){
                document.contentClip.document.content.top = contentT;
                document.ruler.top = dragT;
                document.drag.top = dragT;
        } else if(dom){
                document.getElementById("content").style.top = contentT + "px";
                document.getElementById("drag").style.top = dragT + "px";
                document.getElementById("ruler").style.top = dragT + "px";
        }
}

// Scrolls up
function scrollUp(){
        getT();
        
        if(clickAbove){
                if(dragT <= (mouseY-(dragH/2)))
                        return up();
        }
        
        if(clickUp){
                if(contentT < 0){                
                        dragT = dragT - (speed*scrollLength);
                        if(dragT < (rulerT))
                                dragT = rulerT;
                        contentT = contentT + speed;
                        if(contentT > 0)
                                contentT = 0;
                        moveTo();
                        timer = setTimeout("scrollUp()",25);
                }
        }
        return false;
}

// Scrolls down
function scrollDown(){
        getT();
        
        if(clickBelow){
                if(dragT >= (mouseY-(dragH/2)))
                        return up();
        }
        if(clickDown){
                if(contentT > -(contentH - contentClipH)){                        
                        dragT = dragT + (speed*scrollLength);
                        if(dragT > (rulerT + scrollH - dragH))
                                dragT = (rulerT + scrollH - dragH);
                        contentT = contentT - speed;
                        if(contentT < -(contentH - contentClipH))
                                contentT = -(contentH - contentClipH);
                        moveTo();
                        timer = setTimeout("scrollDown()",25);
                }
        }
        return false;
}

// reloads page to position the layers again
function reloadPage(){
        location.reload();
}

// Preload
function eventLoader(){
        if(ie4){
                // Up-arrow X and Y variables
                upL = document.all.up.style.pixelLeft;
                upT = document.all.up.style.pixelTop;                
                // Down-arrow X and Y variables
                downL = document.all.down.style.pixelLeft;
                downT = document.all.down.style.pixelTop;
                // Scrollbar X and Y variables
                dragL = document.all.drag.style.pixelLeft;
                dragT = document.all.drag.style.pixelTop;                
                // Ruler Y variable
                rulerT = document.all.ruler.style.pixelTop;                
                // Height of content layer and clip layer
                contentH = parseInt(document.all.content.scrollHeight);
                contentClipH = parseInt(document.all.contentClip.style.height);
                //
                document.all.contentClip.onmousewheel = wheelchange;
        } else if(nn4){
                // Up-arrow X and Y variables
                upL = document.up.left;
                upT = document.up.top;                
                // Down-arrow X and Y variables
                downL = document.down.left;
                downT = document.down.top;                
                // Scrollbar X and Y variables
                dragL = document.drag.left;
                dragT = document.drag.top;                
                // Ruler Y variable
                rulerT = document.ruler.top;
                // Height of content layer and clip layer
                contentH = document.contentClip.document.content.clip.bottom;
                contentClipH = document.contentClip.clip.bottom;
                //
                document.contentClip.onmousewheel = wheelchange;
        } else if(dom){
                // Up-arrow X and Y variables
                upL = parseInt(document.getElementById("up").style.left);
                upT = parseInt(document.getElementById("up").style.top);
                // Down-arrow X and Y variables
                downL = parseInt(document.getElementById("down").style.left);
                downT = parseInt(document.getElementById("down").style.top);
                // Scrollbar X and Y variables
                dragL = parseInt(document.getElementById("drag").style.left);
                dragT = parseInt(document.getElementById("drag").style.top);
                // Ruler Y variable
                rulerT = parseInt(document.getElementById("ruler").style.top);
                // Height of content layer and clip layer
                contentH = parseInt(document.getElementById("content").offsetHeight);
                contentClipH = parseInt(document.getElementById("contentClip").offsetHeight);
                document.getElementById("content").style.top = 0 + "px";
                //
                document.getElementById("contentClip").onmousewheel = wheelchange;
                //onmousewheel="return wheelchange();"
        }
        // Number of pixels scrollbar should move
        scrollLength = ((scrollH-dragH)/(contentH-contentClipH));
        // Initializes event capturing
        if(nn4){
                document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
                window.onresize = reloadPage;
        }
        document.onmousedown = down;
        document.onmousemove = move;
        document.onmouseup = up;
}
function wheelchange () {
        if (event.wheelDelta >= 120) {
                clickUp = true;
                scrollUp ();
                scrollUp ();
                scrollUp ();
                clickUp = false;
        } else if (event.wheelDelta <= -120) {
                clickDown = true;
                scrollDown ();
                scrollDown ();
                scrollDown ();
                clickDown = false;
        }
        return false;
}
//// 이부분 까지는 수정할 필요 없습니다. /////////////////////////////////////////////////////////////

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->


** html 문서
<td width="85"><a href="en_archieve.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu001','','img3/menu01_on.jpg',1)"><img name="menu001" border="0" src="img3/menu01.jpg" width="85" height="30"></a></td>
                            <td width="63"><a href="en_reel.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu002','','img3/menu02_on.jpg',1)"><img name="menu002" border="0" src="img3/menu02.jpg" width="63" height="30"></a></td>
                            <td width="101"><a href="en_company.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu003','','img3/menu03_on.jpg',1)"><img name="menu003" border="0" src="img3/menu03.jpg" width="101" height="30"></a></td>
                            <td width="65"> </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <table width="360" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="46"> </td>
                            <td width="125"><a href="en_making.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu004','','img3/menu04_on.jpg',1)"><img name="menu004" border="0" src="img3/menu04.jpg" width="125" height="30"></a></td>
                            <td width="124"><a href="en_contact.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu005','','img3/menu05_on.jpg',1)"><img name="menu005" border="0" src="img3/menu05.jpg" width="124" height="30"></a></td>
                            <td width="65"> </td>
                          </tr>
                        </table>
                      </td>
                    </tr>                                        
                  </table>
                </td>
              </tr>
              <tr>
                <td height="495" valign="top">
                  <table width="360" border="0" cellspacing="0" cellpadding="0" style=font-size:12px; line-height:19px;>
                    <tr>
                      <td width="50"> </td>
                      <td width="310" height="495" valign="top">
                        <!-- 상단 버튼 이미지 레이어 //-->
                        <span id="up" style="z-index: 1; left: 272px; width: 30px; position: absolute; top: 140px; height: 21px"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('scroll_bar_top0','','img/scroll_bar_top0_on.jpg',1)"><img name="scroll_bar_top0" border="0" src="img/scroll_bar_top0.jpg" width="22" height="21"></a></span>
                        <!-- 하단 버튼 이미지 레이어 //-->
                        <span id="down" style=" z-index: 2; left: 272px; width: 30px; position: absolute; top: 609px; height: 21px"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('scroll_bar_bottom0','','img/scroll_bar_bottom0_on.jpg',1)"><img name="scroll_bar_bottom0" border="0" src="img/scroll_bar_bottom0.jpg" width="22" height="21"></a></span>
                        <!-- 드래그 버튼 이미지 레이어 //-->
                        <span id="drag"  style="z-index: 3; left: 279px; width: 30px; position: absolute; top: 159px; height: 152px; cursor: hand"><img src="img/srcoll_bar2_trans.gif" width="7" height="152" border="0"></span>
                        <span id="ruler" style="z-index: 4; left: 279px; width: 30px; position: absolute; top: 159px; height: 152px"></span>
                        <!-- 내용부분 레이어 //-->
                        <span id="contentClip" style="z-index: 5; left: 48px; visibility: visible; overflow: hidden; width: 250px; clip: rect(0px 250px 650px 0px); position: absolute; top: 145px; height:485px">
                        <span id="content">
                        <table width="210" border="0" cellspacing="0" cellpadding="0" style="font-size:12px; line-height:18px;">
                          <tr>
                            <td><img src="img3/archieve_list.gif" width="220" height="3650" usemap="#Map" border="0" href="#"></td>
                          </tr>
                        </table>
                        </span> </span>
                        <!-- Script Size : 10.915 Bytes -->
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td> </td>
              </tr>
            </table>
          </td>
          <td width="641" valign="top"><iframe width="640" height="714" cellpadding="0" cellspacing="0" frameborder="0" scrolling="no" src="archieve/2009/2009_052.html" name="archieve_iframe"></iframe></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<map name="Map">
  <area shape="rect" coords="6,2364,207,2381" href="archieve/2006_029.html" target="archieve_iframe">
  <area shape="rect" coords="6,2380,207,2396" href="archieve/2006_028.html" target="archieve_iframe">
  <area shape="rect" coords="6,2395,207,2412" href="archieve/2006_027.html" target="archieve_iframe">
  <area shape="rect" coords="6,2411,207,2426" href="archieve/2006_026.html" target="archieve_iframe">
  <area shape="rect" coords="6,2425,207,2441" href="archieve/2006_025.html" target="archieve_iframe">
  <area shape="rect" coords="6,2440,207,2456" href="archieve/2006_024.html" target="archieve_iframe">
  <area shape="rect" coords="6,2455,207,2471" href="archieve/2006_023.html" target="archieve_iframe">
  <area shape="rect" coords="6,2470,207,2486" href="archieve/2006_022.html" target="archieve_iframe">
  <area shape="rect" coords="6,2485,207,2501" href="archieve/2006_021.html" target="archieve_iframe">
  <area shape="rect" coords="6,2500,207,2516" href="archieve/2006_020.html" target="archieve_iframe">
  <area shape="rect" coords="6,2515,207,2531" href="archieve/2006_019.html" target="archieve_iframe">
  <area shape="rect" coords="6,2530,207,2546" href="archieve/2006_018.html" target="archieve_iframe">
  <area shape="rect" coords="6,2545,207,2561" href="archieve/2006_017.html" target="archieve_iframe">
  <area shape="rect" coords="6,2828,207,2844" href="archieve/2005_017.html" target="archieve_iframe">
  <area shape="rect" coords="6,2843,207,2860" href="archieve/2005_016.html" target="archieve_iframe">
  <area shape="rect" coords="6,2859,207,2875" href="archieve/2005_015.html" target="archieve_iframe">
  <area shape="rect" coords="6,2874,207,2890" href="archieve/2005_014.html" target="archieve_iframe">
  <area shape="rect" coords="6,2889,207,2905" href="archieve/2005_013.html" target="archieve_iframe">
  <area shape="rect" coords="6,2904,207,2920" href="archieve/2005_012.html" target="archieve_iframe">
  <area shape="rect" coords="6,2919,207,2935" href="archieve/2005_011.html" target="archieve_iframe">
  <area shape="rect" coords="6,2934,207,2950" href="archieve/2005_010.html" target="archieve_iframe">
  <area shape="rect" coords="6,2949,207,2965" href="archieve/2005_009.html" target="archieve_iframe">
  <area shape="rect" coords="6,2964,207,2980" href="archieve/2005_008.html" target="archieve_iframe">
  <area shape="rect" coords="6,2979,207,2995" href="archieve/2005_007.html" target="archieve_iframe">
  <area shape="rect" coords="6,2994,207,3011" href="archieve/2005_006.html" target="archieve_iframe">
  <area shape="rect" coords="6,3010,207,3026" href="archieve/2005_005.html" target="archieve_iframe">
  <area shape="rect" coords="6,3025,207,3040" href="archieve/2005_004.html" target="archieve_iframe">
  <area shape="rect" coords="6,3039,207,3055" href="archieve/2005_003.html" target="archieve_iframe">
  <area shape="rect" coords="6,3054,207,3070" href="archieve/2005_002.html" target="archieve_iframe">
  <area shape="rect" coords="6,3069,207,3085" href="archieve/2005_001.html" target="archieve_iframe">
  <area shape="rect" coords="6,3115,207,3130" href="archieve/2004_011.html" target="archieve_iframe">
  <area shape="rect" coords="6,3129,207,3145" href="archieve/2004_010.html" target="archieve_iframe">
  <area shape="rect" coords="6,3144,207,3160" href="archieve/2004_009.html" target="archieve_iframe">
  <area shape="rect" coords="6,3159,207,3175" href="archieve/2004_008.html" target="archieve_iframe">
  <area shape="rect" coords="6,3174,207,3190" href="archieve/2004_007.html" target="archieve_iframe">
  <area shape="rect" coords="6,3189,207,3205" href="archieve/2004_006.html" target="archieve_iframe">
  <area shape="rect" coords="6,3204,207,3220" href="archieve/2004_005.html" target="archieve_iframe">
  <area shape="rect" coords="6,3219,207,3235" href="archieve/2004_004.html" target="archieve_iframe">
  <area shape="rect" coords="6,3234,207,3251" href="archieve/2004_003.html" target="archieve_iframe">
  <area shape="rect" coords="6,3250,207,3266" href="archieve/2004_002.html" target="archieve_iframe">
  <area shape="rect" coords="6,3265,207,3282" href="archieve/2004_001.html" target="archieve_iframe">
  <area shape="rect" coords="6,3310,206,3326" href="archieve/2003_008.html" target="archieve_iframe">
  <area shape="rect" coords="6,3325,206,3341" href="archieve/2003_007.html" target="archieve_iframe">
  <area shape="rect" coords="6,3340,206,3356" href="archieve/2003_006.html" target="archieve_iframe">
  <area shape="rect" coords="6,3355,206,3371" href="archieve/2003_005.html" target="archieve_iframe">
  <area shape="rect" coords="6,3370,206,3386" href="archieve/2003_004.html" target="archieve_iframe">
  <area shape="rect" coords="6,3385,206,3401" href="archieve/2003_003.html" target="archieve_iframe">
  <area shape="rect" coords="6,3400,206,3415" href="archieve/2003_002.html" target="archieve_iframe">
  <area shape="rect" coords="6,3414,206,3432" href="archieve/2003_001.html" target="archieve_iframe">
  <area shape="rect" coords="6,3459,205,3475" href="archieve/2002_012.html" target="archieve_iframe">
  <area shape="rect" coords="6,3474,205,3490" href="archieve/2002_011.html" target="archieve_iframe">
  <area shape="rect" coords="6,3489,205,3506" href="archieve/2002_010.html" target="archieve_iframe">
  <area shape="rect" coords="6,3505,205,3520" href="archieve/2002_009.html" target="archieve_iframe">
  <area shape="rect" coords="6,3519,205,3534" href="archieve/2002_008.html" target="archieve_iframe">
  <area shape="rect" coords="6,3533,205,3549" href="archieve/2002_007.html" target="archieve_iframe">
  <area shape="rect" coords="6,3548,205,3564" href="archieve/2002_006.html" target="archieve_iframe">
  <area shape="rect" coords="6,3563,205,3579" href="archieve/2002_005.html" target="archieve_iframe">
  <area shape="rect" coords="6,3578,205,3594" href="archieve/2002_004.html" target="archieve_iframe">
  <area shape="rect" coords="6,3593,205,3610" href="archieve/2002_003.html" target="archieve_iframe">
  <area shape="rect" coords="6,3609,205,3626" href="archieve/2002_002.html" target="archieve_iframe">
  <area shape="rect" coords="6,3625,205,3640" href="archieve/2002_001.html" target="archieve_iframe">
  <area shape="rect" coords="6,2560,207,2576" href="archieve/2006_016.html" target="archieve_iframe">  
  <area shape="rect" coords="6,2575,207,2590" href="archieve/2006_015.html" target="archieve_iframe">
  <area shape="rect" coords="6,2589,207,2603" href="archieve/2006_014.html" target="archieve_iframe">
  <area shape="rect" coords="6,2602,207,2619" href="archieve/2006_013.html" target="archieve_iframe">
  <area shape="rect" coords="6,2618,207,2634" href="archieve/2006_012.html" target="archieve_iframe">
  <area shape="rect" coords="6,2633,207,2650" href="archieve/2006_011.html" target="archieve_iframe">
  <area shape="rect" coords="6,2649,207,2665" href="archieve/2006_010.html" target="archieve_iframe">
  <area shape="rect" coords="6,2664,207,2680" href="archieve/2006_009.html" target="archieve_iframe">
  <area shape="rect" coords="6,2679,207,2695" href="archieve/2006_008.html" target="archieve_iframe">
  <area shape="rect" coords="6,2694,207,2710" href="archieve/2006_007.html" target="archieve_iframe">
  <area shape="rect" coords="6,2709,207,2725" href="archieve/2006_006.html" target="archieve_iframe">
  <area shape="rect" coords="6,2724,207,2740" href="archieve/2006_005.html" target="archieve_iframe">
  <area shape="rect" coords="6,2739,207,2755" href="archieve/2006_004.html" target="archieve_iframe">
  <area shape="rect" coords="6,2754,207,2770" href="archieve/2006_003.html" target="archieve_iframe">
  <area shape="rect" coords="6,2769,207,2785" href="archieve/2006_002.html" target="archieve_iframe">
  <area shape="rect" coords="6,2784,207,2800" href="archieve/2006_001.html" target="archieve_iframe">
  <area shape="rect" coords="6,2020,207,2035" href="archieve/2007_021.html" target="archieve_iframe">
  <area shape="rect" coords="6,2034,207,2050" href="archieve/2007_020.html" target="archieve_iframe">
  <area shape="rect" coords="6,2049,207,2066" href="archieve/2007_019.html" target="archieve_iframe">
  <area shape="rect" coords="6,2065,207,2082" href="archieve/2007_018.html" target="archieve_iframe">
  <area shape="rect" coords="6,2081,207,2096" href="archieve/2007_017.html" target="archieve_iframe">
  <area shape="rect" coords="6,2095,207,2111" href="archieve/2007_016.html" target="archieve_iframe">
  <area shape="rect" coords="6,2110,207,2126" href="archieve/2007_015.html" target="archieve_iframe">
  <area shape="rect" coords="6,2125,207,2142" href="archieve/2007_014.html" target="archieve_iframe">
  <area shape="rect" coords="6,2141,207,2157" href="archieve/2007_013.html" target="archieve_iframe">
  <area shape="rect" coords="6,2156,207,2171" href="archieve/2007_012.html" target="archieve_iframe">
  <area shape="rect" coords="6,2170,207,2185" href="archieve/2007_011.html" target="archieve_iframe">
  <area shape="rect" coords="6,2184,207,2201" href="archieve/2007_010.html" target="archieve_iframe">
  <area shape="rect" coords="6,2200,207,2215" href="archieve/2007_009.html" target="archieve_iframe">
  <area shape="rect" coords="6,2214,207,2232" href="archieve/2007_008.html" target="archieve_iframe">
  <area shape="rect" coords="6,2231,207,2246" href="archieve/2007_007.html" target="archieve_iframe">
  <area shape="rect" coords="6,2245,207,2260" href="archieve/2007_006.html" target="archieve_iframe">
  <area shape="rect" coords="6,2259,207,2275" href="archieve/2007_005.html" target="archieve_iframe">
  <area shape="rect" coords="6,2274,207,2291" href="archieve/2007_004.html" target="archieve_iframe">
  <area shape="rect" coords="6,2320,207,2336" href="archieve/2007_001.html" target="archieve_iframe">
  <area shape="rect" coords="6,2305,207,2321" href="archieve/2007_002.html" target="archieve_iframe">
  <area shape="rect" coords="6,2290,207,2306" href="archieve/2007_003.html" target="archieve_iframe">
  <area shape="rect" coords="7,1909,209,1924" href="archieve/2008_005.html" target="archieve_iframe">
  <area shape="rect" coords="7,1923,209,1938" href="archieve/2008_004.html" target="archieve_iframe">
  <area shape="rect" coords="7,1937,209,1953" href="archieve/2008_003.html" target="archieve_iframe">
  <area shape="rect" coords="7,1952,209,1968" href="archieve/2008_002.html" target="archieve_iframe">
  <area shape="rect" coords="7,1967,209,1984" href="archieve/2008_001.html" target="archieve_iframe">
  <area shape="rect" coords="7,1736,209,1751" href="archieve/2008_017.html" target="archieve_iframe">
  <area shape="rect" coords="7,1750,209,1766" href="archieve/2008_016.html" target="archieve_iframe">
  <area shape="rect" coords="7,1765,209,1780" href="archieve/2008_015.html" target="archieve_iframe">
  <area shape="rect" coords="7,1779,209,1793" href="archieve/2008_014.html" target="archieve_iframe">
  <area shape="rect" coords="7,1792,209,1807" href="archieve/2008_013.html" target="archieve_iframe">  
  <area shape="rect" coords="7,1806,209,1822" href="archieve/2008_012.html" target="archieve_iframe">
  <area shape="rect" coords="7,1572,209,1588" href="archieve/2008_028.html" target="archieve_iframe">
  <area shape="rect" coords="7,1352,209,1367" href="archieve/2008_043.html" target="archieve_iframe">
  <area shape="rect" coords="7,1337,209,1353" href="archieve/2008_044.html" target="archieve_iframe">
  <area shape="rect" coords="7,1323,209,1338" href="archieve/2008_045.html" target="archieve_iframe">
  <area shape="rect" coords="7,1308,209,1324" href="archieve/2008_046.html" target="archieve_iframe">
  <area shape="rect" coords="7,1294,209,1309" href="archieve/2008_047.html" target="archieve_iframe">
  <area shape="rect" coords="7,1279,209,1295" href="archieve/2008_048.html" target="archieve_iframe">
  <area shape="rect" coords="7,1264,209,1280" href="archieve/2008_049.html" target="archieve_iframe">
  <area shape="rect" coords="7,1250,209,1265" href="archieve/2008_050.html" target="archieve_iframe">
  <area shape="rect" coords="7,1235,209,1251" href="archieve/2008_051.html" target="archieve_iframe">
  <area shape="rect" coords="7,1821,209,1837" href="archieve/2008_011.html" target="archieve_iframe">
  <area shape="rect" coords="7,1836,209,1851" href="archieve/2008_010.html" target="archieve_iframe">
  <area shape="rect" coords="7,1850,209,1865" href="archieve/2008_009.html" target="archieve_iframe">
  <area shape="rect" coords="7,1864,209,1880" href="archieve/2008_008.html" target="archieve_iframe">
  <area shape="rect" coords="7,1879,209,1895" href="archieve/2008_007.html" target="archieve_iframe">
  <area shape="rect" coords="7,1894,209,1910" href="archieve/2008_006.html" target="archieve_iframe">
  <area shape="rect" coords="7,1720,209,1737" href="archieve/2008_018.html" target="archieve_iframe">
  <area shape="rect" coords="7,1366,209,1383" href="archieve/2008_042.html" target="archieve_iframe">
  <area shape="rect" coords="7,1382,209,1397" href="archieve/2008_041.html" target="archieve_iframe">
  <area shape="rect" coords="7,1396,209,1412" href="archieve/2008_040.html" target="archieve_iframe">
  <area shape="rect" coords="7,1411,209,1426" href="archieve/2008_039.html" target="archieve_iframe">
  <area shape="rect" coords="7,1425,209,1441" href="archieve/2008_038.html" target="archieve_iframe">
  <area shape="rect" coords="7,1440,209,1456" href="archieve/2008_037.html" target="archieve_iframe">
  <area shape="rect" coords="7,1455,209,1470" href="archieve/2008_036.html" target="archieve_iframe">
  <area shape="rect" coords="7,1469,209,1484" href="archieve/2008_035.html" target="archieve_iframe">
  <area shape="rect" coords="7,1483,209,1499" href="archieve/2008_034.html" target="archieve_iframe">  
  <area shape="rect" coords="7,1498,217,1515" href="archieve/2008_033.html" target="archieve_iframe">
  <area shape="rect" coords="7,1514,209,1530" href="archieve/2008_032.html" target="archieve_iframe">
  <area shape="rect" coords="7,1529,209,1544" href="archieve/2008_031.html" target="archieve_iframe">
  <area shape="rect" coords="7,1543,209,1558" href="archieve/2008_030.html" target="archieve_iframe">
  <area shape="rect" coords="7,1557,209,1573" href="archieve/2008_029.html" target="archieve_iframe">
  <area shape="rect" coords="7,1705,209,1721" href="archieve/2008_019.html" target="archieve_iframe">
  <area shape="rect" coords="7,1690,209,1706" href="archieve/2008_020.html" target="archieve_iframe">
  <area shape="rect" coords="7,1676,209,1691" href="archieve/2008_021.html" target="archieve_iframe">
  <area shape="rect" coords="7,1662,209,1677" href="archieve/2008_022.html" target="archieve_iframe">
  <area shape="rect" coords="7,1647,209,1663" href="archieve/2008_023.html" target="archieve_iframe">
  <area shape="rect" coords="7,1631,209,1648" href="archieve/2008_024.html" target="archieve_iframe">
  <area shape="rect" coords="7,1617,209,1632" href="archieve/2008_025.html" target="archieve_iframe">
  <area shape="rect" coords="7,1602,209,1618" href="archieve/2008_026.html" target="archieve_iframe">
  <area shape="rect" coords="7,1587,209,1603" href="archieve/2008_027.html" target="archieve_iframe">
  <area shape="rect" coords="7,899,209,915" href="archieve/2008_074.html" target="archieve_iframe">
  <area shape="rect" coords="7,914,209,929" href="archieve/2008_073.html" target="archieve_iframe">
  <area shape="rect" coords="7,928,209,945" href="archieve/2008_072.html" target="archieve_iframe">
  <area shape="rect" coords="7,944,209,959" href="archieve/2008_071.html" target="archieve_iframe">
  <area shape="rect" coords="7,958,209,974" href="archieve/2008_070.html" target="archieve_iframe">
  <area shape="rect" coords="7,973,209,988" href="archieve/2008_069.html" target="archieve_iframe">
  <area shape="rect" coords="7,987,209,1003" href="archieve/2008_068.html" target="archieve_iframe">
  <area shape="rect" coords="7,1002,209,1017" href="archieve/2008_067.html" target="archieve_iframe">
  <area shape="rect" coords="7,1016,209,1030" href="archieve/2008_066.html" target="archieve_iframe">
  <area shape="rect" coords="7,1029,209,1046" href="archieve/2008_065.html" target="archieve_iframe">
  <area shape="rect" coords="7,1045,209,1059" href="archieve/2008_064.html" target="archieve_iframe">
  <area shape="rect" coords="7,1058,209,1075" href="archieve/2008_063.html" target="archieve_iframe">
  <area shape="rect" coords="7,1074,209,1091" href="archieve/2008_062.html" target="archieve_iframe">
  <area shape="rect" coords="7,1090,209,1105" href="archieve/2008_061.html" target="archieve_iframe">
  <area shape="rect" coords="7,1104,209,1120" href="archieve/2008_060.html" target="archieve_iframe">
  <area shape="rect" coords="7,1119,209,1135" href="archieve/2008_059.html" target="archieve_iframe">
  <area shape="rect" coords="7,1134,209,1149" href="archieve/2008_058.html" target="archieve_iframe">
  <area shape="rect" coords="7,1148,209,1164" href="archieve/2008_057.html" target="archieve_iframe">
  <area shape="rect" coords="7,1163,209,1178" href="archieve/2008_056.html" target="archieve_iframe">
  <area shape="rect" coords="7,1177,209,1192" href="archieve/2008_055.html" target="archieve_iframe">
  <area shape="rect" coords="7,1191,209,1208" href="archieve/2008_054.html" target="archieve_iframe">
  <area shape="rect" coords="7,1207,209,1222" href="archieve/2008_053.html" target="archieve_iframe">
  <area shape="rect" coords="7,1221,209,1236" href="archieve/2008_052.html" target="archieve_iframe">
  <area shape="rect" coords="7,884,209,900" href="archieve/2008_075.html" target="archieve_iframe">
  <area shape="rect" coords="7,869,209,885" href="archieve/2008_076.html" target="archieve_iframe">
  <area shape="rect" coords="7,854,209,870" href="archieve/2008_077.html" target="archieve_iframe">
  <area shape="rect" coords="7,840,209,855" href="archieve/2008_078.html" target="archieve_iframe">
  <area shape="rect" coords="7,825,209,841" href="archieve/2008_079.html" target="archieve_iframe">
  <area shape="rect" coords="7,766,210,783" href="archieve/2009/2009_001.html" target="archieve_iframe">
  <area shape="rect" coords="7,752,210,767" href="archieve/2009/2009_002.html" target="archieve_iframe">
  <area shape="rect" coords="7,737,210,753" href="archieve/2009/2009_003.html" target="archieve_iframe">
  <area shape="rect" coords="7,723,210,738" href="archieve/2009/2009_004.html" target="archieve_iframe">
  <area shape="rect" coords="7,708,210,724" href="archieve/2009/2009_005.html" target="archieve_iframe">
  <area shape="rect" coords="7,694,210,709" href="archieve/2009/2009_006.html" target="archieve_iframe">
  <area shape="rect" coords="7,678,210,695" href="archieve/2009/2009_007.html" tar

© juroweb 2003-2014. All rights reserved
log in