var fClass, tClass, tW, tH, cPanel, cDiv, text, tPanelClass;

        fClass="fs";
        tClass="in";
        tW=400;
        tH=400;
        text = "";
        cPanel=true;
        cDiv = "a";
        cDivCont = "<img src='/img/close.gif' border='0'>";
		tPanelClass = "domDivPanel";

        var activeTab;
    function initiate(content, tWidth, tHeight, panel, tclass){
		if(panel==false){
			cPanel=false;
			tPanelClass = "top_panel";
		}
		if(tclass!=null) tClass=tclass;

      if(tWidth && tHeight){
       tW = tWidth;
       tH = tHeight;
       }
       if(content){
          text =content;
          g(content);

       }
    }
           function g(content){
             if(document.body) el = document.body;
             else if(document.documentElement) el = document.documentElement;


             var mainDIV = document.createElement("div");
                 mainDIV.id = "transBg";
                 mainDIV.style.width = el.clientWidth;
                 mainDIV.style.height = el.clientHeight + document.body.scrollHeight;
                 mainDIV.className = fClass;
                 el.insertBefore(mainDIV, el.childNodes[0]);
                 if(content)
                    innerDiv(el, content);
                 else  innerDiv(mainDIV);


    }

    function closeDiv(){
       if(!cPanel) return false;
       var doc = document.createElement("div");
       var content = document.createElement("a");
           content.innerHTML = cDivCont;
           content.href='#';
           content.setAttribute("onclick", "this.parentNode.parentNode.previousSibling.style.display = 'none', this.parentNode.parentNode.style.display = 'none'; return false;");
           doc.className = tPanelClass;
           doc.id = "domWinPanel";
           doc.appendChild(content);


               return doc;
    }
    function initiateshow_popup_gift(title,content, tWidth, tHeight, userid){

			tPanelClass = "top_panel";



		userID = userid;

      if(tWidth && tHeight){
       tW = tWidth;
       tH = tHeight;
       }
       if(content){

       	  // content = 	$j1('#initiateGiftsDiv').html();

          text = content;
          g(content);
          document.getElementById("domWinPanel").style.height = "30px";
          document.getElementById("domWinPanel").style.paddingTop = "5px";
          document.getElementById("domWinPanel").innerHTML = "<span><div style='float:left;width:520px;font-weight:bold;color:#818181;padding-left:10px;' >"+title+"</div></span>"+document.getElementById("domWinPanel").innerHTML;

       }
    }
    function innerDiv(el, elContent){
        var doc=document.createElement("div");
            doc.id = "domWin";
            doc.className = tClass;
            doc.style.height = tH;
            doc.style.width = tW;
            doc.style.top = (el.clientHeight/2)-(tH/2) + el.scrollTop;
            doc.style.left = (el.clientWidth/2)-(tW/2);
            if(closeDiv())
            doc.appendChild(closeDiv());
            doc.innerHTML += "<div class='in_cont' id='domWinContent'>"+elContent+"<div>";
            el.insertBefore(doc, el.childNodes[1]);
            document.getElementById("domWinContent").style.height = document.getElementById("domWin").style.height;
    }


     function defineEvents(e){
        if(!e) e=window.event;
               eType=e.type;
               eInit=false;
          switch(eType.toLowerCase()){
           case "resize":
           case "scroll":
               eInit=true;
           break;

             }

             if(eInit){
                return false;
          }

     }

      function isTabMenu(param, cont, active){
  if((param instanceof Array) && (cont instanceof Array)){
       activeTab = parseInt(active);
        tabMenu(param, cont);
    }
    else return;
 }
  function tabMenu(param, cont){
       var tabNames = param;
       var tabContents = cont;
      // var contentDiv = document.getElementById("content");
       var contentDiv = document.createElement("DIV");
       var tabLine = document.createElement("DIV");
           tabLine.className = "tabLine";
           contentDiv.className = "domTabsContent";
           if(tabNames.length != tabContents.length) return;

           var tabs = new Array();
           var tabsCont = new Array();
           for(var i=0; i<tabNames.length; i++){
             var  divEl = document.createElement("DIV");
                  if(getActiveTabNum(i)==true){
                        divEl.className = "activeTab";
                        contentDiv.innerHTML = tabContents[i];
                    }
                  else{
                  divEl.className = "domTabs";
                  }
                  divEl.innerHTML = tabNames[i];
                  divEl.id= "tab_"+i;
                  divEl.onclick = function(){
                     tabsClasses("domTabs", tabContents.length, this.id);
                    var reg = /([0-9]+)$/g;
                    var tabId = this.id.match(reg)[0]
                    contentDiv.innerHTML = tabContents[tabId];

               }
                         tabLine.appendChild(divEl);

           }         document.getElementById("domWin").insertBefore(tabLine, document.getElementById("domWinContent"));
                     document.getElementById("domWinContent").appendChild(contentDiv);
  }

  function tabsClasses(classes, idsCount, id){
     var count = idsCount;
     var ids;
        for(var i=0; i<count; i++){
            ids = document.getElementById("tab_"+i);
            if(id==ids.id)
              ids.className = "activeTab";
            else  ids.className = classes;
        }
  }

  var getActiveTabNum = function(tabs){
                var css = parseInt(tabs);
                if(css == activeTab) {
                       return true;
                }
                return false;
  }

  function loadDom(obj, w, h){
	var n_obj = document.getElementById(obj);
	initiate(n_obj.innerHTML, w, h);
	Drag.init(document.getElementById('domWinPanel'), document.getElementById('domWin'));
  }

     window.onresize = defineEvents;
     document.onscroll = function(){return false};