// thumbscreen
expandingid=0;
expandingstep=0;
expandingwidth=0;
expandingheight=0;
expandingtop=0;
expandingleft=0;
expandingtimeout=0;
expandingtotalsteps=15;

function expandthumb(thumbid,fullwidth,fullheight){
if(expandingtimeout != 0){
clearTimeout(expandingtimeout);
}
if(expandingid > 0 && expandingid != thumbid){
restorethumb();
}
if(expandingid != thumbid){
img=document.getElementById("screen" + thumbid);
img.style.display='block';
expandingid=thumbid;
expandingstep=1;
expandingwidth=fullwidth;
expandingheight=fullheight;
expandingtop=img.offsetTop;
expandingleft=img.offsetLeft;
} else if(expandingstep < 1){
expandingstep=1;
}
expandstep();
}

function setsizes(img,left,top,width,height){
img.style.left=left;
img.style.top=top;
img.style.width=width;
img.style.height=height;
}

function doexpand(){
img=document.getElementById("screen" + expandingid);
thumb=document.getElementById("thumb" + expandingid);
myscroll=getScroll();
if(expandingtop + thumb.height > myscroll.top + myscroll.height){
finaltop=myscroll.top + myscroll.height - expandingheight;
} else {
finaltop=expandingtop + thumb.height - expandingheight;
}
if(finaltop < myscroll.top){finaltop=myscroll.top;}

if(expandingleft + thumb.width > myscroll.left + myscroll.width){
finalleft=myscroll.left + myscroll.width - expandingwidth;
} else {
finalleft=expandingleft + thumb.width - expandingwidth;
}
if(finalleft < myscroll.left){finalleft=myscroll.left;}
setsizes(img,finalleft +((expandingleft - finalleft)*(expandingtotalsteps - expandingstep)/ expandingtotalsteps)+ 'px',
finaltop +((expandingtop - finaltop)*(expandingtotalsteps - expandingstep)/ expandingtotalsteps)+ 'px',
thumb.width +((expandingwidth - thumb.width)* expandingstep / expandingtotalsteps)+ 'px',
thumb.height +((expandingheight - thumb.height)* expandingstep / expandingtotalsteps)+ 'px');
}

function restorethumb(){
img=document.getElementById("screen" + expandingid);
img.style.top='';
img.style.left='';
img.style.display='none';
expandingid=0;
}

function expandstep(){
expandingtimeout=0;
doexpand();
if(expandingstep < expandingtotalsteps){
expandingstep++;
expandingtimeout=setTimeout("expandstep()",20);
}
}

function reducestep(){
expandingtimeout=0;
doexpand();
if(expandingstep > 0){
expandingstep--;
expandingtimeout=setTimeout("reducestep()",20);
} else {
restorethumb();
}
}

function reducethumb(thumbid){
if(expandingtimeout != 0){
clearTimeout(expandingtimeout);
}
if(expandingstep > 0){
reducestep();
}
}

function getScroll(){
if(document.all && typeof document.body.scrollTop != "undefined"){
var ieBox=document.compatMode != "CSS1Compat";
var cont=ieBox ? document.body :document.documentElement;
return {
left:cont.scrollLeft,
top:cont.scrollTop,
width:cont.clientWidth,
height:cont.clientHeight
};
} else {
return {
left:window.pageXOffset,
top:window.pageYOffset,
width:window.innerWidth,
height:window.innerHeight
};
}
}

// simpleGalley
var simpleGallery_navpanel={
panel:{height:'45px',opacity:0.5,paddingTop:'5px',fontStyle:'bold 11px Verdana'},
images: ['http://www.ant.com.kh/training/img/left.gif', 'http://www.ant.com.kh/training/img/play.gif', 'http://www.ant.com.kh/training/img/right.gif', 'http://www.ant.com.kh/training/img/pause.gif'],
imageSpacing:{offsetTop:[-4,0,-4],spacing:10},
slideduration:500
};

