TC_Dialog

PARAMETERS
id:'', SPECIFY THE ID YOU WANT FOR THE DIV. THE DIVS WILL BE CALLED trans_id , content_id , close_id . WHERE id IS YOUR SPECIFIED ID
transImage:'', SPECIFY THE TRANSPARENT IMAGE, THIS WILL ONLY BE USED FOR IE. EXAMPLE. transImage:'1x1black.png',
contentWidth:'', WIDTH OF THE CONTENT BOX
contentHeight:'', HEIGHT OF THE CONTENT BOX
contentClass:'', CLASS THAT WILL BE ATTACHED TO THE CONTENT BOX
animation:true, IF TRUE THEN IT WILL ANIMATE THE CONTENT BOX
animationSpeed:, IF SPECIFIED IT WILL USE THIS SPEED FOR ANIMATING THE CONTENT BOX
closeIcon:'', THE ICON THAT WILL BE PLACED IN THE TOP RIGHT CORNER. EXAMPLE closeIcon:'/close.png', NOTE IF NOT SPECIFIED THE ICON WONT APPEAR
closeHoverIcon:'', THE ICON THAT WILL BE PLACED IN THE TOP RIGHT CORNER WHEN HOVERING THE ICON. EXAMPLE closeHoverIcon:'/close_hover.png',
contentUrl:'', WHEN SPECIFIED IT WILL LOAD THE URL SPECIFIED VIA JQUERY AJAX INTO THE CONTENT DIV. EXAMPLE contentUrl:'/testcontent.php',
contentTxt:'', WHEN SPECIFIED IT WILL INSERT THE CONTENT SPECIFIED INTO THE CONTENT DIV. EXAMPLE contentTxt:'This is my content text',
opacity:'', WHEN SPECIFIED OPACITY WILL BE USED FROM THIS, ELSE IT WILL DEFAULT TO 0.8. REMEMBER OPACITY DOES NOT WORK IN IE. IF YOU WANNA CHANGE OPACITY IN IE, YOU HAVE TO SAVE YOUR 1X1 PIXEL IMAGE IN THE OPACITY YOU WANT. SORRY BUT I DIDNT MAKE IE SO BUGGY ;)
outsideClickClose:'', WHEN SPECIFIED AS true IT WILL CLOSE THE DIALOG IF YOU CLICK OUTSIDE THE CONTENT
autoClose:, WHEN SPECIFIED THE DIALOG WILL CLOSE FOLLOWING THE TIME YOU SPECIFY IN MS. EXAMPLE. autoClose:1500
closeDiag:, WHEN true THE FUNCTION CLOSES THE DIALOG IMIDIATELY, DIALOG SPECIFIED BY id
shadow:, WHEN true A SHADOW WILL APPEAR ON THE DIALOG
index:, THIS IS THE Z-INDEX OF THE DIALOG. THE index SPECIFIED WILL BE APPLIED TO THE TRANSPARENT DIV, THEN THE DIALOG WILL BE +1, AND THEN THE CLOSE BUTTON WILL BE +2. IF SHADOW IS APPLIED IT WILL BE INDEX - 1

USAGE EXAMPLE

TC_Dialog({
      id:'diag',
      transImage:'1x1black.png',
      contentWidth:'300',
      contentHeight:'300',
      contentClass:'content',
      animation:true,
      animationSpeed:500,
      closeIcon:'/close.png',
      closeHoverIcon:'/close_hover.png',
      contentUrl:'/testcontent.php',
      outsideClickClose:true
    });

NOTE. REMEMBER THIS WILL ONLY WORK IF YOU USE IT AFTER THE DOM HAS LOADED. ELSE YOU HAVE TO USE JQUERY DOCUMENT READY. LIKE SO. WHY?? BECAUSE THE FUNCTION CANT GET THE CLIENTWIDTH AND HEIGHT BEFORE THE DOCUMENT IS LOADED

$(function(){
    TC_Dialog({
      id:'diag',
      transImage:'1x1black.png',
      contentWidth:'300',
      contentHeight:'300',
      contentClass:'content',
      animation:true,
      animationSpeed:500,
      closeIcon:'/close.png',
      closeHoverIcon:'/close_hover.png',
      contentUrl:'/testcontent.php',
      outsideClickClose:true
    });
});

Now why am i doing DXImageTransform instead of just using filter:alpha in IE??
That is because for every 1000px you use with transparency with the filter:alpha, IE eats up 10mb of memory, and evenmore if it is
doing transparency over other images.
The other reason is also that once you remove filter:alpha IE does not free up memory properly