//Effekte speziell für Callbacks

if(typeof(CO) == "undefined")
  var CO = Class.create();

CO.Effect = Class.create();

//---
CO.Effect.Effect = Class.create(
{
  initialize: function(pTargets)
  {
    this.mTargets = CO.Tools.strToNodes(pTargets);
  },
  
  start: function(){},
  end:   function(){}
});

//---
CO.Effect.Overlay = Class.create(CO.Effect.Effect,
{
  initialize: function($super, pTargets) {$super(pTargets);},
  
  createOverlays: function(pOptions)
  {
    if(typeof(pOptions) == "undefined") pOptions = {};
    
    pOptions = Object.extend({pStyle: "", pContent: "", pClass: ""}, pOptions);
    
    var mOverlays = [];
   
    this.mTargets.each(function(vItem)
    {
      var vOverlay = vItem.addOverlay("ovEffect");
      mOverlays.push(vOverlay);
      
      if(pOptions.pStyle   != "")
      {
         vOverlay.setStyle(pOptions.pStyle);
      }
      if(pOptions.pClass   != "") vOverlay.addClassName(pOptions.pClass);
      if(pOptions.pContent != "") vOverlay.update(pOptions.pContent);
    });

    this.mOverlays = mOverlays;
  },
  
  start: function(pOptions)
  {
    this.createOverlays(pOptions);
  },
  
  end: function()
  {
    this.mOverlays.each(function(vItem){ vItem.remove(); });
  }  
});

//---
CO.Effect.Opacity = Class.create(CO.Effect.Overlay,
{
  initialize: function($super, pTargets) {$super(pTargets);},
  
  start: function(pPercent)
  {
    if(typof(pPercent) == "undefined") pPercent = 0.5;
    if(pPercent > 1) pPercent = pPercent/100;
    this.createOverlays({pStyle: {backgroundColor: "#FFFFFF", opacity: pPercent}});
  }  
});

//---
CO.Effect.Disable = Class.create(CO.Effect.Overlay,
{
  initialize: function($super, pTargets) {$super(pTargets);},
  
  start: function()
  {
    this.createOverlays({pStyle: {backgroundColor: "#FFFFFF", opacity: "0.5"}});
    
    this.mTargets.each(function(vItem)
    {
      try{ vItem.blur(); } catch(e){}         
      try{ vItem.disabled = true; } catch(e){}
    });
  }  
});

//---
CO.Effect.Image = Class.create(CO.Effect.Overlay,
{
  initialize: function($super, pTargets) {$super(pTargets);},
  
  start: function(pImg,pImgClass,pText)
  {
    if(typeof(pImgClass) == "undefined") pImgClass = "";
    if(typeof(pText)     == "undefined") pText = "";
    
    var vTemplate =
      "<table style='width:100%;height:100%;'>"
        +"<tr><td class='"+pImgClass+"'>"
        +"<img src='"+pImg+"'>"
        +"<span>"
        +pText
        +"</span>"
      +"</td></tr></table>";
    
    this.createOverlays({pContent: vTemplate});
  }  
});

//---
CO.Effect.SiteLoading = Class.create(CO.Effect.Overlay,
{
  initialize: function($super) {$super("$(document.body)");},
  
  start: function()
  {
    var vStyle = 
    {
        width:  "80px"
      , height: ""
      , lineHeight: "1.5em"
      , bottom: ""
      , color: "white"
      , backgroundColor: "red"
      , zIndex: 9999
      , textAlign: "center"
      , position: "absolute"
      , position: "fixed"
      , top:   "10px"
      , left: (document.body.clientWidth - 120) +"px"
    };
    
    this.createOverlays({pStyle: vStyle, pContent: "Loading"});
  }
});








var JSEffect = Class.create();


