function scrollToId(id, li){
	$('#navli li').removeClass('on');
	li.className = "on";
	var domid = document.getElementById(id);
	//console.log(domid, $(window) );
	$(window).scrollTo(domid, { duration:1200});
}
function scrollReturn(){
	$(window).scrollTo(document.body, { duration:1200});
}



function displayDetail(itemname){
	if(dict[itemname]==null)getImgFromXML(itemname,"xml/"+itemname+".xml");
	else showItem(itemname, dict[itemname]);
}

//$().ready(function(){displayDetail('introdata');});

	var isLoading = false;
	var dict= {};
	var titledic = {};
  function getImgFromXML(element,xmlname) { 
		  $.ajax({
				 type:"GET", 
				 dataType:"xml",
				 url: xmlname, 
				 error: getDataError,
				 success:function(xml, status){
				 getDataComplete(xml, element);}
			}); 
  }
  
  
  
  function scrollDetail(){
	  var bodyh = $(document.body).height();
	  $("#jq_overlay").css({"height":bodyh, "display":"block", "opacity":0.5});
	  var scrollTop = $(window).scrollTop();
	  //console.log("scrollDetail:", bodyh, scrollTop);
	  $("#jq_boxmain").css({"top":scrollTop+100, "display":"block"});
  }
 //$(window).scroll(scrollDetail);
  function showDetail(element){
  }
  
  function posDetail(){
	  var bodyh = $(document.body).height();
	  var scrollTop = $(document.body).scrollTop(); 
  }

  var jq_b_settings = {time:600};
  function showItem(element, objar){  
	  cur_showAr = objar; cur_showElement = element;
	  var tmpar=[]; //$(window).resize();
	   scrollDetail();
	   var title = titledic[element];
	   $('#jq_boxcontent_title').html(title);
	  $('#jq_smallimg_tr').empty();
	  for(var i=0; i<objar.length; i++){
		  var obj = objar[i];
		  var td_str = '<td><img onclick="showBig('+ i +')"';
		  if(obj.sw&&obj.sh) { td_str += ' style="width:'+ obj.sw +'px;height='+ obj.sh +'" ';}
		  td_str+=' src="images/'+ obj.s +'" /></td>';
		  tmpar.push(td_str);
	  }
 		var tmp =  tmpar.join('');	//console.log(tmp);
		$('#jq_smallimg_tr').append( tmp);
		//var tableW = $('#jq_smallimg_table').css("width");
		//$('#jq_smallimg_div').css("width", tableW);
	  showBig(0);
	  b_showing = true;
  }

  function windowkeydown(event){
	  if ( !b_showing)
	  {
		  return;
	  }
	  alert(  event.keyCode );
	  if ( event.keyCode == 39 )
	  {
		  if( cur_num + 1 < cur_showAr.length ){
			  showBig( cur_num + 1);
		  }
	  }
	  if ( event.keyCode == 37 )
	  {
		  if( cur_num - 1 >= 0){
			  showBig( cur_num - 1);
		  }
	  }
	  
  }

  function showBig(num){
	  cur_num = num;
	  showLoading(true);
	  var imgobj = cur_showAr[num];
	  if(imgobj == null || imgobj.b == 0)return;
	  var imgpath = 'images/'+imgobj.b;
	  var objImagePreloader = new Image();
	  $('#jq_mainimg').css("src","");
	  objImagePreloader.onload = function() {
		  	showLoading(false);
			var w = imgobj.bw?imgobj.bw:objImagePreloader.width;
			var h = imgobj.bh?imgobj.bh:objImagePreloader.height;
			var p_w = $("#jq_boxmain").width();
			if (w > p_w) {//console.log(p_w, w);
				$("#jq_boxmain").css("width", String(parseInt(w)+80)+"px");
			}else if(p_w!="800") { 
				$("#jq_boxmain").css("width", "800px");
			}
			$('#jq_mainimg').css("opacity", 0).attr("src",imgpath).animate({ width: w, height: h, opacity:1},jq_b_settings.time, "linear", 
									 function(){
										 $('#jq_mainimg').fadeIn("fast");
									 });
			showLRbtns();
			objImagePreloader.onload = null;
	  }
	  objImagePreloader.src = imgpath;
  }
  function showLoading(b){
	  b?$('#jq_imgloading').show():$('#jq_imgloading').hide();
  }
  function getDataError(req, status, error){
  }
  
  var cur_showElement; 
  var cur_showAr;

  var b_showing = false;
  var cur_num = 0;
  
 //{
