/* -------------------------------------------------*\
 *  Function for index
 *  Author:  Li xiu liang
 *  Theme:   main event
 *  Company: me
\*------------------------------------------------- */
    
/*   初始化
/*-----------------------------------------------------------------------------------------------------------------*/
$(document).ready(function(){
	$('.menu_box').hover(function(){
	    if($(this).find("div").attr("className") != "selected")
	    {
		    $($(this).find("div"), this).stop().animate({left:'18px'},{queue:false,duration:200});
		    left_menu_mover($(this).attr("id"));
		}
	}, function() {
	    if($(this).find("div").attr("className") != "selected")
	    {
		    $($(this).find("div"), this).stop().animate({left:'0px'},{queue:false,duration:200});
		    left_menu_mout($(this).attr("id"));
		}
	});
});
/*   加载时调用
/*-----------------------------------------------------------------------------------------------------------------*/
function pageLoad()
{
    $(".top").slideDown();
    $(".side").slideDown();
    $(".main").slideDown();
    $(".boxBottom").slideDown();
    $(".bottom").slideDown();
    
    loadHtml("home");
}

/*   左侧导航按钮单击事件
/*-----------------------------------------------------------------------------------------------------------------*/

function left_menu_click(id)
{
    $("#left_menu .menu_box").find("div").removeClass();
    $("#" + id ).find("div").addClass("selected");
    
    $("#mainContent *").fadeOut(500);

	$( $("#left_menu .menu_box").find("div"), this).stop().animate({left:'0px'},{queue:false,duration:200});
	$($("#" + id ).find("div"), this).stop().animate({left:'30px'},{queue:false,duration:200});
	
	setTimeout(function(){ loadHtml(id) } , 200);
}

