var timerlen = 2;
var slideAniLen = 100;

var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();

function animateColor(elm, begin, end) {

    var duration = parseFloat(500);
    var fps = parseFloat(20);
    var interval = Math.ceil(1000 / fps);
    var totalframes = Math.ceil(duration / interval);

    for (i = 1; i <= totalframes; i++) {
        (function() {
            var frame = i;

            var b = cssColor2rgb(begin);
            var e = cssColor2rgb(end);
            var change0 = e[0] - b[0];
            var change1 = e[1] - b[1];
            var change2 = e[2] - b[2];

            function color() {
                var increase0 = ease(frame, b[0], change0, totalframes);
                var increase1 = ease(frame, b[1], change1, totalframes);
                var increase2 = ease(frame, b[2], change2, totalframes);

                elm.style['backgroundColor'] = 'rgb(' + parseInt(increase0) + ',' + parseInt(increase1) + ',' + parseInt(increase2) + ')';
            }
            timer = setTimeout(color, interval * frame);
        })();
    }
}


function d2h(dec) { 
       return dec.toString(16);
}
function h2d(hex) { 
       return parseInt(hex,16);
}

function rgb2h(r,g,b) { 
         return [d2h(r),d2h(g),d2h(b)];
}
function h2rgb(h,e,x) {
        return [h2d(h),h2d(e),h2d(x)];
}

function cssColor2rgb(color) {
    if (color.indexOf('rgb') <= -1) {
        return h2rgb(color.substring(1, 3), color.substring(3, 5), color.substring(5, 7));
    }
    return color.substring(4, color.length - 1).split(',');
}

function ease(frame, begin, change, totalframes) {
    return begin + change * (frame / totalframes);
}

function gUP(name) {
	
	if(document.referrer == "") {
		return "";
	}
	
    name = name.replace(/[[]/, "\[").replace(/[]]/, "\]");
    var regexS = "[\?&]" + name + "=([^&#]*)";
    var regex = new RegExp(regexS);
    var results = regex.exec(document.referrer);
    if (results == null)
    return false;
    else
    return results[1].replaceAll("+", " ");
}

// Replaces all instances of the given substring.
String.prototype.replaceAll = function( 
	strTarget, // The substring you want to replace
	strSubString // The string you want to replace in.
	){
	var strText = this;
	var intIndexOfMatch = strText.indexOf( strTarget );
	 
	// Keep looping while an instance of the target string
	// still exists in the string.
	while (intIndexOfMatch != -1){
		// Relace out the current instance.
		strText = strText.replace( strTarget, strSubString )
		 
		// Get the index of any next matching substring.
		intIndexOfMatch = strText.indexOf( strTarget );
	}
	 
	// Return the updated string with ALL the target strings
	// replaced out with the new substring.
	return( strText );
}

function pL() {

     var i = 0;

     imageObj = new Image();

     images = new Array();
     images[0]="http://meep.com/bb/bb_close.png";
     images[1]="http://meep.com/bb/bb-logo.png";
     images[2]="http://meep.com/bb/bg-btn-search.png";

     for(i=0; i<=3; i++) {
          imageObj.src=images[i];
     }
}

function slidedown(objname){
        if(moving[objname])
                return;

        if(document.getElementById(objname).style.display != "none")
                return;

        moving[objname] = true;
        dir[objname] = "down";
        startslide(objname);
}

function slideup(objname){
        if(moving[objname])
                return;

        if(document.getElementById(objname).style.display == "none")
                return;

        moving[objname] = true;
        dir[objname] = "up";
        startslide(objname);
}

function startslide(objname){
        obj[objname] = document.getElementById(objname);

        endHeight[objname] = parseInt(obj[objname].style.height);
        startTime[objname] = (new Date()).getTime();

        if(dir[objname] == "down"){
                obj[objname].style.height = "1px";
        }

        obj[objname].style.display = "block";

        timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);
}

function slidetick(objname){
        var elapsed = (new Date()).getTime() - startTime[objname];

        if (elapsed > slideAniLen)
                endSlide(objname)
        else {
                var d =Math.round(elapsed / slideAniLen * endHeight[objname]);
                if(dir[objname] == "up")
                        d = endHeight[objname] - d;

                obj[objname].style.height = d + "px";
        }

        return;
}

function endSlide(objname){
        clearInterval(timerID[objname]);

        if(dir[objname] == "up")
                obj[objname].style.display = "none";

        obj[objname].style.height = endHeight[objname] + "px";

        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endHeight[objname]);
        delete(obj[objname]);
        delete(dir[objname]);

        return;
}

function gC(e)
{
    if (!e) e = window.event;
    if (e) {
        if (e.pageX || e.pageY) {
            var mx = e.pageX;
            var my = e.pageY;
            var al = '[e.pageX]';
            if (e.clientX || e.clientY) al += ' [e.clientX] '
        } else if (e.clientX || e.clientY) {
            mx = e.clientX + document.body.scrollLeft;
            my = e.clientY + document.body.scrollTop;
            al = '[e.clientX]';
            if (e.pageX || e.pageY) al += ' [e.pageX] '
        }
    }
	if(document.getElementById("bb08192008wn").value != 0) {
		if(mx < screen.width && my < Math.round(40) && my < document.getElementById("bb08192008ly").value) {
			document.getElementById("bb08192008wn").value++;
			if(document.getElementById("bb08192008wn").value > 3) {
				dBB();
				document.getElementById("bb08192008wn").value = 0;
								//document.getElementById("bb08192008snd").innerHTML= "<embed src='http://meep.com/bb/s.wav' hidden=true autostart=true loop=false>";
												document.getElementById('fade').style.display = "block";
							}
		}
	}
	document.getElementById("bb08192008ly").value = my;
}

