// JavaScript Document
jqPb$=jQuery.sub();
var PbXml;
var PbBoxObj={};
var initPbBox = function(){
	PbBoxObj.holder=jqPb$('<div class="lightBoxHolder">').css({"position":"absolute","left":0,"top":0,"magin":0,"padding":0,"text-align":"center","z-index":1000}).hide().appendTo('body');
	PbBoxObj.bg=jqPb$('<div class="lightBoxBg"></div>').click(closePbBox).css({"background-color":"#000","opacity":0.6,"magin":0}).appendTo(PbBoxObj.holder);
	
	PbBoxObj.mapHolder=jqPb$('<div class=mapHolder></div>').css({"border":"4px solid #b20000","position":"absolute","display":"block","width":560,"height":560,"background-color":"#FFFFFF"}).appendTo(PbBoxObj.holder);
	
	PbBoxObj.content=jqPb$('<div class="lightBoxCon"></div>').appendTo(PbBoxObj.holder);
	
	PbBoxObj.header=jqPb$('<div class="header"></div>').appendTo(PbBoxObj.content);
	PbBoxObj.logo=jqPb$('<img class="contentLogo" />').appendTo(PbBoxObj.header);
	PbBoxObj.tagList=jqPb$('<ul class="tagList"></ul>').appendTo(PbBoxObj.header);
	PbBoxObj.citation=jqPb$('<div class="citation"></div>').appendTo(PbBoxObj.header);

	PbBoxObj.closeBtn=jqPb$('<div class="closeBtn"></div>').insertAfter(PbBoxObj.header).click(closePbBox);
	
	PbBoxObj.gallery=jqPb$('<div class="gallery"></div>').appendTo(PbBoxObj.content);
	PbBoxObj.galleryScreen=jqPb$('<div class="screen"></div>').appendTo(PbBoxObj.gallery);
	PbBoxObj.galleryList=jqPb$('<ul></ul>').appendTo(PbBoxObj.galleryScreen);
	PbBoxObj.nav=jqPb$('<div class="nav"></div>').appendTo(PbBoxObj.gallery);
	PbBoxObj.btnL=jqPb$('<a class="btnL">&lt;</a>').click(galleryPrev).appendTo(PbBoxObj.nav).hide();
	PbBoxObj.indexArea=jqPb$('<span class="indexArea"></span>').appendTo(PbBoxObj.nav);
	PbBoxObj.btnR=jqPb$('<a class="btnR">&gt;</a>').click(galleryNext).appendTo(PbBoxObj.nav).hide();
	
	PbBoxObj.info=jqPb$('<div class="info"> </div>').appendTo(PbBoxObj.content);
	
	PbBoxObj.footer=jqPb$('<div class="footer"></div>').appendTo(PbBoxObj.content);
	PbBoxObj.footerHeader=jqPb$('<h1></h1>').appendTo(PbBoxObj.footer);
	PbBoxObj.btnLaunch=jqPb$('<a class="btnLaunch" target="_blank">LAUNCH >></a>');
	
	PbBoxObj.totalImage=0;
	PbBoxObj.galleryIndex=0;
	
	jqPb$(window).resize(pbResizeHdl);
	pbResizeHdl();
	
};
var openPbBox=function(profileXml){
	 $.ajax({
        url:profileXml,
        type: 'GET',
        dataType: 'xml',//这里可以不写，但千万别写text或者html!!!
        timeout: 1000,
        error: function(xml){
            //alert('Error loading XML document'+xml);
        },
        success: function(xml){
			PbXml=xml;
			loadPbBox();
        }
    });
}


