//scripts by gabssnake (www.gabssnake.4t.com)
//gabriel vivas (gabssnake@yahoo.com)



//imgswap functions
function imgSwap(oImg) {
   var strOver  = "_on";
   var strOff = "_off";
   var strImg = oImg.src;
   if (strImg.indexOf(strOver) != -1) { oImg.src = strImg.replace(strOver,strOff) }
   else { oImg.src = strImg.replace(strOff,strOver) }
} function imgSwap2(oImg) { //imgswap functions
   var strOver  = "_on";
   var strOff = "_or";
   var strImg = oImg.src;
   if (strImg.indexOf(strOver) != -1) { oImg.src = strImg.replace(strOver,strOff) }
   else { oImg.src = strImg.replace(strOff,strOver) }
} function imgLoad() {
  var d=document; if(d.images){ if(!d.imgObj) d.imgObj=new Array();
    var i,j=d.imgObj.length,a=imgLoad.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.imgObj[j]=new Image; d.imgObj[j++].src=a[i];}}
}



// thumbnail creator
function createThumb() {
 var i, fileName=createThumb.arguments;
 for(i=0; i<fileName.length; i++) {
  var fileThumb = "<a href='./img_gallery.htm#" + fileName[i] + "' target='_blank' class='gthumb' background='./images/img_loading.gif'><img src='./images/gallery/thumbs/" + fileName[i] + ".jpg' width='96' height='96' alt='Haz click para ver en grande' onerror='this.src=\"./images/imgerror.jpg\";' /></a>";
  document.write(fileThumb);
 }
} //CALL: createThumb("image1","image2");




// <GALLERY functions>

//needs initialization of some vars
/*
var imgAll = 64;
var actualPrf = "scp05_";
var actualIMG = 1;
var actualDIR = "./images/scrapb/";
var actualEXT = ".jpg";
*/


// validate number for string usage
function valdNumber(theNumb) {
	var inNumb = Number(theNumb);
	if (theNumb < 10) {
		dcimCero = "00";
		outNumb = dcimCero + String(theNumb);
	} else if (theNumb >= 10 && theNumb < 100) {
		dcimCero = "0";
		outNumb = dcimCero + String(theNumb);
	} else if (theNumb >= 100) {
		outNumb = String(theNumb);
	} else { outNumb = String(theNumb); }
	return outNumb;
} //CALL: something = valdNumber("5");




//refresh the actual image number
function refreshNum(newNumb) {
   var dispNum = document.getElementById("dispNum");
   dispNum.firstChild.nodeValue=newNumb;
} //CALL: refreshNum("1");



//check if Img is loaded
function imgLoadTest(imgTested) {
	if (!imgTested.complete) { return false;
	} else if (typeof imgTested.naturalWidth!="undefined" && imgTested.naturalWidth=="0") {
        return false;
	} else { return true; }
}



//refresh img after is loaded
function refreshImg(replacerImg) {
	document.imgContr.src = replacerImg;
}



//change image fwwd or bwwd
function switchPage(movDirection) {
	if(movDirection=="prev") {
		if(actualIMG-1 > 0) { actualIMG--; } else { actualIMG = imgAll; }
	} else if(movDirection=="next") {
		if(actualIMG+1 <= imgAll) { actualIMG++; } else { actualIMG = 1; }
	}
	refreshImg(actualLOAD);
	StringNum = valdNumber(actualIMG);
	var preNewimg = new Image;
	preNewimg.src = actualDIR+actualPrf+StringNum+actualEXT;
	if(imgLoadTest(preNewimg)==true) { refreshImg(preNewimg.src); } else {
		preNewimg.onload = function() { refreshImg(preNewimg.src); };
	}
	refreshNum(actualIMG);
} //CALL: switchPage("prev"); / switchPage("next");



//write HTML using vars
function writeScrap(imgPrefix,imgNumb) {
	//imgPrefix + imgNumb
	document.write("<a href='javascript:switchPage(\"prev\");' title='Anterior'>Anterior</a> &nbsp; <small>( <span id='dispNum' name='dispNum'>"+ Number(imgNumb) +"</span> / "+ imgAll +" )</small> &nbsp; <a href='javascript:switchPage(\"next\");' title='Siguiente'>Siguiente</a><br /><br /><br /><br />");
	document.write("<img src='"+ actualDIR+imgPrefix+imgNumb+actualEXT +"' name='imgContr' id='imgContr' alt='Imagen: Gabriel Vivas' /><br /><br /><br /><br />");
} //CALL: writeScrap("scp05_","002");


// </GALLERY functions>



//local styles
var localStyles = "<style>BODY  { background-image: url('./images/bg_tile.bmp') };#td1 {  background-image: url('./images/panel_left.jpg') };#td3 {  background-image: url('./images/panel_right.jpg') };#td2 {  background-image: url('./images/panel_back.jpg') };#td5 {  background-image: url('./images/panel_footer.jpg') };#enter1 {  background-image: url('./images/enter_head.jpg') };#enter2 {  background-image: url('./images/enter_stripe.jpg') };#enter3 {  background-image: url('./images/enter_back.jpg') };</style>"