function pageflip(hide,show,id) {
	document.getElementById(id+hide).style.display = 'none';
	document.getElementById(id+show).style.display = 'block';
}
// Need to support the old highlighting functions until VH1 migrates to new code
function vidlist_high(obj){
	obj.className = 'vidlist_high';
}

function vidlist_dehigh(obj){
	obj.className = 'vidlist_dehigh';
}

// Hey Ojo - had to jack this in for none MTV sites - 
if ( typeof(MTV) == 'undefined') MTV = {};

MTV.VidPopup = new function()
{
	this.init = function(){
		obj = $j('.vidlist_dehigh');
		var i = 1;
		
		
		obj.each(function(){			
			var posX = 0;
			var posY = 0;
			var stepback = i-1;
			var triggerParentId = 'vidlist_'+i;
            var trigger = $j('#innerVidlist_'+i);
			var triggerParent = $j('#'+triggerParentId);
			var pagination = triggerParent.attr("pagination");
			var timeout = 50;
			
			var id = 'popup_'+i;
            var inb = $j('#'+inb);	
		
			
			triggerParent.css({cursor: 'pointer'});
			
			var getMainTitle = triggerParent.attr("maintitle");
			var getImg =  document.getElementById('img_'+i).innerHTML;
			var getScript = "&nbsp;<span id='scriptPopupWidget_"+i+"'></span>";
			var getTitle = "<div class='title1'><a href='#'>"+getImg+getMainTitle+"</a></div>";
			var getTContent = "<p class='deck'>"+triggerParent.attr("maincontent")+"</p>";			
			var getPosted = "<span class='posted'>Posted "+triggerParent.attr("mainposted")+"</span>";
			var getLink = "<p class='usage'>"+getPosted+getScript+"</p>";
			
			var construct = "<div class='popup_div_body'>"+getTitle+getTContent+getLink+"</div><div class='popup_div_bottom' id=\"popUpBottom_"+i+"\"> </div>";				
			dynaPopupShow(id,triggerParentId,construct,'popup_div');
			
			var oldWidgetId = 'FW_Usage_'+stepback;
			var widgetId = $j('#scriptPopupWidget_'+i);	
			var scriptId = $j('#FW_Usage_'+stepback);	
			var info = $j('#popup_'+i);
			
			setTimeout(function () {
					widgetId.html(scriptId.html());

            }, timeout);
			timeout+= 50;	
		
			i += 1;
			trigger.hover(
			  function (e) 
			  {
				triggerParent.addClass('vidlist_high');				
				var inbOffset  = triggerParent.offset();
				var initPosX = inbOffset.left;
				var initPosY = inbOffset.top;
							
				var scriptInfo = scriptId;
				
				if(scriptInfo!=null)
				{
					widgetId.html(scriptId.html());
					posX = parseInt(initPosX) + ((triggerParent.width()-info.width())/2);
					posY = parseInt(initPosY) - info.height();
					
					info.css({
							  left: posX+'px',
							  top: posY+'px',
							  display: 'block'
							 });
				}
			  }, 
			  function (e) {
				triggerParent.removeClass('vidlist_high');
				info.css({
						  display: 'none'
						 });
                return false;
			});
			trigger.click(function () {
				document.location.href = triggerParent.attr("url");
			});
			 
		});		
	}
}

function dynaPopupShow(tip_id, atagId,info,classname)
{
	try{
		var browser = navigator.appName;
		var divNodeW = document.createElement("div");
		divNodeW.setAttribute('id',tip_id);
		
		document.body.appendChild(divNodeW);
		
		$j(divNodeW).addClass(classname);
		
		var tooltipDiv = document.getElementById(tip_id);
		tooltipDiv.innerHTML = '<div id="warp">'+info+'</div>';
	}
	catch(e){}
}