function simpleGallery(settingarg){
this.setting=settingarg;
settingarg=null;
var setting=this.setting;
setting.pause=parseInt(setting.pause);
setting.fadeduration=parseInt(setting.fadeduration);
setting.curimage=(setting.persist)? simpleGallery.routines.getCookie("gallery-" + setting.wrapperid):0;
setting.curimage=setting.curimage || 0;
setting.ispaused=!setting.autoplay;
setting.fglayer=0,setting.bglayer=1;
setting.oninit=setting.oninit || function(){};
setting.onslide=setting.onslide || function(){};
var preloadimages=[];
for(var i=0;i < setting.imagearray.length;i++){
preloadimages[i]=new Image();
preloadimages[i].src=setting.imagearray[i][0];
}
var slideshow=this;
jQuery(document).ready(function($){
var setting=slideshow.setting;
setting.$wrapperdiv=$('#' + setting.wrapperid).css({position:'relative',visibility:'visible',overflow:'hidden',width:setting.dimensions[0],height:setting.dimensions[1]}).empty();
if(setting.$wrapperdiv.length == 0){
alert("Error:DIV with ID \"" + setting.wrapperid + "\" not found on page.");
return;
}
setting.$gallerylayers=$('<div class="gallerylayer"></div><div class="gallerylayer"></div>')
.css({position:'absolute',left:0,top:0})
.appendTo(setting.$wrapperdiv);
setting.gallerylayers=setting.$gallerylayers.get();
setting.navbuttons=simpleGallery.routines.addnavpanel(setting);
$(setting.navbuttons).filter('img.navimages').css({opacity:0.8})
.bind('mouseover mouseout',function(e){
$(this).css({opacity:(e.type == "mouseover")? 1 :0.8})
})
.bind('click',function(e){
var keyword=e.target.title.toLowerCase();
slideshow.navigate(keyword);
});
setting.$wrapperdiv.bind('mouseenter',function(){slideshow.showhidenavpanel('show')});
setting.$wrapperdiv.bind('mouseleave',function(){slideshow.showhidenavpanel('hide')});
slideshow.showslide(setting.curimage);
setting.oninit();
$(window).bind('unload',function(){
$(slideshow.setting.navbuttons).unbind();
if(slideshow.setting.persist)
simpleGallery.routines.setCookie("gallery-" + setting.wrapperid,setting.curimage);
jQuery.each(slideshow.setting,function(k){
if(slideshow.setting[k] instanceof Array){
for(var i=0;i < slideshow.setting[k].length;i++){
if(slideshow.setting[k][i].tagName == "DIV")
slideshow.setting[k][i].innerHTML=null;
slideshow.setting[k][i]=null;
}
}
slideshow.setting[k]=null
})
slideshow=slideshow.setting=null
})
})
}

