var FormVars;
var mouseX;
var mouseY;
var TLCPage=0;

$().ready(function() {
	//alert("loading");
	$('.toolTipTrigger').MVBizXToolTip();

	$('.UPLClose').click(function(){
		$('#PULayer1').fadeOut('slow');
	});

//========================= START OF METHOD ===========================//
//  METHOD: define actions for  CatTopLevelTrigger//
//=====================================================================//
	$('.CatTopLevelTrigger').mouseover(function(){
		$(this).css('color','#ff0000');
	});
	$('.CatTopLevelTrigger').mouseout(function(){
		$(this).css('color','#ffffff');
	});

	$('.CatTopLevelTrigger').click(function(event){
		//alert("ok");
		var TopLevelCategory=$(this).attr('id');
		//alert("ok, you clicked on!" + TopLevelCategory);
		//get the listings for this top level category
		//show the pulayer
		mouseX = 200;
		mouseY = event.pageY -100;
		var boxXstart= mouseX;
		var boxYstart= mouseY;
		//$('#PULayer1Title').html('Listings for the ' + TopLevelCategory + ' Category');
		$("#PULayer_Listings").css( { "left": boxXstart + "px", "top": boxYstart + "px" } );
		$('#AnimatedLoaderGif').fadeIn('slow');
		FormVars	='Function=ajax_Listings';
		FormVars += '&TopLevelCategory=' + cleantext(TopLevelCategory);
		FormVars += '&TLCPage=' + TLCPage;
		FormVars += '&CalledFrom=_PULayer';
		//FormVars += '&Beta=Beta';
		//alert("FormVars \n" + FormVars);
		//return false;
		UrltoCall= '/cgi-local/Directory.cgi?++++++' + new Date().getTime();
		$.ajax({
			type: "POST",
			url: UrltoCall,
			data: FormVars,
			success: function(response) {
				//alert(response);
				//$('#debugcontainer').html(response);
				$('#PULayer1ContentsDiv').html(response);
				//$('#PULayer1').css('width','750px');

				$('#PULayer_Listings').fadeIn('fast');
				$('#AnimatedLoaderGif').fadeOut('slow');
				//alert("OK?");
			}
		});

		$('#AnimatedLoaderGif').fadeOut('slow');
	});
	$('.ListingPULayer_Closer').livequery('click',function(){
		$('#PULayer_CardViewer').fadeOut('slow');
		$('#PULayer_Listings').fadeOut('slow');
	});
	$('.PULayer_CardViewer_Closer').livequery('click',function(){
		$('#PULayer_CardViewer').fadeOut('slow');
	});

	$('.Listing_ShowCardTrigger').livequery('click',function(event){
		event.preventDefault();
		var MemberID= $(this).attr('id').replace(/Listing_ShowCard_/,'');
		//alert("showing card Listing_ShowCardTrigger for: " + MemberID);
		var mouseX = 200;
		var mouseY = event.pageY -400;
		mouseY = (mouseY < 11) ? 10 : mouseY;
		var boxXstart= mouseX;
		var boxYstart= mouseY;
		$('#progressbar').fadeIn('fast');
		FormVars	='Function=ajax_GroupOptions_ShowCard';
		FormVars += '&MemberID=' + MemberID;
		FormVars += '&CalledFrom=_PULayer';
		//FormVars += '&Beta=Beta';

		//return false;
		UrltoCall= '/cgi-local/cardsBeta?+' + MemberID + '++++_PULayer+' + new Date().getTime();
		//alert("FormVars \n" + FormVars + "\n" + UrltoCall);
		$.ajax({
			type: "POST",
			url: UrltoCall,
			data: FormVars,
			success: function(response) {
				//alert("SERVER RESPONSE \n" +response);
				//$('#debugcontainer').html(response);
				$("#PULayer_CardViewer").css( { "left": boxXstart + "px", "top": boxYstart + "px" } );
				$('#PULayer_CardViewerDiv').html('');
				$('#PULayer_CardViewerDiv').html(response);
				$("#PULayer_CardViewer").css('width:600px;height:550px');
				$('#PULayer_CardViewer').fadeIn('fast');
				$('#progressbar').fadeOut('fast');
			}
		});
	});
//========================= END OF METHOD ===========================//


//========================= START OF METHOD ===========================//
//  METHOD: define action when click on AvatarChangerTrigger//
//=====================================================================//
});