var dir1="imgs/gallery/g";
var dir2="/t/";
var crtDir=1;
var crtBt;
var sFlg=true;
var g=new Array();
j$(document).ready(function(){
loadXML();
j$("#gBt>img").mouseover(function(){var myID=getID(j$(this));
slideD(myID);
});
j$("#gBt>img").mouseout(function(){if(crtBt.attr('id') != j$(this).attr('id')) j$(this).animate({marginTop:'0px'},'fast');
});
j$("#gBt>img").click(function(){if(crtBt!=undefined){
if(crtBt.attr('id')==j$(this).attr('id')) {
return;
}else{crtBt.animate({marginTop:'0px'},'fast');}}
crtBt=j$(this);
var id=getID(j$(this));
crtDir = id;
loadThumb(id);
});
j$("#gThumb").click(function(event){var myID=getID(j$(event.target));
var s=parseInt(myID);
if(isNaN(s))return;
loadPic(myID);
});});
function loadXML() {
j$.ajax({url:'g.xml',type:'GET',dataType:'xml',timeout:10000,error: function(){},
success:function(data){j$(data).find('gallery').each(function(){
var num=j$(this).attr('n');
g.push(num);
slideD(crtDir);
});}});}
function slideD(n){if(n!=undefined){var tar=document.getElementById("gb"+n);
j$(tar).animate({marginTop:'20px'},'fast');
if(sFlg){sFlg=!sFlg;crtBt=j$(tar);loadThumb(n);loadPic(n);
}}}
function loadThumb(id){if(j$("#gThumb>img").size()>0){j$("#gThumb").children().each(function(){
j$(this).slideUp('fast',function(){
j$("#gThumb").empty();
displayThumb(id);
});});
}else{displayThumb(id);}}
function displayThumb(id){var num=g[id-1];
for(i=1;i<=num;i++) {
var str="<img src=\'"+dir1+id+dir2+i+".jpg\' width='80' height='53' id=\'gt"+i+"\' />";
j$("#gThumb").append(str);}
j$("#gThumb").children().each(function(){j$(this).slideDown('fast');
});}
function loadPic(n){
var img=dir1+crtDir+"/"+n+".jpg";
j$("#gPic").fadeOut('fast',function(){var str="<img src=\'"+img+"\' />";
j$(this).html(str);j$(this).fadeIn('fast');
});}
function getID(elm) {return j$(elm).attr("id").substr(2);}