var speed=2;
var container_id="con_container";
var content_id="con_content";
var up_id="con_scroll_up";
var down_id="con_scroll_down";
var con_id="con";
var pic_id="pic";
var scroll_id="con_scroll";
var menu_id="menu";
var opacit_start=0;
var opacit_up=50;
var opacit_down=90;
var opacit_id=0;

function movedown(){
  var crossobj=document.getElementById? document.getElementById(content_id) : document.all[content_id];
  var containerobj=document.getElementById? document.getElementById(container_id) : document.all[container_id];
  var contentheight=crossobj.offsetHeight + 40;
  var containerheight=containerobj.offsetHeight;
  var topper=crossobj.style.top? crossobj.style.top : 0+"px";
  if (window.moveupvar) clearTimeout(moveupvar);
  if (parseInt(topper)>=(contentheight*(-1)+containerheight)) crossobj.style.top=parseInt(topper)-speed+"px";
  movedownvar=setTimeout("movedown()",20);
  var upobj=document.getElementById? document.getElementById(up_id) : document.all[up_id];
  upobj.style.visibility="visible";
}

function moveup(){
  var crossobj=document.getElementById? document.getElementById(content_id) : document.all[content_id];
  var topper=crossobj.style.top? crossobj.style.top : 0+"px";
  if (window.movedownvar) clearTimeout(movedownvar);
  if (parseInt(topper)<=0) crossobj.style.top=parseInt(topper)+speed+"px";
  moveupvar=setTimeout("moveup()",20);
}

function stopscroll(){
  if (window.moveupvar) clearTimeout(moveupvar);
  if (window.movedownvar) clearTimeout(movedownvar);
}

function movetop(){
  var crossobj=document.getElementById? document.getElementById(content_id) : document.all[content_id];
  stopscroll();
  crossobj.style.top=0+"px";
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  }
  else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

function floater(box_id, box_pos){
  if (document.all||document.getElementById){
    floatelement=document.getElementById? document.getElementById(box_id):document.all[box_id];
    var startX = window && window.innerWidth? window.innerWidth:document.body.offsetWidth? document.body.offsetWidth:600;
    var startY = 10;
    startX=startX/2;
    if (box_pos=="left") startX=startX-floatelement.offsetWidth;
    if (box_pos=="middle") startX=startX-(floatelement.offsetWidth/2);
    function ml(id){
      var el=document.getElementById?document.getElementById(id):document.all[id];
      el.sP=function(x,y){
        this.style.left=x+"px";
        this.style.top=y+"px";
      };
      el.x = startX;
      el.y = startY;
      return el;
    }
    window.stayTopLeft=function(){
      var pY = document.body.scrollTop? document.body.scrollTop : document.documentElement.scrollTop;
      ftlObj.y += (pY + startY - ftlObj.y)/8;
      ftlObj.sP(ftlObj.x, ftlObj.y);
      setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml(box_id);
    ftlObj.y=floatelement.offsetHeight* -1;
    stayTopLeft();
    floatelement.style.visibility = "visible";
  }
}
function content_opacit(){
  var conobj=document.getElementById? document.getElementById("con") : document.all["con_id"];
  conobj.style.visibility = "visible";
  if(opacit_start<=75){
    opacit_start+=5;
    conobj.style.filter="alpha(opacity="+opacit_start+")";
    conobj.style.MozOpacity=opacit_start/100;
    opacit_id=setTimeout("content_opacit()", 50);
  }
}
function menu_opacit(){
  var menuobj=document.getElementById? document.getElementById("menu") : document.all["menu"];
  menuobj.style.visibility = "visible";
  if(opacit_start<=75){
    opacit_start+=5;
    menuobj.style.filter="alpha(opacity="+opacit_start+")";
    menuobj.style.MozOpacity=opacit_start/100;
    opacit_id=setTimeout("menu_opacit()", 50);
  }
}
addLoadEvent(function() {
  var crossobj=document.getElementById? document.getElementById(content_id) : document.all[content_id];
  var containerobj=document.getElementById? document.getElementById(container_id) : document.all[container_id];
  var downobj=document.getElementById? document.getElementById(down_id) : document.all[down_id];
  var conobj=document.getElementById? document.getElementById(con_id) : document.all[con_id];
  var picobj=document.getElementById? document.getElementById(pic_id) : document.all[pic_id];
  var scrollobj=document.getElementById? document.getElementById(scroll_id) : document.all[scroll_id];
  var menuobj=document.getElementById? document.getElementById(menu_id) : document.all[menu_id];

  var contentheight=crossobj.offsetHeight;
  var containerheight=containerobj.offsetHeight;
  if (contentheight > containerheight){
    downobj.style.visibility="visible";
  }
  var img_in_pic = picobj.getElementsByTagName('img');
  if (img_in_pic){
    if (img_in_pic[0].align=="left"){
      conobj.style.left="40%";
      menuobj.style.display="none";
      scrollobj.style.cssFloat="right";
      scrollobj.style.styleFloat="right";
    }
    if (img_in_pic[0].align=="right"){
      conobj.style.right="40%";
      menuobj.style.display="none";
      scrollobj.style.cssFloat="left";
      scrollobj.style.styleFloat="left";
    }
    if (img_in_pic[0].align=="middle"){
      menuobj.style.left="50%";
    }
    floater(pic_id, img_in_pic[0].align);
    img_in_pic[0].align="";
    if (crossobj.innerHTML) content_opacit();
    else {
      conobj.style.display="none";
      menu_opacit();
    }
  }
});