var loadPbBox = function(){
	PbBoxObj.btnL.hide();
	PbBoxObj.btnR.hide();
	PbBoxObj.mapHolder.hide();
	PbBoxObj.content.show();
	var logoImg=jqPb$("logo",PbXml).text();
	var tagList=jqPb$("tag item",PbXml);
	var galleryList=jqPb$("gallery item",PbXml);
	var galleryTitle=jqPb$("title",PbXml).text();
	var launch=jqPb$("launch",PbXml).text();
	var mediaChannel=jqPb$("MediaChannel",PbXml).text();
	var objective=jqPb$("Objective",PbXml).text();
	var approach=jqPb$("Approach",PbXml).text();
	
	PbBoxObj.logo.attr("src", logoImg);
	
	PbBoxObj.tagList.html("");
	/*
	tagList.each(function(index){
		jqPb$('<li><p>'+jqPb$(this).text()+'</p></li>').appendTo(PbBoxObj.tagList);
	});
	*/
	
	PbBoxObj.galleryList.html("").css({"left":0});
	PbBoxObj.totalImage=galleryList.length;
	PbBoxObj.galleryIndex=0;
	
	galleryList.each(function(index){
		jqPb$('<li><img src="'+jqPb$(this).text()+'"/></li>').css({"left":index*398}).appendTo(PbBoxObj.galleryList);
	});
	var citationTxt=jqPb$("citation",PbXml).text();
	if(citationTxt!=""){
		//alert(citationTxt);
		PbBoxObj.citation.css({"background-image":"url("+citationTxt+")"});
	}else{
		PbBoxObj.citation.css({"background-image":"none"});
	}
	PbBoxObj.indexArea.text((PbBoxObj.galleryIndex+1)+"/"+PbBoxObj.totalImage);
	PbBoxObj.footerHeader.html(galleryTitle);
	
	PbBoxObj.info.html("");
	
	var mediaChannelHtml=jqPb$('<div class="textAreaFrist"><h2>Media Channel</h2>'+mediaChannel+'</div>').appendTo(PbBoxObj.info);
	
	var objectiveHtml=jqPb$('<div class="textArea"><h2>Objective</h2>'+objective+'</div>').appendTo(PbBoxObj.info);
	
	var approachHtml=jqPb$('<div class="textArea"><h2>Approach</h2>'+approach+'</div>').appendTo(PbBoxObj.info);
	
	if(launch!=""){
		PbBoxObj.btnLaunch.attr("href",launch).appendTo(PbBoxObj.footer);	
	}else{
		PbBoxObj.btnLaunch.remove();
	}
	showGalleryNav();
	pbResizeHdl();
	PbBoxObj.holder.fadeIn(400);
	
	var tagPos=(jqPb$(".lightBoxCon .header").height()-PbBoxObj.tagList.height())*0.5;
	PbBoxObj.tagList.css({"top":tagPos});
}

var openMapBox=function(){
	PbBoxObj.content.hide();
	PbBoxObj.mapHolder.html('<iframe width="560" height="560" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.hk/maps?q=16%2FF,+9+Chong+Yip+Street,+Kwun+Tong,+Hong+Kong+Map&amp;ie=UTF8&amp;hq=&amp;hnear=%E5%89%B5%E6%A5%AD%E8%A1%979%E8%99%9F&amp;t=m&amp;vpsrc=0&amp;brcurrent=3,0x3404014aab45cebf:0x4c9fbf6db61e27a,0,0x3404014883a04d95:0xf7ab69df5f85d6b3&amp;ll=22.313475,114.220219&amp;spn=0.044466,0.048979&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>').show();
	var bodyWidth=jq$("body").outerWidth();
	var minWidth=960;
	var outSideWidth = bodyWidth>minWidth? bodyWidth:minWidth ;
	var xpos=(outSideWidth-PbBoxObj.mapHolder.width())*0.5;
	var ypos=jq$(window).scrollTop()+25;
	PbBoxObj.mapHolder.css({"left":xpos,"top":ypos})
	pbResizeHdl();
	PbBoxObj.holder.fadeIn(400);
}


var closePbBox = function(){
	PbBoxObj.holder.fadeOut(400);
}
var galleryNext =function(){
	PbBoxObj.galleryIndex++;
	if(PbBoxObj.galleryIndex>PbBoxObj.totalImage-1){
		PbBoxObj.galleryIndex=PbBoxObj.totalImage-1;
	}else{
	galleryGoto();
	}
}
var galleryPrev =function(){
	PbBoxObj.galleryIndex--;
	if(PbBoxObj.galleryIndex<0){
		PbBoxObj.galleryIndex=0;
	}else{
		galleryGoto();
	}
}
var galleryGoto =function(){
	PbBoxObj.indexArea.text((PbBoxObj.galleryIndex+1)+"/"+PbBoxObj.totalImage);
	var newPos=-PbBoxObj.galleryIndex*398;
	PbBoxObj.galleryList.css({"left":newPos});
	showGalleryNav();
}
var showGalleryNav=function(){
	if(PbBoxObj.galleryIndex<=0){
		PbBoxObj.btnL.fadeOut(200);
	}else{
		PbBoxObj.btnL.fadeIn(200);
	}
	if(PbBoxObj.galleryIndex>=PbBoxObj.totalImage-1){
		PbBoxObj.btnR.fadeOut(200);
	}else{
		PbBoxObj.btnR.fadeIn(200);
	}
}

function pbResizeHdl(){
	var bodyWidth=jq$("body").outerWidth();
	var minWidth=960;
	var currentWidth=bodyWidth>minWidth? bodyWidth:minWidth;

		PbBoxObj.bg.width(currentWidth).height(jq$(document).height());
		PbBoxObj.holder.width(currentWidth).height(jq$(document).height());
		var scrollTop=jq$(window).scrollTop()+25;
		PbBoxObj.content.css({"top":scrollTop,"left":(jq$(window).width()-PbBoxObj.content.width())*0.5});
		PbBoxObj.mapHolder.css({"top":scrollTop,"left":(jq$(window).width()-PbBoxObj.mapHolder.width())*0.5});

}