simpleGallery.prototype={

navigate:function(keyword){
clearTimeout(this.setting.playtimer)
if(!isNaN(parseInt(keyword))){
this.showslide(parseInt(keyword))
}
else if(/(prev)|(next)/i.test(keyword)){
this.showslide(keyword.toLowerCase())
}
else {
var slideshow=this
var $playbutton=$(this.setting.navbuttons).eq(1)
if(!this.setting.ispaused){
this.setting.autoplay=false
$playbutton.attr({title:'Play',src:simpleGallery_navpanel.images[1]})
}
else if(this.setting.ispaused){
this.setting.autoplay=true
this.setting.playtimer=setTimeout(function(){slideshow.showslide('next')},this.setting.pause)
$playbutton.attr({title:'Pause',src:simpleGallery_navpanel.images[3]})
}
slideshow.setting.ispaused=!slideshow.setting.ispaused
}
},

showslide:function(keyword){
var slideshow=this;
var setting=slideshow.setting;
var totalimages=setting.imagearray.length;
var imgindex=(keyword == "next")?(setting.curimage < totalimages - 1 ? setting.curimage + 1 :0)
:(keyword == "prev")?(setting.curimage > 0 ? setting.curimage - 1 :totalimages - 1)
:Math.min(keyword,totalimages - 1);
setting.gallerylayers[setting.bglayer].innerHTML=simpleGallery.routines.getSlideHTML(setting.imagearray[imgindex]);
setting.$gallerylayers.eq(setting.bglayer).css({zIndex:1000,opacity:0})
.stop().css({opacity:0}).animate({opacity:1},setting.fadeduration,function(){
clearTimeout(setting.playtimer)
setting.gallerylayers[setting.bglayer].innerHTML=null;
try {
setting.onslide(setting.gallerylayers[setting.fglayer],setting.curimage)
} catch(e){
alert("Simple Controls Gallery:An error has occured somwhere in your code attached to the \"onslide\" event:" + e)
}
if(setting.autoplay){
setting.playtimer=setTimeout(function(){slideshow.showslide('next')},setting.pause)
}
})
setting.gallerylayers[setting.fglayer].style.zIndex=999;
setting.fglayer=setting.bglayer;
setting.bglayer=(setting.bglayer == 0)? 1 :0;
setting.curimage=imgindex;
setting.navbuttons[3].innerHTML=(setting.curimage + 1)+ '/' + setting.imagearray.length
},

showhidenavpanel:function(state){
var setting=this.setting
var endpoint=(state == "show")? setting.dimensions[1] - parseInt(simpleGallery_navpanel.panel.height):this.setting.dimensions[1]
setting.$navpanel.stop().animate({top:endpoint},simpleGallery_navpanel.slideduration)
}
}

simpleGallery.routines={
getSlideHTML:function(imgelement){
var layerHTML=(imgelement[1])? '<a href="' + imgelement[1] + '" target="' + imgelement[2] + '">\n' :'';
layerHTML += '<img src="' + imgelement[0] + '" style="border-width:0" class="img_banner" />';
layerHTML +=(imgelement[1])? '</a>' :'';
return layerHTML
},

addnavpanel:function(setting){
var interfaceHTML=''
for(var i=0;i < 3;i++){
var imgstyle='position:relative;border:0;cursor:hand;cursor:pointer;top:' + simpleGallery_navpanel.imageSpacing.offsetTop[i] + 'px;margin-right:' +(i != 2 ? simpleGallery_navpanel.imageSpacing.spacing + 'px' :0)
var title=(i == 0 ? 'Prev' :(i == 1)?(setting.ispaused ? 'Play' :'Pause'):'Next')
var imagesrc=(i == 1)? simpleGallery_navpanel.images[(setting.ispaused)? 1 :3] :simpleGallery_navpanel.images[i]
interfaceHTML += '<img class="navimages" title="' + title + '" src="' + imagesrc + '" style="' + imgstyle + '" /> '
}
interfaceHTML += '<div class="gallerystatus" style="margin-top:1px">' +(setting.curimage + 1)+ '/' + setting.imagearray.length + '</div>'
setting.$navpanel=$('<div class="navpanellayer"></div>')
.css({position:'absolute',width:'100%',height:simpleGallery_navpanel.panel.height,left:0,top:setting.dimensions[1],font:simpleGallery_navpanel.panel.fontStyle,zIndex:'1001'})
.appendTo(setting.$wrapperdiv)
$('<div class="navpanellayerbg"></div><div class="navpanellayerfg"></div>')
.css({position:'absolute',left:0,top:0,width:'100%',height:'100%'})
.eq(0).css({background:'transparent'})
.end().eq(1).css({paddingTop:simpleGallery_navpanel.panel.paddingTop,textAlign:'center',color:'#333'}).html(interfaceHTML)
.end().appendTo(setting.$navpanel)
return setting.$navpanel.find('img.navimages,div.gallerystatus').get();
},

getCookie:function(Name){
var re=new RegExp(Name + "=[^;]+","i");
if(document.cookie.match(re))
return document.cookie.match(re)[0].split("=")[1];
return null
},

setCookie:function(name,value){
document.cookie=name + "=" + value + ";path=/"
}
}