// JavaScript Document
$(document).ready(function(){
//$(function() {
	var dxa_obj = $('#DXA_sticky');
    dxa_obj.delay(1500).fadeIn('fast', function(){
        dxa_obj.animate({
            //left: '-181',
            top: '100'
        }, 1500, function(){
        
        });
    });
	//var dxa_offset = dxa_obj.offset();
	var dxa_topOffset = dxa_obj.top;
	//var leftOffset = dxa_offset.left;
	var dxa_open = false;

	$(window).scroll(function() {
	//var scrollTop = $(window).scrollTop();
		dxa_obj.css({
			top: dxa_topOffset,
			//left: leftOffset,
			position: 'fixed'
		});
	
	});

    function fade_in_BKG(){
        /// New Mouse Out Area
        $("body").append("<div id='bkg_mo'>&nbsp;</div>");
        $('#bkg_mo').bind('click', function() {
              close_sticky();
              fade_out_BKG();    
        });
        //**//
        $("body").append("<div id='bkg_fo'>&nbsp;</div>");
        $('#bkg_fo').fadeIn('fast', function(){
            $('#bkg_fo').css({
                    filter: 'alpha(opacity=50)'
            });
        });        
        $('#bkg_fo').bind('mouseover', function() {
            close_sticky();
            fade_out_BKG();    
        });
        

        
    }
    function fade_out_BKG(){
        $('#bkg_fo').fadeOut('fast', function() {
            // Animation complete.
            $("#bkg_fo").remove();
        });
        $("#bkg_mo").remove();    
        
    }

	function close_sticky(){
	 $('#DXA_sticky').animate({
		//opacity: 0.25,
		//left: '-181',
		left: -1*$('#DXA_sticky .content').width()
	   // height: 'toggle'
	  }, 300, function() {
		// Animation complete.
			$("#DXA_sticky .tab").css({
				background: 'url(/images/sticky/sprite.png) -217px -32px no-repeat'
			});
	  });
	  dxa_open = false;
	}

	function open_sticky(){
	 $('#DXA_sticky').animate({
		//opacity: 0.25,
		left: '0'
		//height: 'toggle'
	  }, 500, function() {
		// Animation complete.
			$("#DXA_sticky .tab").css({
				background: 'url(/images/sticky/sprite.png) -425px -32px no-repeat'
			});
	  });
	  dxa_open = true;
	}

	$("#DXA_sticky .tab").click(function(){
		if(dxa_open){
			//CLOSE
			close_sticky();
			fade_out_BKG();
		}else{
			//OPEN
			open_sticky();
			fade_in_BKG();
		}
	});

	$("#DXA_sticky .tab").mouseover(function(){
		if(!dxa_open){
			//OPEN
			open_sticky();
			fade_in_BKG();
		}
	});


});