/** -------------------- Start js code for dock -------------------- */

document.write('<script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>');
document.write('<script language="JavaScript" src="http://promos.meetlocals.com/js/jquery_plugins/jquery.pngFix.js"></script>');

// helper function for appending to onload
function addLoadEvent(func) { 
    var oldonload = window.onload; 
    if (typeof window.onload != 'function') { 
        window.onload = func; 
    } else { 
        window.onload = function() { 
        if (oldonload) { 
            oldonload(); 
        } 
            func(); 
        } 
    } 
}

/** -------------------------------------- Start Left dock -------------------------------------- */


/** -------------------------------------- Start Right Dock -------------------------------------- */

function mlUpdateModelPosition()
{
    var wheel = document.getElementById('wheel');
    var slide = document.getElementById('ml_slide');
    var dock_bar = document.getElementById('dock_bar');
    
    slide.style.height = document.body.clientHeight;
    slide.style.top = document.body.scrollTop;
    dock_bar.style.top = document.body.scrollTop;
    wheel.style.top = ((document.body.clientHeight / 2) + document.body.scrollTop) - 291;
}

function toggleSlide()
{
   if (jQuery('#ml_slide').css('width') == '1px' || jQuery('#ml_slide').css('width') == '0px') {
     jQuery('#ml_slide').animate({width:'700'}, 1000);
     jQuery('#wheel').animate({right: '710'}, 1000);
     jQuery('#dock_bar').animate({right: '700'}, 1000);
   } else {
     jQuery('#ml_slide').animate({width:'1'}, 1000);
     jQuery('#wheel').animate({right: '10'}, 1000);
     jQuery('#dock_bar').animate({right: '0'}, 1000);
   } 
}

// add our load event
addLoadEvent(function() {

    jQuery.noConflict();

    var content = '<div id="ml_slide" style="position:absolute; height:100%; width:0px; z-index:1000; top: 0px; right:0px; overflow:hidden; text-align:left;">' +
                  '<div style="position:absolute; width:700px; height:100%; background:#FFFFFF; text-align:left;"><iframe src ="http://promos.meetlocals.com/geo/custom/dock_iframe.htm?cmp=freshflirts-side&prg=&flswitch=0&id=messacom&t=best&ad_id=noadid&rated=r&url=0&delay=3&dock_color=B800AB&dock_side=right&graphic_type=wheel&=" style="border:0px;" width="100%" height="100%" scrolling="no" frameborder="0"/></div>' +
                  '</div>' +
                  '<div id="dock_bar" style="position:absolute; top:0px; right:0px; z-index:1001; width:0px; height:100%; background:#B800AB"></div>' +
                  '<div id="wheel" style="position:absolute; right:10px; top:250px; width:0px; z-index:1001; overflow:hidden;"><img src="http://promos.meetlocals.com/images/dock/wheels/r_3_r.png" /></div>';

    window.setTimeout(function() {
        jQuery('#dock_bar').animate({ width: "10px"}, 1000, function() {});
        jQuery('#wheel').animate({ width: "117px"}, 1000, function() {});
    }, 3 * 1000);
    
    jQuery("body").append(content);
    jQuery('#wheel').click(toggleSlide);
    
    jQuery(function(){jQuery().pngFix( { blankgif:'http://promos.meetlocals.com/images/blank.gif', element:'#wheel' } );});
    
    jQuery(document).click(function(e) {
        var position = jQuery('#ml_slide').position();
        if (e.pageX < position.left + 50 && jQuery('#ml_slide').css('width') == '700px') {
            toggleSlide();
        }
    });
    
    mlUpdateModelPosition();
    window.onresize = mlUpdateModelPosition;
    window.onscroll = mlUpdateModelPosition;
});