function cBB() {
	slideup("div1");
	document.getElementById('fade').style.display= "none";
}

function sBB() {
	document.getElementById("bbSrcFrm").submit();
}

function dBB()
{
	
	if(document.getElementById("div1")) {
		slidedown('div1');
		animateColor(document.getElementById('div1'),'#FF0000','#E5E5E5');
		return;
	}
	
	var query = gUP('q');
	if(query == false) {
		query = gUP('p');
	}
	
	if(query == false) {
		query = "";
	}
	
	var headID = document.getElementsByTagName("head")[0];         
	var cssNode = document.createElement('link');
	cssNode.type = 'text/css';
	cssNode.rel = 'stylesheet';
	cssNode.href = 'http://meep.com/bb/css.css';
	cssNode.media = 'screen';
	headID.appendChild(cssNode);
	
    var divTag = document.createElement("div");
    divTag.id = "div1";
	//divTag.style.backgroundColor = "#E5E5E5";
	divTag.style.width = "100%";
	divTag.style.height = "600px";
	//divTag.style.borderBottom = "1px solid #B5B5B5";
    divTag.className ="bbDiv";
	divTag.style.display = "none";
	divTag.style.overflow = "hidden";
    document.body.insertBefore(divTag, document.getElementsByTagName('div')[0]);
	var pTag = document.createElement("div");
    
	pTag.setAttribute("align","left");
	//pTag.style.borderTop = "1px solid #FFF";
	pTag.style.paddingTop = "4px";
	pTag.style.paddingLeft = "10px";
	pTag.style.height = "34px";
	pTag.style.fontFamily = "Verdana, Helvetica";
	
		

    pTag.innerHTML = "<center><div id=\"yolo\"><style type=\"text/css\">	#bbcopycopy { font-size: 12px; text-align:left; }	#bbcopycopy ul { text-align:left; margin: 0px; padding:0px; padding-top: 2px; padding-left: 1em; }	#bbcopycopy p { margin: 0px; padding: 0px; }	#crop { padding-top: 2px; padding-bottom: 2px; }</style><table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"580\">  <tr>   <td rowspan=\"3\"><img name=\"sbs\" src=\"http://meep.com/images/bb1/sbs.jpg\" width=\"17\" height=\"420\" border=\"0\" id=\"sbs\" alt=\"\" /></td>   <td><img name=\"t1\" src=\"http://meep.com/images/bb1/t1.jpg\" width=\"383\" height=\"108\" border=\"0\" id=\"t1\" alt=\"Wait!\" /></td>   <td><img name=\"ladies\" src=\"http://meep.com/images/bb1/ladies.jpg\" width=\"180\" height=\"108\" border=\"0\" id=\"ladies\" usemap=\"#m_ladies\" alt=\"\" /></td>  </tr>  <tr>   <td bgcolor=\"#ffff99\">   	<div id=\"bbcopycopy\"><p>Wait! We've worked our behinds off to make the easiest and best free YouTube downloader anywhere!</p><br>	<b id=\"crop\">Why download Meep?</b>	<ul>   	<li>Download from all Top 1000 video sites... Not just YouTube and Vevo</li>    <li>View an updated list of top songs in your favorite genre - from country to hip-hop</li>    <li>Download every single hot new song or video with one click</li>    <li>Jixey search technology helps you find just about any video or song online</li>	</ul>	<br>	<p>Give Meep a shot. We know you'll love it... and uninstalling is a snap if you don't agree.</p></div>   </td>   </td>   <td><img name=\"logos\" src=\"http://meep.com/images/bb1/logos.jpg\" width=\"180\" height=\"216\" border=\"0\" id=\"logos\" usemap=\"#m_logos\" alt=\"\" /></td>  </tr>  <tr>   <td onMouseOut=\"chx('off')\" style=\"background-color: #FFFF99;\"><img name=\"butons\" class=\"hi0\" src=\"http://meep.com/images/bb1/butons.jpg\" width=\"383\" height=\"96\" border=\"0\" id=\"btn\" usemap=\"#m_butons\" alt=\"\" /></td>   <td><img name=\"curl\" src=\"http://meep.com/images/bb1/curl.jpg\" width=\"180\" height=\"96\" border=\"0\" id=\"curl\" alt=\"\" /></td>  </tr></table><map name=\"m_ladies\" id=\"m_ladies\"><area shape=\"rect\" coords=\"149,12,167,30\" href=\"#\" onClick=\"cBB();\" alt=\"\" /></map><map name=\"m_logos\" id=\"m_logos\"><area shape=\"rect\" coords=\"0,109,88,207\" href=\"http://download.cnet.com/Meep-Media-Downloader/3000-2071_4-10972762.html\" alt=\"\" /></map><map name=\"m_butons\" id=\"m_butons\" onMouseOver=\"chx('on');\"><area shape=\"rect\" coords=\"271,40,336,58\" href=\"http://search.jixey.com/?src=BBR\" alt=\"\" /><area shape=\"rect\" coords=\"0,19,235,79\" href=\"http://meep.com/d.php?org=BBR\" alt=\"\" /></map></div></center>";

    document.getElementById("div1").appendChild(pTag);

	slidedown('div1');
	//animateColor(document.getElementById('div1'),'#FF0000','#E5E5E5');

}

function chx(s) { if(s == "on") { document.getElementById("btn").className = "hi1"; } else { document.getElementById("btn").className = "hi0"; } }


document.write("<form><input type=\"hidden\" id=\"bb08192008ly\" name=\"bb08192008ly\" value=\"\"><input type=\"hidden\" id=\"bb08192008wn\" name=\"bb08192008wn\" value=\"1\"></form><div id=\'bb08192008snd\'></div><div id=\"fade\" class=\"black_overlay\"></div>");

document.onmousemove = gC;