function showTip(){
if (tipon=='open'){
document.getElementById("extra_info").style.display = "block";
}
}
function hideTip(){
if (tipon=='open'){
document.getElementById("extra_info").style.display = "none";
}
}
var image_id;
var theDiv=0;
function showLeft(){
if (image_id){theDiv=image_id;image_id="";}
if (theDiv>0){
theDiv = theDiv-1;
action='click';toggle(theDiv);
if (theDiv<myDivs.length){document.getElementById("b_next").style.display = "block";}
if (theDiv<1){document.getElementById("b_prev").style.display = "none";}
} 
document.getElementById("image_id").innerHTML = theDiv+1;
document.getElementById("thumb_"+theDiv).style.backgroundColor = "#ccc";
}
function showRight(){
if (image_id){theDiv=image_id;image_id="";}
if (theDiv<myDivs.length-1){
theDiv = theDiv+1;
action='click';toggle(theDiv);
if (theDiv>0){document.getElementById("b_prev").style.display = "block";}
if (theDiv>myDivs.length-2){document.getElementById("b_next").style.display = "none";}
}
document.getElementById("image_id").innerHTML = theDiv+1;
document.getElementById("thumb_"+theDiv).style.backgroundColor = "#ccc";
}
function downClick(iID){
image_id=iID;
if (image_id<1){document.getElementById("b_prev").style.display = "none";}
if (image_id>0){document.getElementById("b_prev").style.display = "block";}
if (image_id>myDivs.length-2){document.getElementById("b_next").style.display = "none";}
if (image_id<myDivs.length-1){document.getElementById("b_next").style.display = "block";}
action='click';toggle(image_id); 
document.getElementById("image_id").innerHTML = image_id+1;
document.getElementById("thumb_"+iID).style.backgroundColor = "#ccc";
}
var opa = 0;
var hide = 1;
var show = 0;
function setInfo(iID){
if (myDivs[iID]=="friki6.jpg") {
document.getElementById("dateadded").innerHTML=myDates[iID]+"<div class='extratxt'><br />"+myComms[iID]+"</div>";
document.getElementById("f6").innerHTML="<img src='../images/works/extras/friki6_extra.png' />";
document.getElementById("f7").innerHTML="";
document.getElementById("f8").innerHTML="";
document.getElementById("f9").innerHTML="";
document.getElementById("hgdf11").innerHTML="";	
document.getElementById("f6").style.display="block";
} else if (myDivs[iID]=="ambavs.jpg") {
document.getElementById("dateadded").innerHTML=myDates[iID]+"<div class='extratxt'><br />"+myComms[iID]+"</div>";
document.getElementById("f7").innerHTML="<img src='../images/works/extras/ambavs_extra.png' />";
document.getElementById("f6").innerHTML="";
document.getElementById("f7").style.display="block";
document.getElementById("f8").innerHTML="";
document.getElementById("f9").innerHTML="";
document.getElementById("hgdf11").innerHTML="";	
} else if (myDivs[iID]=="hgdf11.jpg") {
document.getElementById("dateadded").innerHTML=myDates[iID]+"<div class='extratxt'><br />"+myComms[iID]+"</div>";
document.getElementById("f7").innerHTML="";
document.getElementById("f6").innerHTML="";
document.getElementById("f8").innerHTML="";
document.getElementById("f9").innerHTML="";
document.getElementById("hgdf11").innerHTML="<img src='../images/works/extras/hgdf11.png' />";
document.getElementById("hgdf11").style.display="block";
} else if (myDivs[iID]=="amb.jpg") {
document.getElementById("dateadded").innerHTML=myDates[iID]+"<div class='extratxt'><br />"+myComms[iID]+"</div>";
document.getElementById("f7").innerHTML="";
document.getElementById("f6").innerHTML="";
document.getElementById("f8").innerHTML="<img src='../images/works/extras/amb_extra.png' />";
document.getElementById("f8").style.display="block";
document.getElementById("f9").innerHTML="";
document.getElementById("hgdf11").innerHTML="";	
} else if (myDivs[iID]=="sfep.jpg") {
document.getElementById("dateadded").innerHTML=myDates[iID]+"<div class='extratxt'><br />"+myComms[iID]+"</div>";
document.getElementById("f7").innerHTML="";
document.getElementById("f6").innerHTML="";
document.getElementById("f8").innerHTML="";
document.getElementById("f9").innerHTML="<img src='../images/works/extras/sfep_extra.png' />";
document.getElementById("f9").style.display="block";
document.getElementById("hgdf11").innerHTML="";	
} else {
document.getElementById("dateadded").innerHTML=myDates[iID]+"<div class='extratxt'><br />"+myComms[iID]+"</div>";
document.getElementById("f6").innerHTML="";
document.getElementById("f7").innerHTML="";
document.getElementById("f8").innerHTML="";
document.getElementById("f9").innerHTML="";
document.getElementById("hgdf11").innerHTML="";	
}
}
function toggle(iID){
if(action){
if(hide){
if(opa>0){
opa = opa-10;
document.getElementById("f6").style.opacity=opa/100;
document.getElementById("f6").style.filter='alpha(opacity='+opa+')';
document.getElementById("f7").style.opacity=opa/100;
document.getElementById("f7").style.filter='alpha(opacity='+opa+')';
document.getElementById("f8").style.opacity=opa/100;
document.getElementById("f8").style.filter='alpha(opacity='+opa+')';
document.getElementById("f9").style.opacity=opa/100;
document.getElementById("f9").style.filter='alpha(opacity='+opa+')';
document.getElementById("the_target").style.opacity=opa/100;
document.getElementById("the_target").style.filter='alpha(opacity='+opa+')';
} else {
hide=0;
document.getElementById("the_target").src="../images/works/"+myDivs[iID];
setInfo(iID);
}
setTimeout('toggle("'+iID+'")', 10);
}
}
}
function toggle_part2(){
if(show){
if(opa<100){
opa = opa+10;
document.getElementById("f6").style.opacity=opa/100;
document.getElementById("f6").style.filter='alpha(opacity='+opa+')';
document.getElementById("f7").style.opacity=opa/100;
document.getElementById("f7").style.filter='alpha(opacity='+opa+')';
document.getElementById("f8").style.opacity=opa/100;
document.getElementById("f8").style.filter='alpha(opacity='+opa+')';
document.getElementById("f9").style.opacity=opa/100;
document.getElementById("f9").style.filter='alpha(opacity='+opa+')';
document.getElementById("the_target").style.opacity=opa/100;
document.getElementById("the_target").style.filter='alpha(opacity='+opa+')';
} else {action=0;show=0; hide=1;}
setTimeout('toggle_part2()', 10);
}
}
function checktheKeys(e){
var unicode=e.keyCode? e.keyCode : e.charCode
if (unicode==39){showRight();}
if (unicode==37){showLeft();}
}