function loadHtml(id)
{
    switch(id)
    {
      case "home":
        var str_home = ""
+"<div id='homeDiv' border='0' cellpadding='0' cellspacing='0' class='tableTitleDiv' onclick='tb_title_click(this.id)' style='display:none;'>"
    +"我的主页</div>"
+"<div style='display:none;'>"
+"<table id='blogTable' border='0' cellpadding='0' cellspacing='0' class='detailedTable' style='margin-top:-1px;'>"
    +"<tr>"
        +"<th>博客：</th>"
        +"<td><a href='http://b.lixiuliang.com' target='_blank'> http://b.lixiuliang.com </a></td>"
    +"</tr>"
    +"<tr>"
        +"<th>说明：</th>"
        +"<td>&nbsp;花了两天时间，粗略设计了这个小门户，给自己的空间装点下门面，目前先这样，以后有时间再完善。</td>"
    +"</tr>"
    +"<tr>"
       +"<th>状态：</th>"
        +"<td>&nbsp;不在状态</td>"
    +"</tr>"
+"</table>"
+"</div>";

        $("#mainContent").html(str_home);
	    setTimeout(function(){  $("#homeDiv").slideDown(); $("#homeDiv").next().slideDown();  } , 300);
	    setTimeout(function(){ if($("#homeDiv").next().css("display")=="none") $("#homeDiv").next().slideDown();  } , 1000);
      break;
      case "wdbk":
        var str_wdbk = ""
+"<div id='blogDiv' border='0' cellpadding='0' cellspacing='0' class='tableTitleDiv' onclick='tb_title_click(this.id)' style='display:none;'>"
    +"我的博客</div>"
+"<div style='display:none;'>"
+"<table id='blogTable' border='0' cellpadding='0' cellspacing='0' class='detailedTable' style='margin-top:-1px;'>"
    +"<tr>"
        +"<th>本站博客：</th>"
        +"<td><a href='http://b.lixiuliang.com' target='_blank'> http://b.lixiuliang.com </a></td>"
    +"</tr>"
    +"<tr>"
        +"<th> 搜狐博客：</th>"
        +"<td><a href='http://lance-li.blog.sohu.com' target='_blank'> http://lance-li.blog.sohu.com </a></td>"
    +"</tr>"
    +"<tr>"
        +"<th> QQ空间：</th>"
        +"<td><a href='http://user.qzone.qq.com/365634844' target='_blank'> http://user.qzone.qq.com/365634844 </a></td>"
    +"</tr>"
+"</table>"
+"</div>";
        $("#mainContent").html(str_wdbk);
	    setTimeout(function(){  $("#blogDiv").slideDown(); $("#blogDiv").next().slideDown();  } , 300);
	    setTimeout(function(){ if($("#blogDiv").next().css("display")=="none") $("#blogDiv").next().slideDown();  } , 1000);
      break;
      case "wdzp":
        var str_wdzp = ""
+"<div id='demoDiv' border='0' cellpadding='0' cellspacing='0' class='tableTitleDiv' onclick='tb_title_click(this.id)' style='display:none;'>"
        +"我的作品</div>"
+"<div style='display:none;'>"
+"<table id='demoTable' border='0' cellpadding='0' cellspacing='0' class='detailedTable' style='margin-top:-1px;'>"
    +"<tr>"
        +"<th> 鑫洲营销系统：</th>"
        +"<td> 内网 不能访问 （负责界面架构设计）</td>"
    +"</tr>"
    +"<tr>"
        +"<th> 鲁青热力收费系统：</th>"
        +"<td> 内网 不能访问 （负责界面架构设计）</td>"
    +"</tr>"
    +"<tr>"
        +"<th> 华拓OA管理系统：</th>"
        +"<td><a href='http://www.cnhuatuo.com/oa2/login.jsp' target='_blank'> http://www.cnhuatuo.com/oa2/login.jsp </a> （负责界面架构设计）</td>"
    +"</tr>"
    +"<tr>"
        +"<th> 华电热力生产管理系统：</th>"
        +"<td><a href='http://www.e-jvc.com:9090/gis2/login.jsp' target='_blank'> http://www.e-jvc.com:9090/gis2/login.jsp </a> （负责界面架构设计）</td>"
    +"</tr>"
+"</table>"
+"</div>";
        $("#mainContent").html(str_wdzp);
	    setTimeout(function(){  $("#demoDiv").slideDown(); $("#demoDiv").next().slideDown();  } , 300);
	    setTimeout(function(){ if($("#demoDiv").next().css("display")=="none") $("#demoDiv").next().slideDown();  } , 1000);
      break;
      case "zjzt":
        var str_zjzt = ""
+"<div id='stateDiv' border='0' cellpadding='0' cellspacing='0' class='tableTitleDiv' onclick='tb_title_click(this.id)' style='display:none;'>"
        +"最近状态</div>"
+"<div style='display:none;'>"
+"<table id='stateTable' border='0' cellpadding='0' cellspacing='0' class='detailedTable' style='margin-top:-1px;'>"
    +"<tr><td colspan='2' class='trTitle'>迷茫中......</td></tr>"
    +"<tr><td colspan='2' class='trText'>"
            +"<div style=' margin:3px 10px 3px 10px;'>"
                +"<p>安乐兮不思忧患，&shy;</p>"
                +"<p>迷茫兮不知所措。&shy;</p>"
            +"</div>"
        +"</td>"
    +"</tr>"
+"</table>"
+"</div>";
        $("#mainContent").html(str_zjzt);
	    setTimeout(function(){  $("#stateDiv").slideDown(); $("#stateDiv").next().slideDown();  } , 300);
	    setTimeout(function(){ if($("#stateDiv").next().css("display")=="none") $("#stateDiv").next().slideDown();  } , 1000);
      break;
      case "grjl":
        var str_grjl = ""
+"<div id='resumeDiv' border='0' cellpadding='0' cellspacing='0' class='tableTitleDiv' onclick='tb_title_click(this.id)' style='display:none;'>"
    +"我的简历</div>"
+"<div style='display:none;'>"
+"<table id='resumeTable' border='0' cellpadding='0' cellspacing='0' class='detailedTable' style='margin-top:-1px;'>"
    +"<tr><td colspan='2' class='trTitle'>基础信息</td></tr>"
    +"<tr><th>姓 名：</th><td>李秀亮</td></tr>"
    +"<tr><th>性 别：</th><td>男</td></tr>"
    +"<tr><th>生 日：</th><td>1985-08-21 ( 阴历 )</td></tr>"
    +"<tr><th>学 历：</th><td>全日制大专</td></tr>"
    +"<tr><th>现居住地：</th><td>山东省 青岛市</td></tr>"
    +"<tr><th>故 乡：</th><td>吉林市 长春市</td></tr>"
    +"<tr><td colspan='2' class='trTitle'>职业经验</td></tr>"
    +"<tr><th>职 业：</th><td>计算机业</td></tr>"
    +"<tr><th>工作内容：</th><td>B/S界面设计，.net程序设计</td></tr>"
    +"<tr><th>现所在公司：</th><td>青岛天志同达科技有限公司 ( 2007.10 - 2010.4 )</td></tr>"
    +"<tr><th>公司所在：</th><td>山东省 青岛市 市南区 辽阳路</td></tr>"
    +"<tr><td colspan='2' class='trTitle'>自我介绍</td></tr>"
    +"<tr><td colspan='2' class='trText'>"
            +"<div style=' margin:3px 10px 3px 10px;'>"
                +"<p>我不去想是否能够成功,既然选择了远方,便只顾风雨兼程; &shy;</p>"
                +"<p>我不去想,身后会不会袭来寒风冷雨,既然目标是地平线,留给世界的只能是背影。&shy;</p>"
            +"</div>"
        +"</td>"
    +"</tr>"
+"</table>"
+"</div>";
        $("#mainContent").html(str_grjl);
	    setTimeout(function(){  $("#resumeDiv").slideDown(); $("#resumeDiv").next().slideDown();  } , 300);
	    setTimeout(function(){ if($("#resumeDiv").next().css("display")=="none") $("#resumeDiv").next().slideDown();  } , 1000);
        
      break;
      case "lxfs":
        var str_lxfs = ""
+"<div id='contactDiv' border='0' cellpadding='0' cellspacing='0' class='tableTitleDiv' onclick='tb_title_click(this.id)' style='display:none;'>"
    +"联系方式</div>"
+"<div style='display:none;'>"
+"<table id='contactTable' border='0' cellpadding='0' cellspacing='0' class='detailedTable' style='margin-top:-1px;'>"
    +"<tr><th>手 机：</th><td>13455208420&nbsp; ( 青岛 )</td></tr>"
    +"<tr><th> QQ：</th><td>365634844&nbsp; ( 长期有效 )</td></tr>"
    +"<tr><th> E-mail：</th><td>lxl.jsj@163.com</td></tr>"
    +"<tr><th>我的博客：</th><td>b.lixiuliang.com</td></tr>"
    +"<tr><th> 搜狐博客：</th><td>lance-li.blog.sohu.com</td></tr>"
    +"<tr><th> 现所在地：</th><td>山东省 青岛市 市南区</td></tr>"
    +"<tr><th>故 乡：</th><td>吉林省 长春市 万宝镇</td></tr>"
    +"<tr><th>祖 籍：</th> <td>山东省 登州府 蓬莱县</td></tr>"
    +"<tr><td colspan='2' class='trText'>"
            +"<div style=' margin:3px 10px 3px 10px;'>"
                +"<p>我不去想是否能够成功,既然选择了远方,便只顾风雨兼程; &shy;</p>"
                +"<p>我不去想,身后会不会袭来寒风冷雨,既然目标是地平线,留给世界的只能是背影。&shy;</p>"
            +"</div>"
        +"</td>"
    +"</tr>"
+"</table>"
+"</div>";

        $("#mainContent").html(str_lxfs);
	    setTimeout(function(){  $("#contactDiv").slideDown(); $("#contactDiv").next().slideDown();  } , 300);
	    setTimeout(function(){ if($("#contactDiv").next().css("display")=="none") $("#contactDiv").next().slideDown();  } , 1000);
      break;
    }
    $("#conash3D0").css("display","none");
}

