$(function(){
$("#centerpop").click(function(){
   $("#center").mywin({left:"center",top:"center"}).show("slow");
});

$("#leftpop").click(function(){
   $("#left").mywin({left:"left",top:"bottom"},function(){
   $("#left").slideUp();
}).slideDown("slow");
});

var rightwin = $("#right");
var browserwidth = $(window).width();
var browserheight = $(window).height();
var scrollleft = $(window).scrollLeft();
var scrolltop = $(window).scrollTop();
var cwinwidth = rightwin.outerWidth(true);
var cwinheight = rightwin.outerHeight(true);
$("#right").mywin({left:"right",top:"bottom"},function(){
   $("#right").hide("slow");
},{left:scrollleft + browserwidth - cwinwidth,top:scrolltop + browserheight}).dequeue();
//left:scrollleft + browserwidth - cwinwidth,top:scrolltop + browserheight}).fadeOut(98000).dequeue();
});

$.fn.mywin = function(position,hidefunc,initpos){
if(position && position instanceof Object){
   var currentwin = this;
   var positionleft = position.left;
   var positiontop = position.top;
   var windowobj = $(window);
   var browserwidth = $(window).width();
   var browserheight = $(window).height();
   var scrollleft = $(window).scrollLeft();
   var scrolltop = $(window).scrollTop();
   var cwinwidth = this.outerWidth(true);
   var cwinheight = this.outerHeight(true);
   var left;
   var top;
  
   function calleft(positionleft,scrollleft,browserwidth,cwinwidth){
    if(positionleft && typeof positionleft == "string"){
     if(positionleft == "center"){
      left = scrollleft + (browserwidth - cwinwidth)/2;
     }else if(positionleft == "left"){
      left = scrollleft;
     }else if(positionleft == "right"){
      left = scrollleft + browserwidth - cwinwidth;
     }else{
      left = scrollleft + (broswerwidth - cwinwidth)/2;
     }    
    }else if(positionleft && typeof positionleft == "number"){
     left = position.left;
    }else{
     left = 0;
    }
   }
   calleft(positionleft,scrollleft,browserwidth,cwinwidth);
  
   function caltop(positiontop,scrolltop,browserheight,cwinheight){
    if(positiontop && typeof positiontop == "string"){
     if(positiontop == "center"){
      top = scrolltop + (browserheight - cwinheight)/2;
     }else if(positiontop == "top"){
      top = scrolltop + broswerheight - cwinheight;
     }else if(positiontop == "bottom"){
      top = scrolltop + browserheight - cwinheight;
     }else{
      top = scrolltop + (broswerheight - cwinheight)/2;
     }    
    }else if(positiontop && typeof positiontop == "number"){
     top = position.top;
    }else{
     top = 0;
    }
   }
   caltop(positiontop,scrolltop,browserheight,cwinheight); 
}
var currentwin = this;
currentwin.children(".titlebox").children("img").click(function(){
   if(!hidefunc){
    currentwin.hide("slow");
   }else{
    hidefunc();
   }
});

if(initpos && initpos instanceof Object){
   var initleft = initpos.left;
   var inittop = initpos.top;
   if(initleft && typeof initleft == "number"){
    currentwin.css("left",initleft);
   }else{
    currentwin.css("left",0);
   }

   if(inittop && typeof inittop == "number"){
    currentwin.css("top",inittop);
   }else{
    currentwin.css("top",0);
   }
   currentwin.show();
}

currentwin.data("positionleft",positionleft);
currentwin.data("positiontop",positiontop);
// this.css("left",left).css("top",top); 
function movewin(){
   currentwin.animate({left:left,top:top},600);
}
movewin();
var scrolltimeout;
$(window).scroll(function(){
   clearTimeout(scrolltimeout);
   scrolltimeout = setTimeout(function(){
    var browserwidth = $(window).width();
    var browserheight = $(window).height();
    var scrollleft = $(window).scrollLeft();
    var scrolltop = $(window).scrollTop();
    calleft(currentwin.data("positionleft"),scrollleft,browserwidth,cwinwidth);
    caltop(currentwin.data("positiontop"),scrolltop,browserheight,cwinheight);
    currentwin.animate({
     left:left,
     top:top
    },300); 
   },300);
});

$(window).resize(function(){
   var browserwidth = $(window).width();
   var browserheight = $(window).height();
   var scrollleft = $(window).scrollLeft();
   var scrolltop = $(window).scrollTop();
   calleft(currentwin.data("positionleft"),scrollleft,browserwidth,cwinwidth);
   caltop(currentwin.data("positiontop"),scrolltop,browserheight,cwinheight);
   currentwin.animate({
    left:left,
    top:top
   },300); 
});
return this;

}