var div_id = '';

function showPage(id, page, variable, type){

	var file = '/video/aj/update_listing.htm';
	var str = ''; 
	div_id = id;

	str='page='+page+'&variable='+variable+'&type='+type+'&div='+div_id;
    	request.open( "POST", file, true );
    	request.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
    	request.onreadystatechange = updateListing;
	request.send(str);
}

function updateListing(){
    if (request.readyState == 4) {
       if (request.status == 200) {
         var response = request.responseText;
	 document.getElementById(div_id).innerHTML = response;
	 document.getElementById(div_id).style.display = '';

       } else
         ;//alert("status is " + request.status);
     }
}

function switchSubNav(div_id, subnav, content_div){

	var div = document.getElementById('subnav-'+div_id);

	document.getElementsByClassName = function(clsName){
	    var retVal = new Array();
	    var elements = document.getElementsByTagName("*");
	    for(var i = 0;i < elements.length;i++){
        	if(elements[i].className.indexOf(" ") >= 0){
	            var classes = elements[i].className.split(" ");
        	    for(var j = 0;j < classes.length;j++){
                	if(classes[j] == clsName)
	                    retVal.push(elements[i]);
        	    }
	        }
        	else if(elements[i].className == clsName)
	            retVal.push(elements[i]);
	    }
	    return retVal;
	}

	var tabs = document.getElementsByClassName(subnav);

	for (var i = 0; i < tabs.length; i++) {

		var thisTab = tabs[i];

		if (thisTab.id != div.id) {
			thisTab.className = 'blue '+subnav;
		}else{
			thisTab.className = 'grey '+subnav;
		}

		/*
		if(thisTab.id == 'subnav-all' && this.id != div.id){

			thisTab.innerHTML = '<a href="javascript:void(0);" onclick="switchSubNav(\'all\', \''+subnav+'\'); showPage(\''+content_div+'\',\'1\',\'\', \'latest\');">All</a>';

		}
		*/

	}

}