function left_menu_mover(id)
{
    if($("#" + id ).find("div").attr("className")!="selected")
    {
        $("#" + id ).find("div").addClass("mouse_over");
    }
}

function left_menu_mout(id)
{
    if($("#" + id ).find("div").attr("className")!="selected")
    {
        $("#" + id ).find("div").removeClass("mouse_over");
    }
}


/*  “正在加载”提示。
/*-----------------------------------------------------------------------------------------------------------------*/
// 显示“正在加载”提示。参数isBgImage是bool类型，用于是否显示背景遮罩。
function showLoding(isBgImage)
{
    var width = document.body.clientWidth;
    var height = document.body.clientHeight;
    if(isBgImage)
    {
        $(".pageMask").css("display","block");
        $(".pageMask").css("width",width);
        $(".pageMask").css("height",height);
    }
    $(".loading_box").css("display","block");
    $(".loading_box").css("top",(height/2 - 40) + "px");
    $(".loading_box").css("left",(width/2 - 90)+ "px");
}
// 隐藏“正在加载”提示。
function hideLoding()
{
    $(".pageMask").css("display","none");
    $(".loading_box").css("display","none");
}

/*   拖动窗体触发事件 ( 备用 )
/*-----------------------------------------------------------------------------------------------------------------*/

//拖动窗体触发事件
var  resizeTimer = null;
var t=document.documentElement.clientWidth; 
window.onresize = function() 
{ 
    if(t!=document.documentElement.clientWidth)
    { 
        t=document.documentElement.clientWidth; 
        if(resizeTimer==null) 
        { 
            resizeTimer = setTimeout("doResize()",100);  //控制调用方法的时间间隔 
        } 
    } 
}
function doResize()
{
    divResize(true);
    resizeTimer=null;   
} 
// 拖动浏览器执行
function divResize(drag)
{
}

/*  单击标题，展开或隐藏表格
/*-----------------------------------------------------------------------------------------------------------------*/
function tb_title_click(id)
{
    var objTitle = $("#"+ id );
    if (objTitle.next().is(":visible"))
    {
        objTitle.next().slideUp();
    }
    else
    {
        objTitle.next().slideDown();
    }
}

//
// IE6.0下，设置 .PNG 格式图片背景透明；
//---------------------------------------------------------------//
function correctPNG()
{
　for(var i=0; i<document.images.length; i++)
　{
　 var img = document.images[i]
　 var imgName = img.src.toUpperCase()
　 if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
　 {
　 var imgID = (img.id) ? "id='" + img.id + "' " : ""
　 var imgClass = (img.className) ? "class='" + img.className + "' " : ""
　 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
　 var imgStyle = "display:inline-block;" + img.style.cssText
　 if (img.align == "left") imgStyle = "float:left;" + imgStyle
　 if (img.align == "right") imgStyle = "float:right;" + imgStyle
　 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
　 var strNewHTML = "<span " + imgID + imgClass + imgTitle
　 + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
　 + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
　 + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
　 img.outerHTML = strNewHTML
　 i = i-1
　 };
　};
};

if(navigator.userAgent.indexOf("MSIE")>-1)
{
    window.attachEvent("onload", correctPNG);
}; 

/*   其他
/*-----------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------End---------------------------------------------------------*/