$(document).ready(function() {
	$("#subMenus").hide();
	
	initSubMenus();
	initSubMenusClose();
	//initMainDiv();

	initLiSelect();
	initLis();
	initTools();
	
	initSlidePic();
	initSlidePic1();
	initSlidePic2();
	initSlidePic3();
	
	initContent();
});

//详情按钮初始化
function initContent(){
	$("#mainContent .mainContent").eq(0).find("a").each(function(i){
		var html = $(this).html();
		var fromId = $("#mainContent .mainContent").eq(0).attr("fromId");
		if(isHad(html,"案例")){
			$(this).addClass("contentBtn");
			$(this).html("案例");
			var href = $(this).attr("href");
			$(this).attr("href",href+"/fromId/"+fromId);
		}else if(isHad(html,"图片")){
			$(this).addClass("contentBtn");
			$(this).html("图片");
			var href = $(this).attr("href");
			$(this).attr("href",href+"/fromId/"+fromId);
		}
	});
}

function isHad(str,strIn){
//	var temp = str.split(strIn);
	var temp = str.split(" ");
	if(temp==strIn){
		return true;
	}else{
		return false;
	}
}

function initTools(){
	$(".mainTools ul li").hover(function(){
		$(this).addClass("select");
	},function(){
		$(this).removeClass("select");
	});
}

function initLiSelect(){
	var typeId = $("#mainContent").attr("typeId");
	if(typeId==null||typeId==""){
		return
	}
	var obj = $("#subMenu_"+typeId);
	var typeClass = obj.attr("class");
	if(typeClass=="subMenu"){
		obj.addClass("subMenuSelect");
		obj.attr("select","true");
	}else{
		var fatherClass = $("#"+typeClass).attr("class");
		if(fatherClass=="subMenu"){
			obj.addClass("select");
			obj.attr("select","true");
			var cla = obj.attr("class");
			var temp = cla.split(" ");
			intiSubMenusLis(temp[0]);
			openSubMenus();
			$("#"+typeClass).addClass("subMenuSelect").attr("select","true");
		}else{
			obj.addClass("select");
			
			var gObj = $("#"+typeClass);
			var cla = gObj.attr("class");
			var temp = cla.split(" ");
			intiSubMenusLis(temp[0]);
			openSubMenus();
			$("#"+typeClass).addClass("subMenuSelect").addClass("select").attr("select","true");
			$("#"+temp[0]).addClass("subMenuSelect").attr("select","true");
			openSecondMenus($("#"+typeClass));
		}
	}
}

var _contentHTML = "";
function initLis(){
	$(".subMenu").not(".subMenuSelect").hover(function(){
		$(this).addClass("subMenuSelect");
		_contentHTML = $("#mainContent .mainContent").html();
		$("#mainContent .mainContent").html("已选择："+$(this).html());
	},function(){
		$("#mainContent .mainContent").html(_contentHTML);
		if($(this).attr("select")!="true"){
			$(this).removeClass("subMenuSelect");
		}
	});
}

function initSubLis(){
	$("#subMenus ul li").hover(function(){
		_contentHTML = $("#mainContent .mainContent").html();
		var thisClass = $(this).attr("class");
		thisClass = thisClass.replace(" select","");
		$(this).addClass("select");
		$("#mainContent .mainContent").html("已选择："+$("#"+thisClass).html()+$(this).html());
	},function(){
		$("#mainContent .mainContent").html(_contentHTML);
		if($(this).attr("select")!="true"){
			$(this).removeClass("select");
		}
	});
}

function initSubMenus(){
	$(".subMenu").click(function(){
							var next = $(this).attr("next");
							if(next=="1"){
								return;
							}
							var id = $(this).attr("id");
							intiSubMenusLis(id);
							
							openSubMenus();
						});
}
function intiSubMenusLis(id){
	$("#subMenus_ul").html("");
	$("."+id).each(function(i){
						var li = $("<li>"+$(this).html()+"</li>");
						li.attr("id",$(this).attr("id"));
						li.attr("next",$(this).attr("next"));
						li.attr("class",$(this).attr("class"));
						li.attr("select",$(this).attr("select"));
						li.click(function(){
									openSecondMenus($(this));
								});
						$("#subMenus_ul").append(li);
					});
}
function initSubMenusClose(){
	$("#closeSubMenus").click(function(){
								closeSubMenus();
							});
}