self.JSEffect.showOverlayer = function(pJSId, pOverlayJSId, pInnerHtml, pZIndex)
{
  if (pZIndex == null)
  {
    pZIndex = 100;
  }  
  
  var vDimensions  = $(pJSId).getDimensions();
  var vPosition    = Position.cumulativeOffset($(pJSId));  
  vDimensions.left = vPosition[0];
  vDimensions.top  = vPosition[1];

  var vDiv = document.createElement("div");
  vDiv = $(vDiv);
  
  
  
  var vAttr = document.createAttribute("id");
  vAttr.nodeValue = pOverlayJSId;
  vDiv.setAttributeNode(vAttr);  
  
  var myText = document.createTextNode("");
  vDiv.appendChild(myText);  
  vDiv.innerHTML = pInnerHtml;
  
    
  //Position.absolutize($(vDiv));
  
  
 
  $(vDiv).setStyle(
    {
        left:   vDimensions.left   + "px"
      , top:    vDimensions.top    + "px"
      , width:  vDimensions.width  + "px"
      , height: vDimensions.height + "px"
      , zIndex: pZIndex
      , position: "absolute"    
    });
    
  
 
  var objBody = document.getElementsByTagName("body").item(0);
  objBody.appendChild(vDiv);

  $(vDiv).setStyle(
    {
      margin: "0px"
    });  
  
  return(vDiv);
}

self.JSEffect.startEffect = function(pJSIds, pParams)
{
  
  var vJsIds = pJSIds.split(",");
 
  if(pParams.pType == "image")
  {
    vImgPath = pParams.pImgPath;
    vClass   = pParams.pClass;
    vText    = pParams.pText;

    vJsIds.each(function(vItem)
    {
      if(!$(vItem+"image"))
      {
        vDiv = JSEffect.showOverlayer(
            vItem
          , vItem+"image"
          , "<table style='width:100%;height:100%;'>"
             +"<tr><td class='"+vClass+"'>"
               +"<img style='top:100px;' src='"+vImgPath+"'>"
               +"<span>"
               +vText
               +"</span>"
             +"</td></tr></table>"
          , 101);
      }
    });    
  }
 
  if(pParams.pType == "disable")
  {
    vColor   = pParams.pColor;
    vPercent = pParams.pPercent/100;
 
    vJsIds.each(function(vItem)
    {
      
      if(!$(vItem+"disable"))
      {
        vDiv = JSEffect.showOverlayer(vItem, vItem+"disable", "");
        
        
        $(vDiv).setStyle(
          {      
              backgroundColor: vColor
            , opacity: vPercent
          });        
      
        try{ $(vItem).blur(); } catch(e){}         
        try{ $(vItem).disabled = true; } catch(e){}         
        
      }
      
    });
  }
 
  if(pParams.pType == "opacity")
  {
    vPercent = pParams.pPercent/100;
 
    vJsIds.each(function(vItem)
    {
      if(Prototype.Browser.IE)
      {
        $(vItem).setStyle(
          {
              opacity: vPercent
            , height: $(vItem).getStyle("height")
          });
      }
      else
      {
        $(vItem).setStyle(
          {
            opacity: vPercent
          });
      }
    });
  }

};

self.JSEffect.stopEffect = function(pJSIds, pParams)
{
   var vJsIds = pJSIds.split(",");

   if(pParams.pType == "image")
   {
     vJsIds.each(function(vItem)
     {
       if($(vItem+"image"))
       {
         $(vItem+"image").parentNode.removeChild($(vItem+"image"));
       }
     });

     return;
   }

   if(pParams.pType == "disable")
   {
     vJsIds.each(function(vItem)
     {
       if($(vItem+"disable"))
       {
         try{ $(vItem).disabled = false; } catch(e){}         
         $(vItem+"disable").parentNode.removeChild($(vItem+"disable"));
       }
     });

     return;
   }

   if(pParams.pType == "opacity")
   {
     vJsIds.each(function(vItem)
     {
       if(Prototype.Browser.IE)
       {
         $(vItem).setStyle(
           {
               opacity: 1
             , height: $(vItem).getStyle("height")
           });
       }
       else
       {
         $(vItem).setStyle(
           {
               opacity: 1
           });
       }
     });

     return;
   }

};