$().ready( function() {
	
	  $(window).bind('scroll', function(){  //alert("asdf");
		  var scrolltop = $(window).scrollTop();
		  var windowh = $(window).height();
		  var bodyh = document.body.clientHeight;
		  var maindivh = $("#mainDiv").height(); 
		  if($.browser.msie6) $("#intro_box_backtop").css("top",    (scrolltop -bodyh + windowh )   );
		  else $("#intro_box_backtop").css("top",    (scrolltop -bodyh + windowh - 120)   );
		  $("#jq_boxmain").css("top", scrolltop + 120);
	  }).keydown(windowkeydown);  //alert("load" +  window.onscroll); 
});
 //}else {
// }
  
  
  function getDataComplete(msg, element) {
	  var objar = [];// console.log("msg:",msg);
	  var $msg = $(msg);
	   $msg.find('p').each(
			function(i){
				var $this = $(this);
				var smallpic = $this.attr('small');
				var bigpic = $this.attr('big');
				var sw = $this.attr('sw'); var sh = $this.attr('sh');
				var bw = $this.attr('bw'); var bh = $this.attr('bh');
				var obj = {s:smallpic, b:bigpic, sw:sw, sh:sh, bh:bh, bw:bw};
				objar.push(obj);
			}
		);
	   titledic[element] = $msg.find('root').attr("title"); 
	  if(objar)dict[element] = objar;
	  else return;
	  showItem(element, objar);
  }
  
  function closeShowDetail(){
	  b_showing = false;
	  $('#jq_boxmain').css("display", "none");
	  $('#jq_overlay').css("display","none");
  }
  
  function showLRbtns(){
	  if( $("#jq_smallimg_table").width() > $("#jq_smallimg").width() ){
		  $("#jq_smallimg_lbtn").css("visibility","visible");
		   $("#jq_smallimg_rbtn").css("visibility","visible");
	  }else{
		  $("#jq_smallimg_lbtn").css("visibility","hidden");
		   $("#jq_smallimg_rbtn").css("visibility","hidden");
	  }
  }
  
  var DImageBox={
	  move:false,
	  startL:function(){ 
		   var id = window.setInterval(DImageBox.moveLeft, 20);
		  $(document.body).bind('mouseup', function(){ 
				clearInterval(id); 
				$(document.body).unbind('mouseup',  arguments.callee);
			});
		 
		   
		  
	  },
	  startR:function(){
		  var id = setInterval(DImageBox.moveRight, 20);
		  $(document.body).bind('mouseup',  function(){clearInterval(id); $('body').unbind('mouseup',   arguments.callee);});
	  },
	  moveLeft:function(){
		  var table = $("#jq_smallimg_table");
		  var curmargin = parseInt(table.css("marginLeft")); //alert(table.css("marginLeft"));
		  if( table.width() + curmargin > $("#jq_smallimg").width() ){
			  table.animate({"marginLeft":(curmargin - 20) + "px"}, 10);
		  }
	  },
	  moveRight:function(){
		  var table = $("#jq_smallimg_table");
		  var curmargin = parseInt(table.css("marginLeft"));
		  if( curmargin < 20 ){
			  table.animate({"marginLeft":(curmargin + 20) + "px"}, 10);
		  }//
	  }
  }
  
  

/*$().ready( function() {
	// Scroll initially if there's a hash (#something) in the url 
	$.localScroll.hash({
		target: '#mainDiv', // Could be a selector or a jQuery object too.
		queue:true,
		duration:1500
	});
	
	
	$.localScroll({
		target: '#mainDiv', // could be a selector or a jQuery object too.
		queue:true,
		duration:1000,
		hash:true,
		onBefore:function( e, anchor, $target ){
			// The 'this' is the settings object, can be modified
		},
		onAfter:function( anchor, settings ){
			// The 'this' contains the scrolled element (#content)
		}
	}); 
							});*/
//}