﻿// JScript File
var maxWidth = 400;
var maxHeight = 424;
var menuContainerDiv = null;
var delta = 10;
var timerDelta = 15;
var loc = '';
var divSlideInTimeout = null;
var divSlideOutTimeout = null;
function menuSlideIn(frameLocation){
    var leftPos;var topPos;
    if (ie) {
        leftPos = ((document.documentElement.scrollWidth) / 2)-206;
        topPos = 596;
    }else{
        leftPos = ((document.documentElement.scrollWidth) / 2)-210;
        topPos = 580;
    }    
    loc = frameLocation;   
    //create new div if it is null
    if (!menuContainerDiv){
        createNewDiv(0, maxHeight, leftPos, topPos);	
	    menuContainerDiv.innerHTML = 
	        '<div style="left:0px; top:0px; padding: 2px; margin: 2px; position: relative; height:' + maxHeight + 'px;height:' + (maxHeight)+ 'px;"><div onclick="menuSlideOut();" class="btnClose" style="font-family:Tahoma; font-weight:bold; font-size:12px; color:#F28C3A"><center>X</center></div><br />' +
	        '<center><div id="frmContainer" style="padding: 0px; margin: 0px;"></div></div>';	        
        delta = 10;divSlideIn();shadeScreen(true, 15);
	}else{ FinishSlide();}
}
function menuSlideOut(){
    if (menuContainerDiv){
        delta = (-10);divSlideOut();        
        shadeScreen(false, 0);RestoreMenuItemColor();
    }
}

function destroyDiv(){
    menuContainerDiv.innerHTML = '';
    document.body.removeChild(menuContainerDiv);
    menuContainerDiv = null;
}

function createNewDiv(width,height,left,top){
    var div = document.createElement('DIV');
	document.body.appendChild(div);    
    if (document.dir == 'rtl') setCSS(div,'menuContainerHE');
	else setCSS(div,'menuContainer');
	div.style.left = left + 'px';
    div.style.top = top + 'px';
    div.style.width = width + 'px';	
    div.style.height = height + 'px';
    div.style.zIndex = 50;
    div.style.position = 'absolute';    
    div.style.border = '1px solid #F28C3A';
    div.style.backgroundColor = '#ffffff';
    menuContainerDiv = div;
}
var currentWidth = 0;
/*Animations*/
function divSlideIn(){
    if (currentWidth < maxWidth){
        menuContainerDiv.style.width = (currentWidth + delta) + 'px';
        currentWidth += delta;
        divSlideinTimeout = setTimeout('divSlideIn()',timerDelta);
    }else{FinishSlide();}
}
function divSlideOut(){
    if (currentWidth > 0){
        document.getElementById('frmContainer').innerHTML = '';
        menuContainerDiv.style.width = (currentWidth + delta) + 'px';
        currentWidth += delta;
        divSlideOutTimeout = setTimeout('divSlideOut()',timerDelta);
    }else {
        clearTimeout(divSlideOutTimeout);
        destroyDiv();
    }
}
function FinishSlide(){
    clearTimeout(divSlideInTimeout);
    document.getElementById('frmContainer').innerHTML = '<iframe id="frmLinks" src="' + loc + '" style="width:' + (maxWidth-25) + 'px;height:' + (maxHeight-45)+ 'px;padding: 0px; margin: 0px; background-color: #ffffff;" frameborder="0" /></center>';
}
