window.onload = Init;

function Init(){
	QQI.addEvent(QQI.getById('cat_1'),'mouseover',function(){
		QQI.removeClassName(QQI.getById('cat_box'),'dis');										   
	});
	QQI.addEvent(QQI.getById('cat_1'),'mouseout',function(){
		timer = setTimeout(function(){
			QQI.addClassName(QQI.getById('cat_box'),'dis');	
		},2000)
	});
	QQI.addEvent(QQI.getById('cat_2'),'mouseover',function(){
		clearTimeout(timer);								   
	});
	QQI.addEvent(QQI.getById('cat_2'),'mouseout',function(){
		QQI.addClassName(QQI.getById('cat_box'),'dis');										   
	});
	QQI.addEvent(QQI.getById('cat_2'),'click',function(){
		if(QQI.getById('cat_2').innerHTML == 'Most Viewed'){
			QQI.getById('cat_1').focus();
			QQI.getById('cat_1').blur();
			QQI.getById('cat_1').innerHTML = 'Most Viewed';
			QQI.addClassName(QQI.getById('cat_box'),'dis');	
			QQI.getById('cat_2').innerHTML = 'Most Recent';
			changeDom(1,1);
			curPage = 1;
			return false;
		}
		else{
			QQI.getById('cat_1').focus();
			QQI.getById('cat_1').blur();
			QQI.getById('cat_1').innerHTML = 'Most Recent';
			QQI.addClassName(QQI.getById('cat_box'),'dis');		
			QQI.getById('cat_2').innerHTML = 'Most Viewed';
			changeDom(0,1);
			curPage = 1;
			return false;
		}
	});
	
	if(QQI.getById('more')){
		QQI.getById('more').onclick = function(){
			QQI.removeClassName(QQI.getById('show_more'),'show_more');
			QQI.getById('more_box').style.display = 'none';
			return false;
		}
	}
}

function changeDom(type,page){
	var rand = Math.random();
	var sUrl = '/popular/'+page+'/'+type+'/'+rand;
	QQI.SendAJAXRequest("", "GET", onChangeDom, sUrl, type, false);
}

function onChangeDom(xml,otype){
	if(xml == null){
		return;
	}
	QQI.getById('list_box').innerHTML = '';
	xml = xml.responseXML;
	var str = '',
	IVid,
	ITitle,
	IUploadTime,
	ILink,
	ITag,
	IFlvSize,
	IImageURL,
	ICount,
	IDesc;
	
	type = otype;
	var nodes = xml.getElementsByTagName("video");
	for(var i=0; i<nodes.length; i++){
		var node = nodes[i];
		IVid = QQI.getValue('IVid',node);
		ITitle = QQI.getValue('ITitle',node);
		IUploadTime = QQI.getValue('IUploadTime',node);
		ILink = QQI.getValue('ILink',node);
		ITag = QQI.getValue('ITag',node);
		IFlvSize = QQI.getValue('IFlvSize',node);
		IDuration = QQI.getValue("IDuration",node);
		IDesc = QQI.getValue('IDesc',node);
		ICount = QQI.getValue('ICount',node);
		IImageURL = QQI.getValue('IImageURL',node);
		str += '<li>';
		str += '	<div class="lc"><a title="'+ QQI.getSafeHTML(ITitle) +'"  href="/play/'+ QQI.getSafeHTML(IVid) +'/'+global_city+'/"><span class="icon"></span><img src="'+ QQI.getSafeHTML(IImageURL) +'" alt="'+ QQI.getSafeHTML(ITitle) +'" /></a></div>';
		str += '	<div class="rc">';
		str += '		<h4><span class="ti"><a title="'+ QQI.getSafeHTML(ITitle) +'"  href="/play/'+ QQI.getSafeHTML(IVid) +'/'+global_city+'/">'+ QQI.getSafeHTML(ITitle) +'</a></span><span class="time">'+QQI.getSafeHTML(IUploadTime)+'</span></h4>';
		str += '		<p class="s1">' + ICount + ' viewers</p>';
		str += '		<p>'+ QQI.getSafeHTML(IDesc) +'</p>';
		str += '	</div>';
		str += '</li>';		
		QQI.getById('list_box').innerHTML = str;
		QQI.getById('page').innerHTML = '';
		pg.getPage();
		pg.checkPages();
		pg.showTimes += 1;
		QQI.getById('page').innerHTML ='<div id="pages_' + pg.name + '_' + pg.showTimes + '" class="pages"></div>';
		document.getElementById('pages_' + pg.name + '_' + pg.showTimes).innerHTML = pg.createHtml();
	}
}