function openSubMenus(){
	$("#subMenus").css("width","0");
	$("#subMenus").show();
	$("#subMenus").animate({width:120},500);

	$("#right_up").animate({width:738},500);
	$("#mainContent").animate({width:738},500);
	$("#mainContent .mainContent").animate({width:698},500);
	$("#mainContent .mainContent table").width(650);
	initSubLis();
}
function closeSubMenus(){
	if($("#subMenus").css("display")!="none"){
		$("#subMenus").animate({width:0},500,function(){
									$("#subMenus").hide();
								});
	}
	$("#right_up").animate({width:858},500);
	$("#mainContent").animate({width:858},500);
	$("#mainContent .mainContent").animate({width:818},500);
	$("#mainContent .mainContent table").width(800);
}

function openSecondMenus(obj){
	var id = obj.attr("id");
	var next = obj.attr("next");
	if(next==0){
		var fh = $("#subMenus_ul").height();
		var sh = 420-fh;
		
		if($("#secondMenus")[0]){
			$("#secondMenus").html("");
			sh = $("#secondMenus").height();
			$("#secondMenus").animate({height:0},500,function(){
										$(this).remove();
									});
		}
		var sli = $("<li id='secondMenus'></li>");
		sli.height(0);
//		obj.after(sli);
		$("#subMenus_ul").append(sli);
		
		var ul = $("<ul></ul>");
		$("."+id).each(function(i){
							var li = $("<li>"+$(this).html()+"</li>");
							li.attr("class",$(this).attr("class"));
							ul.append(li);
						});
		sli.html(ul);
		sli.animate({height:sh},500);
	}
}

var isOpen = false;

function fullCtrl(obj){
	if(isOpen){
		closeFull();
		$("#mainContent .mainContent").css("font-size","12px");
		obj.html("&lt;全屏显示");
		isOpen = false;
	}else{
		openFull();
		$("#mainContent .mainContent").css("font-size","14px");
		obj.html("&gt;退出全屏");
		isOpen = true;
	}
}

function openFull(){
	$("#right_down .right").hide();
	$("#picShower").hide();
	
	$("#mainContent").animate({
						opacity:0
					},500,function(){
						$("#left_up").animate({marginLeft:-170},500);
						$("#content_up").animate({height:600},500);
						$("#right_up").animate({width:1000},600,function(){
								$("#mainContent .mainContent").height(530);
								$("#mainContent .mainContent").width(961);
								$("#mainContent .mainContent table").width(900);
								$("#mainContent").css("width","1000px").css("height","600px").animate({
													opacity:1
												},500);
							});
						if($("#subMenus").css("display")!="none"){
							$("#subMenus").animate({width:0},500,function(){$(this).css("opacity","0")});
						}
					});
}
function closeFull(){
	$("#mainContent").animate({
						opacity:0
					},500,function(){
			$("#right_up").animate({width:858},400,function(){
										$("#mainContent .mainContent").height(380);
										$("#mainContent .mainContent").width(818);
										$("#mainContent").css("width","858px").css("height","450px").animate({
															opacity:1
														},500);
									});
			$("#mainContent .mainContent table").width(800);
			$("#left_up").animate({marginLeft:0},500);
			$("#content_up").animate({height:450},500);
			if($("#subMenus").css("display")!="none"){
				$("#subMenus").css("opacity","1");
				openSubMenus();
			}
			$("#right_down .right").show();
			$("#picShower").show();
		});
}

//幻灯片
var slideIndex = 0;
var slideIns;
var slideLength;
function initSlidePic(){
	$("#slidePic ul li").hide();
	slideIns = setInterval(openSlidePic,2000);
	slideLength = $("#slidePic ul li").length;
	
	$("#slidePic").click(function(){
							openPicShower($(this));
						});
}

function openSlidePic(){
	$("#slidePic ul li").hide();
	$("#slidePic ul li").eq(slideIndex).css("opacity","0").show().animate({
								  	opacity:1
								  },500);
	var name = $("#slidePic ul li").eq(slideIndex).attr("text");
	$("#slideText").html(name);
	slideIndex++;
	if(slideIndex>=slideLength){
		slideIndex = 0;
	}
}

