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

document.write('<script language="JavaScript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>');
document.write('<script language="JavaScript" src="//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 -------------------------------------- */


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


addLoadEvent(function() {

    jQuery.noConflict();

    var content = '<div id="ml_slide" style="position:absolute; height:125%; width:700px; z-index:1000; left: -810px; top: 0px; text-align:left;">' +
                  '<div style="position:absolute; width:100%; height:100%; background:#FFFFFF; border:0px; border-right:10px solid #0F0F0F;"><iframe src ="//promos.meetlocals.com/geo/custom/dock_iframe.htm?cmp=DaniStarrDock&prg=&flswitch=0&id=sexydatesppl&t=best&ad_id=noadid&rated=pg&url=0&delay=4&dock_color=0F0F0F&dock_side=left&graphic_type=model&pg=1&=" width="100%" height="100%" scrolling="no" frameborder="0"/></div>' +
                  '<img id="model" src="//promos.meetlocals.com/images/dock/models/pg_left.png" style="position:absolute; right:-100px; top:250px;"/>' +
                  '</div>';

    window.setTimeout(function() {
        jQuery('#ml_slide').animate({ left: "-700px"}, 1000, function() {});
    }, 4 * 1000);

    jQuery("body").append(content);
    jQuery('#model').click(toggleSlide);
   
   // resize our left slide if we are using ie
   if (navigator.appName == 'Microsoft Internet Explorer') {
     jQuery('#ml_slide').width(710);
   };
   
   jQuery(function(){jQuery().pngFix( { blankgif:'//promos.meetlocals.com/images/blank.gif', element:'#model' } );});
   
   jQuery(document).click(function(e) {
        var position = jQuery('#ml_slide').position();
        if ((e.pageX > jQuery('#ml_slide').width() - position.left + 50) && position.left == 0) {
            toggleSlide();
        }
    });
    
    mlUpdateModelPosition();
    window.onresize = mlUpdateModelPosition;
    window.onscroll = mlUpdateModelPosition;
});

function toggleSlide()
{
    var position = jQuery("#ml_slide").position();
    if (position.left <= -700) {
        jQuery('#ml_slide').stop().animate({ left: "0px"}, 1000);
    } else {
        jQuery('#ml_slide').stop().animate({ left: "-700px"}, 1000);
    }
}