/* Sophella Design - Javascript - For Portfolio.htm                */
/* Create by A.A.Rodil 2007                                        */
/* --------------------------------------------------------------------------------*/
/* --Declare variable for image replacement--*/
	function declareJ(){
		j = 0;	
		//alert("j = null");
	}

/* --------------------------------------------------------------------------------*/

var j = 0;	

/* --Path to web design image Description library -----------------*/
var webdsgdesc = new Array(21);
webdsgdesc[0] = '1 Design Info Coming Soon';
webdsgdesc[1] = '2 Design Info Coming Soon';
webdsgdesc[2] = '3 Design Info Coming Soon';
webdsgdesc[3] = '4 Design Info Coming Soon';
webdsgdesc[4] = '5 Design Info Coming Soon';
webdsgdesc[5] = '6 Design Info Coming Soon';
webdsgdesc[6] = '7 Design Info Coming Soon';
webdsgdesc[7] = '8 Design Info Coming Soon';
webdsgdesc[8] = '9 Design Info Coming Soon';
webdsgdesc[9] = '10 Design Info Coming Soon';
webdsgdesc[10] = '11 Design Info Coming Soon';
webdsgdesc[11] = '12 Design Info Coming Soon';
webdsgdesc[12] = '13 Design Info Coming Soon';
webdsgdesc[13] = '14 Design Info Coming Soon';
webdsgdesc[14] = '15 Design Info Coming Soon';
webdsgdesc[15] = '16 Design Info Coming Soon';
webdsgdesc[16] = '17 Design Info Coming Soon';
webdsgdesc[17] = '18 Design Info Coming Soon';
webdsgdesc[18] = '19 Design Info Coming Soon';
webdsgdesc[19] = '20 Design Info Coming Soon';
webdsgdesc[20] = '21 Design Info Coming Soon';



/* --Path to web design image library -----------------*/
	var img_count = 21;
	var images = new Array(21);
	images[0] = '../graphics/web/Web01.gif';
	images[1] = '../graphics/web/Web02.gif';
	images[2] = '../graphics/web/Web03.gif';
	images[3] = '../graphics/web/Web04.gif';
	images[4] = '../graphics/web/Web05.gif';
	images[5] = '../graphics/web/Web06.gif';
	images[6] = '../graphics/web/Web07.gif';
	images[7] = '../graphics/web/Web08.gif';
	images[8] = '../graphics/web/Web09.gif';
	images[9] = '../graphics/web/Web10.gif';
	images[10] = '../graphics/web/Web11.gif';
	images[11] = '../graphics/web/Web12.gif';
	images[12] = '../graphics/web/Web13.gif';
	images[13] = '../graphics/web/Web14.gif';
	images[14] = '../graphics/web/Web15.gif';
	images[15] = '../graphics/web/Web16.gif';
	images[16] = '../graphics/web/Web17.gif';
	images[17] = '../graphics/web/Web18.gif';
	images[18] = '../graphics/web/Web19.gif';
	images[19] = '../graphics/web/Web20.gif';
	images[20] = '../graphics/web/Web21.gif';
/* --END Path to web design image library -------------*/

/* --Get PREVIOUS image from web design image library--*/
function prev(){
	//alert("What does J = " + j);
	if (j == 1) {
			document.images['WebNavButBack'].src='../graphics/web/Nav/webNavBut_BackOff.gif';
			document.images['LauraWebImageDefault'].src=images[0];
			document.images['LauraWebImageDefault'].width=486; 
			};
	else 	{
		document.images['LauraWebImageDefault'].src=images[j-1];
		document.images['LauraWebImageDefault'].width=486;
		document.images['WebNavButFwrd'].src='../graphics/web/Nav/webNavBut_FwrdOn.gif';
		};
	/* --INCREMENT J counter--*/
	j-- ;
	/* --Update LAYER with IMAGE DESCRIPTION--*/
	document.getElementById('ImageCOUNTER').innerHTML = unescape(j+1 + ' of ' + img_count);
	document.getElementById('ME').innerHTML = unescape(webdsgdesc[j]);
}


/** --Get NEXT image from web design image library--*/	
function next(){	
	if (j == img_count-2)	{
					document.images['WebNavButFwrd'].src='../graphics/web/Nav/webNavBut_FwrdOff.gif';
					document.images['LauraWebImageDefault'].src=images[j+1];
					document.images['LauraWebImageDefault'].width=486; 
					}
	else 	{
		document.images['LauraWebImageDefault'].src=images[j+1];
		document.images['LauraWebImageDefault'].width=486; 
		};
	/* --DECREMENT J counter--*/
	j++ ;
	/* --Update LAYER with IMAGE DESCRIPTION--*/
		if (navigator.appName=="Netscape") {
			alert("Netscape browser"); 
			//alert("Browser is - " + navigator.appName + " version " + navigator.appVersion);
   			//document.getElementById(ID).innerHTML = sText; 
 			} 
 	else {
		document.getElementById('ImageCOUNTER').innerHTML = unescape(j+1 + ' of ' + img_count);
		document.getElementById('ME').innerHTML = unescape(webdsgdesc[j]);
		}
	//alert("What does J = " + j);
}

/* --Check if previous button is on or off to prevent image replacement--*/	
function ckprev(){
	var getSrcFilePath = document.images['WebNavButBack'].src;
	var OnOff = getSrcFilePath.charAt(getSrcFilePath.indexOf(".gif")-1);
		//alert('TO MUCH ...' + OnOff );		
	if (OnOff == 'f') {}; else {prev()}; 
		//if (OnOff == 'f') alert('Image is OFF' ); 
		//if (OnOff == 'n') alert('Image is ON' );
		//alert('TO MUCH ...' + document.images['WebNavButBack'].src );	
}

/* --Check if previous button is on or off to prevent image replacement--*/
function cknext(){
	var getSrcFilePath = document.images['WebNavButFwrd'].src;
	var OnOff = getSrcFilePath.charAt(getSrcFilePath.indexOf(".gif")-1);
	if (OnOff == 'f'){}; 
	else {next()}; 
}


/* --------------------------------------------------------------------------------*/

function testlayertext() {
//alert(document.layers[1].name );	
//document.getElementById('ME').innerHTML = 'This is the next slide';
//document.getElementById('ME').innerHTML = unescape('This is the next slide');
alert('test'); 
}

function testtony() {
	if ( j == img_count-1) alert("J is =  " + j) ; else j++;
	//if ( j == img_count-1) j=0 ; else j++;
	document.images['LauraWebImageDefault'].src=images[j];
	// test replaces image named PortInter with image j document.images['PortInter'].src=images[j];
	//document.write(images.length + '  Element 19 is ' + images[19] + '<BR>');
	}

function MM_setTextOfLayer(objName,x,newText) { //v3.0
  if ((obj=MM_findObj(objName))!=null) with (obj)
    if (navigator.appName=='Netscape') {document.write(unescape(newText)); document.close();}
    else innerHTML = unescape(newText);
}