/*
* E&Y Designer
* Require:
*  jquery.js
*
**************************************/

// init
$(document).ready(function(){
	$("ul.designerIndex img").click(getDesignerData);
});


// function getDesignerData (for DESIGNER)
function getDesignerData(){
	$.getJSON(entryUrl[$("ul.designerIndex img").index(this)], null, showDesignerPanel);
}

// function showDesignerPanel (for DESIGNER)
function showDesignerPanel(data){
	for (i=1; i<=data.imageNum; i++) {
		var mainImg = new Image();
		var number = i<=9 ? "0" + i : i;
		mainImg.src = "/en/designer/img/en_des_img_" + data.id + "_" + number + ".jpg";
	}
	
	var panel = document.createElement("div");
	panel.id = "designerPanel";

	var title = document.createElement("h2");
	var titleImg = document.createElement("img");
	titleImg.src = "/en/designer/img/en_des_ttl_" + data.id + ".gif";
	titleImg.alt = data.title + ", " + data.country;
	title.appendChild(titleImg);

	var mainBlock = document.createElement("div");
	mainBlock.className = "mainBlock";
	
	var infoCol = document.createElement("div");
	infoCol.className = "infoCol";
	
	var profileImgBlock = document.createElement("div");
	profileImgBlock.className = "profileImg";
	var profileImg = document.createElement("img");
	profileImg.src = "/en/designer/img/en_des_img_" + data.id + ".jpg";
	profileImg.width = "110";
	profileImg.height = "110";
	profileImg.alt = data.title;
	profileImgBlock.appendChild(profileImg);
	infoCol.appendChild(profileImgBlock);

	var career = document.createElement("div");
	career.className = "career";
	var careerImg = document.createElement("img");
	careerImg.src = "/en/designer/img/en_des_txt_" + data.id + ".gif";
	careerImg.alt = data.body;
	career.appendChild(careerImg);
	infoCol.appendChild(career);
	
	if(data.url){
		var site = document.createElement("div");
		site.className = "site";
		var siteLink = document.createElement("a");
		siteLink.href = "http://" + data.url;
		siteLink.target = "_blank";
		var siteLinkImg = document.createElement("img");
		siteLinkImg.className = "hover";
		siteLinkImg.src = "/en/designer/img/en_des_lnk_" + data.id + ".gif";
		siteLinkImg.alt = data.url;
		siteLink.appendChild(siteLinkImg);
		site.appendChild(siteLink);
		infoCol.appendChild(site);
	}
	mainBlock.appendChild(infoCol);
	
	var mainImagePanel = document.createElement("div");
	mainImagePanel.className = "mainImage";
	var mainImage = document.createElement("img");
	mainImage.src = "/en/designer/img/en_des_img_" + data.id + "_01.jpg";
	mainImage.alt = "";
	mainImage.width = "630";
	mainImage.height = "470";
	mainImagePanel.appendChild(mainImage);
	mainBlock.appendChild(mainImagePanel);
	
	var funcList = document.createElement("ul");
	funcList.className = "funcUL";
	var funcListElement4 = document.createElement("li");
	funcListElement4.className = "close";
	var closeImage = document.createElement("img");
	closeImage.className = "hover";
	closeImage.src = "/shared/img/btn_close_01.gif";
	closeImage.width = "35";
	closeImage.height = "10";
	closeImage.alt = "Close";
	funcListElement4.appendChild(closeImage);
	funcList.appendChild(funcListElement4);
	
	var thumbList = document.createElement("ul");
	thumbList.className = "thumbUL";
	for (i=1; i<=data.imageNum; i++) {
		var thumbListElement = document.createElement("li");
		var thumbImage = document.createElement("img");
		thumbImage.className = "hover";
		if (i==1) {
			thumbImage.className = "stay";
		}
		var number = i <= 9 ? "0" + i : i;
		thumbImage.src = "/en/designer/img/en_des_btn_" + data.id + "_" + number + ".gif";
		thumbImage.width = "30";
		thumbImage.height = "20";
		thumbListElement.appendChild(thumbImage);
		thumbList.appendChild(thumbListElement);
	}
	panel.appendChild(title);
	panel.appendChild(mainBlock);
	panel.appendChild(funcList);
	panel.appendChild(thumbList);
	$("div#body").append(panel);
	$("div#designerPanel").show("slow");
	$("li.close img").click(hideDesignerPanel);
	$("ul.thumbUL img.hover").click(changeImage);
	$.lm.hover.init();
}

// function hideDesignerPanel (for DESIGNER)
function hideDesignerPanel(){
	$("div#designerPanel").hide("slow", function(){
		$("div#designerPanel").remove();
	});
}