function sc_preview_init() {
    var sc = $('sc_wrapper');
    sc.style.position = "absolute";
    var btn_show = document.getElementById('sc_show');
//    btn_show.set({
//        'events':{
//            'click':function() 
btn_show.onclick=function()
            {
                if (sc.style.display == "block") {
                    sc.style.display = "none";
                    $('overlay').remove();
                } else {
                    sc.style.display = "block";
                    updateShoppingCartView();


                    var overlay = document.createElement("div");
                    overlay.style.position="absolute";
                    overlay.style.background="#000";
                    overlay.style.opacity="0.5";
                    overlay.style.filter="alpha(opacity=50)";
                    overlay.style.zIndex="2001";
                    overlay.id="overlay";
                    var bodyHeight = getDocumentHeight();
                    overlay.style.top='0px';
                    overlay.style.left='0px';
                    overlay.style.height=bodyHeight +'px';
                    overlay.style.width='100%';

                    document.body.appendChild(overlay);


                        if (window.innerWidth){
                            //$(window).addEvent('scroll', function(){Position(sc)});
                            //$(window).addEvent('resize', function(){Position(sc)});
			 $(window).addEventListener('scroll', function(){Position(sc)},false);
			 $(window).addEventListener('resize', function(){Position(sc)},false);
                        }
                        if(document.all && document.compatMode){
                            if("onscroll" in self){
                                window.onscroll = function(){Position(sc)};
                            };
                            if("onresize" in self){
                                window.onresize = function(){Position(sc)};
                            }
                        };

                    Position(sc);
                    
                }
            }
       // }
    //});
    //}
}
/**************************************************/
function Position(shopcart){
    var docWidth=0, docHeight=0;
    if (window.innerWidth){
        docWidth=window.innerWidth;
        docHeight=window.innerHeight;
    }
    else if (document.all){
        docWidth=document.body.clientWidth;
        docHeight=document.body.clientHeight;
    }

    var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body
    var docLeft=document.all? iebody.scrollLeft : pageXOffset
    var docTop=document.all? iebody.scrollTop : pageYOffset
   //shopcart.style.position = "absolute";
   shopcart.style.left=docLeft + (docWidth - 535)/2 +'px';
   shopcart.style.top=docTop + (docHeight - 319)/2 + 'px'
    //shopcart.setStyles({top: docTop + (docHeight - 319)/2 + 'px', left: docLeft + (docWidth - 535)/2 +'px'});
    
  }

 function sc_preview_button_close(){
	 var sc=$('sc_wrapper');
	 sc.style.display="none";
     var overlay=$('overlay');
     document.body.removeChild(overlay);
      
        if (window.innerWidth){
            $(window).removeEvent('scroll', function(){Position(sc)});
            $(window).removeEvent('resize', function(){Position(sc)});
        }
        if(document.all && document.compatMode){
            if("onscroll" in self){
                window.onscroll = '';
		    };
            if("onresize" in self){
                window.onresize = '';
            }
        };
 }

function getDocumentHeight(){
	return (document.body.scrollHeight > document.body.offsetHeight)?document.body.scrollHeight:document.body.offsetHeight;
}
 
 
 