//幻灯片1
var slideIndex1 = 0;
var slideIns1;
var slideLength1;
function initSlidePic1(){
	$("#slidePic1 ul li").hide();
	slideIns1 = setInterval(openSlidePic1,2000);
	slideLength1 = $("#slidePic1 ul li").length;
	
	$("#slidePic1").click(function(){
							openPicShower($(this));
						});
}

function openSlidePic1(){
	$("#slidePic1 ul li").hide();
	$("#slidePic1 ul li").eq(slideIndex1).css("opacity","0").show().animate({
								  	opacity:1
								  },500);
	var name = $("#slidePic1 ul li").eq(slideIndex1).attr("text");
	$("#slideText1").html(name);
	slideIndex1++;
	if(slideIndex1>=slideLength1){
		slideIndex1 = 0;
	}
}

//幻灯片2
var slideIndex2 = 0;
var slideIns2;
var slideLength2;
function initSlidePic2(){
	$("#slidePic2 ul li").hide();
	slideIns2 = setInterval(openSlidePic2,2000);
	slideLength2 = $("#slidePic2 ul li").length;
	
	$("#slidePic2").click(function(){
							openPicShower($(this));
						});
}

function openSlidePic2(){
	$("#slidePic2 ul li").hide();
	$("#slidePic2 ul li").eq(slideIndex2).css("opacity","0").show().animate({
								  	opacity:1
								  },500);
	var name = $("#slidePic2 ul li").eq(slideIndex2).attr("text");
	$("#slideText2").html(name);
	slideIndex2++;
	if(slideIndex2>=slideLength2){
		slideIndex2 = 0;
	}
}

//幻灯片3
var slideIndex3 = 0;
var slideIns3;
var slideLength3;
function initSlidePic3(){
	$("#slidePic3 ul li").hide();
	slideIns3 = setInterval(openSlidePic3,2000);
	slideLength3 = $("#slidePic3 ul li").length;
	
	$("#slidePic3").click(function(){
							openPicShower($(this));
						});
}

function openSlidePic3(){
	$("#slidePic3 ul li").hide();
	$("#slidePic3 ul li").eq(slideIndex3).css("opacity","0").show().animate({
								  	opacity:1
								  },500);
	var name = $("#slidePic3 ul li").eq(slideIndex3).attr("text");
	$("#slideText3").html(name);
	slideIndex3++;
	if(slideIndex3>=slideLength3){
		slideIndex3 = 0;
	}
}


//picShower
function openPicShower(obj){
	var toMarginTop = $("#right_up").height();
	//大图
	$("#picShow").html(obj.html());
	$("#picShow ul li").show();
	$("#slidePic").hide();
	$("#slideText").hide();
	$("#picShow ul li img").each(function(i){
									var src = $(this).attr("src").replace("s_","");
									$(this).attr('src',src).load(function(){
																		  
												});
								});
	
	//小图
	$("#picLis").html(obj.html());
	$("#picLis ul li").hide();
	$("#picLis ul li").each(function(i){
								$(this).click(function(){
									$("#picLis ul li").attr("class","");	
									$("#picLis ul li").eq(i).attr("class","select");
									
									showPic(i);
								});
							});
	$("#mainContent").animate({
						marginTop:-toMarginTop
					},500,function(){
						$("#picLis ul li").show(500);
					});
	
	
	showPic(0);
}

function showPic(index){
	$("#picTitle").html($("#picLis ul li").eq(index).attr("text"));
	
	var liWidth = $("#picShow ul li").eq(index).width();
	var picLeft = $("#picShow ul li").eq(index).offset().left-$("#picShow ul").eq(0).offset().left;
	var showerWidth = $("#picShow").width();
	//alert(picLeft);
	
	var toLeft = (showerWidth-liWidth)/2 - picLeft;
	$("#picShow ul").animate({
							 	marginLeft:toLeft
							 },500,function(){
								$("#picShow ul li").css("opacity","0.5");	
								$("#picShow ul li").eq(index).animate({
																	  	opacity:1
																	  },500);		
							});
}

function closePicShower(){
	$("#mainContent").animate({
						marginTop:0
					},500,function(){
						$("#picShow").html("");
						$("#picLis").html("");
						$("#picTitle").html("");
						$("#slidePic").show();
						$("#slideText").show();
					});
}