Willin Wang

$("#loading").ajaxStart(function(){
 
$(this).fadeIn('fast');
 
$('#ajaxpost').hide(0);
 
});
 
$("#loading").ajaxStart(function(){
 
$(this).fadeOut(100);
 
$('#ajaxpost').fadeIn(1000);
 
});
 
$('.homelink').click(function(){
 
if($(this).parent('li').is('.current_page_item')) return false;
 
$.ajax({
 
url: "html/home.html",
 
cache: false,
 
success: function(msg){
 
$("#ajaxpost").html(msg);
 
$.getScript("js/willin-tab.js");
 
}});
 
$('li.current_page_item').removeClass('current_page_item');
 
$('.homelink').parent('li').addClass('current_page_item');
 
return false;
 
});

#msgbox ul{padding-left:5px}
 
#msgbox-left{border:1px dashed #ccf; display:block; float:left; height:205px; overflow:hidden; position:relative; width:33%}
 
#msgbox-right{border:1px dashed #ccf; display:block; float:right; height:205px; overflow:hidden; position:relative; width:66%}
 
#msgtabup,#msgtabdown{padding:1px; width:100%}
 
#msgtabdown{bottom:0; float:right; position:absolute; right:0; width:auto; z-index:999}
 
#msgtabdown img{border:0; margin-right:5px}
 
#msgtabdown img.current{border:1px dashed #f06!important; color:#f06}
 
#msgspan{bottom:24px; color:#f06; display:inline-block; height:20px; position:absolute; right:5px; z-index:999; background:#fff; opacity:0.8}
 
.msgtab{display:none; width:99%}
 
.msgtab span{color:#099; font-style:italic}
 
.msgtab li{background:url(img/lim.gif) no-repeat center left; padding-left:15px !important; margin-top:3px !important; font-size:12px !important;}
 
#msgbox-left li { padding-left:15px !important; margin-top:5px !important; background: url(img/lil.gif) no-repeat center left !important;}
 
.msgtitle{border-bottom:1px dashed #ccf; color:#f06; padding-left:5px; vertical-align:middle; width:100%}
 
.msgtitle img{cursor:pointer; margin-right:5px; vertical-align:middle}

jQuery(document).ready(function($){
 
$('.msgtab:first').css('display','block');
 
$('#msgtabs-1').addClass('current');
 
$('#msgspan').text($('#msgtabs-1').attr('alt'));
 
var i=0;
 
function slide(i){
 
$('#msgtabdown img').removeClass('current');
 
$('#msgtabs-'+i).addClass('current');
 
$('#msgspan').text($('#msgtabs-'+i).attr('alt'));
 
$('.msgtab').stop(true,true).slideUp();
 
$('#msgtab-'+i).stop(true,true).slideDown();
 
}
 
$('#msgtabdown img').hover(
 
function () {
 
i = $(this).prevAll().length+1;
 
slide(i);
 
},function () {
 
}
 
);
 
});