<!--
//number of projects and images bars:
var no=10


//if collapse if the bar is clicked 2nd time:
var isCollapse=0
//height of a bar, containing the project name and the category image (if available)
var row1=90
//top distance for the first bar:
var distTop=0

//extra distance after the horizontal bars, at the end of content in vertical scroll:
var distExtra=20
//top distance of the bar from the category image (for DIVs which contain the category image):
var topBarCateg=40
//top distance of the bar from the name of project (for DIVs which does not contain the category image):
var topBar=27


// horizontal scroll bars settings:
var scrollerHWidth = 235;
var scrollerHHeight = 34;
var scrollerHTop = 35;
var scrollerHLeft = 0;
//extra distance after content in horizontal scroll bar:
var distTopEndH=10


//START: initialize the small gallery images

//9
var arrPrj1_on=new Array("images/prj1_1_on.gif","images/prj1_2_on.gif","images/prj1_3_on.gif","images/prj1_4_on.gif","images/prj1_5_on.gif","images/prj1_6_on.gif","images/prj1_7_on.gif","images/prj1_8_on.gif","images/prj1_9_on.gif")
var arrPrj1_off=new Array("images/prj1_1_off.gif","images/prj1_2_off.gif","images/prj1_3_off.gif","images/prj1_4_off.gif","images/prj1_5_off.gif","images/prj1_6_off.gif","images/prj1_7_off.gif","images/prj1_8_off.gif","images/prj1_9_off.gif")


//14
var arrPrj2_on=new Array("images/prj2_1_on.gif","images/prj2_2_on.gif","images/prj2_3_on.gif","images/prj2_4_on.gif","images/prj2_5_on.gif","images/prj2_6_on.gif","images/prj2_7_on.gif","images/prj2_8_on.gif","images/prj2_9_on.gif","images/prj2_10_on.gif","images/prj2_11_on.gif","images/prj2_12_on.gif","images/prj2_13_on.gif","images/prj2_14_on.gif")
var arrPrj2_off=new Array("images/prj2_1_off.gif","images/prj2_2_off.gif","images/prj2_3_off.gif","images/prj2_4_off.gif","images/prj2_5_off.gif","images/prj2_6_off.gif","images/prj2_7_off.gif","images/prj2_8_off.gif","images/prj2_9_off.gif","images/prj2_10_off.gif","images/prj2_11_off.gif","images/prj2_12_off.gif","images/prj2_13_off.gif","images/prj2_14_off.gif")

//18
var arrPrj3_on=new Array("images/prj3_1_on.gif","images/prj3_2_on.gif","images/prj3_3_on.gif","images/prj3_4_on.gif","images/prj3_5_on.gif","images/prj3_6_on.gif","images/prj3_7_on.gif","images/prj3_8_on.gif","images/prj3_9_on.gif","images/prj3_10_on.gif","images/prj3_11_on.gif","images/prj3_12_on.gif","images/prj3_13_on.gif","images/prj3_14_on.gif","images/prj3_15_on.gif","images/prj3_16_on.gif","images/prj3_17_on.gif","images/prj3_18_on.gif")
var arrPrj3_off=new Array("images/prj3_1_off.gif","images/prj3_2_off.gif","images/prj3_3_off.gif","images/prj3_4_off.gif","images/prj3_5_off.gif","images/prj3_6_off.gif","images/prj3_7_off.gif","images/prj3_8_off.gif","images/prj3_9_off.gif","images/prj3_10_off.gif","images/prj3_11_off.gif","images/prj3_12_off.gif","images/prj3_13_off.gif","images/prj3_14_off.gif","images/prj3_15_off.gif","images/prj3_16_off.gif","images/prj3_17_off.gif","images/prj3_18_off.gif")

//12
var arrPrj4_on=new Array("images/prj4_1_on.gif","images/prj4_2_on.gif","images/prj4_3_on.gif","images/prj4_4_on.gif","images/prj4_5_on.gif","images/prj4_6_on.gif","images/prj4_7_on.gif","images/prj4_8_on.gif","images/prj4_9_on.gif","images/prj4_10_on.gif","images/prj4_11_on.gif","images/prj4_12_on.gif")
var arrPrj4_off=new Array("images/prj4_1_off.gif","images/prj4_2_off.gif","images/prj4_3_off.gif","images/prj4_4_off.gif","images/prj4_5_off.gif","images/prj4_6_off.gif","images/prj4_7_off.gif","images/prj4_8_off.gif","images/prj4_9_off.gif","images/prj4_10_off.gif","images/prj4_11_off.gif","images/prj4_12_off.gif")

//10
var arrPrj5_on=new Array("images/prj5_1_on.gif","images/prj5_2_on.gif","images/prj5_3_on.gif","images/prj5_4_on.gif","images/prj5_5_on.gif","images/prj5_6_on.gif","images/prj5_7_on.gif","images/prj5_8_on.gif","images/prj5_9_on.gif","images/prj5_10_on.gif")
var arrPrj5_off=new Array("images/prj5_1_off.gif","images/prj5_2_off.gif","images/prj5_3_off.gif","images/prj5_4_off.gif","images/prj5_5_off.gif","images/prj5_6_off.gif","images/prj5_7_off.gif","images/prj5_8_off.gif","images/prj5_9_off.gif","images/prj5_10_off.gif")

//7
var arrPrj6_on=new Array("images/prj6_1_on.gif","images/prj6_2_on.gif","images/prj6_3_on.gif","images/prj6_4_on.gif","images/prj6_5_on.gif","images/prj6_6_on.gif","images/prj6_7_on.gif")
var arrPrj6_off=new Array("images/prj6_1_off.gif","images/prj6_2_off.gif","images/prj6_3_off.gif","images/prj6_4_off.gif","images/prj6_5_off.gif","images/prj6_6_off.gif","images/prj6_7_off.gif")

//21
var arrPrj7_on=new Array("images/prj7_1_on.gif","images/prj7_2_on.gif","images/prj7_3_on.gif","images/prj7_4_on.gif","images/prj7_5_on.gif","images/prj7_6_on.gif","images/prj7_7_on.gif","images/prj7_8_on.gif","images/prj7_9_on.gif","images/prj7_10_on.gif","images/prj7_11_on.gif","images/prj7_12_on.gif","images/prj7_13_on.gif","images/prj7_14_on.gif","images/prj7_15_on.gif","images/prj7_16_on.gif","images/prj7_17_on.gif","images/prj7_18_on.gif","images/prj7_19_on.gif","images/prj7_20_on.gif","images/prj7_21_on.gif")
var arrPrj7_off=new Array("images/prj7_1_off.gif","images/prj7_2_off.gif","images/prj7_3_off.gif","images/prj7_4_off.gif","images/prj7_5_off.gif","images/prj7_6_off.gif","images/prj7_7_off.gif","images/prj7_8_off.gif","images/prj7_9_off.gif","images/prj7_10_off.gif","images/prj7_11_off.gif","images/prj7_12_off.gif","images/prj7_13_off.gif","images/prj7_14_off.gif","images/prj7_15_off.gif","images/prj7_16_off.gif","images/prj7_17_off.gif","images/prj6_18_off.gif","images/prj7_19_off.gif","images/prj7_20_off.gif","images/prj7_21_off.gif")

//14
var arrPrj8_on=new Array("images/prj8_1_on.gif","images/prj8_2_on.gif","images/prj8_3_on.gif","images/prj8_4_on.gif","images/prj8_5_on.gif","images/prj8_6_on.gif","images/prj8_7_on.gif","images/prj8_8_on.gif","images/prj8_9_on.gif","images/prj8_10_on.gif","images/prj8_11_on.gif","images/prj8_12_on.gif","images/prj8_13_on.gif","images/prj8_14_on.gif")
var arrPrj8_off=new Array("images/prj8_1_off.gif","images/prj8_2_off.gif","images/prj8_3_off.gif","images/prj8_4_off.gif","images/prj8_5_off.gif","images/prj8_6_off.gif","images/prj8_7_off.gif","images/prj8_8_off.gif","images/prj8_9_off.gif","images/prj8_10_off.gif","images/prj8_11_off.gif","images/prj8_12_off.gif","images/prj8_13_off.gif","images/prj8_14_off.gif")

//8
var arrPrj9_on=new Array("images/prj9_1_on.gif","images/prj9_2_on.gif","images/prj9_3_on.gif","images/prj9_4_on.gif","images/prj9_5_on.gif","images/prj9_6_on.gif","images/prj9_7_on.gif","images/prj9_8_on.gif")
var arrPrj9_off=new Array("images/prj9_1_off.gif","images/prj9_2_off.gif","images/prj9_3_off.gif","images/prj9_4_off.gif","images/prj9_5_off.gif","images/prj9_6_off.gif","images/prj9_7_off.gif","images/prj9_8_off.gif")


//12
var arrPrj10_on=new Array("images/prj10_1_on.gif","images/prj10_2_on.gif","images/prj10_3_on.gif","images/prj10_4_on.gif","images/prj10_5_on.gif","images/prj10_6_on.gif","images/prj10_7_on.gif","images/prj10_8_on.gif","images/prj10_9_on.gif","images/prj10_10_on.gif","images/prj10_11_on.gif","images/prj10_12_on.gif")
var arrPrj10_off=new Array("images/prj10_1_off.gif","images/prj10_2_off.gif","images/prj10_3_off.gif","images/prj10_4_off.gif","images/prj10_5_off.gif","images/prj10_6_off.gif","images/prj10_7_off.gif","images/prj10_8_off.gif","images/prj10_9_off.gif","images/prj10_10_off.gif","images/prj10_11_off.gif","images/prj10_12_off.gif")


//END: initialize the small gallery images


//preloading small images for rollover:
function PreloadAll(){
	for (var i=1;i<=no;i++) {
		eval("imgPrj"+i+"_on = new Array;")
		eval("imgPrj"+i+"_off = new Array;")
		Preload("arrPrj"+i,"imgPrj"+i,0);
	}
}

//initialize the bars DIVs:
function InitBars(){
	if (ns6) {
		document.getElementById("divFlash").style.left=(bodyW-777)/2+16
		document.getElementById("divFlash").style.top=(bodyH-464)/2+67
		document.getElementById("divFlash").style.visibility="visible"
	} else if (ns4) {
		document.layers["divFlash"].left=(bodyW-777)/2+16
		document.layers["divFlash"].top=(bodyH-464)/2+67
		document.layers["divFlash"].visibility="visible"
	} else {
		document.all["divFlash"].style.left=(bodyW-777)/2+16
		document.all["divFlash"].style.top=(bodyH-464)/2+67
		document.all["divFlash"].style.visibility="visible"
	}
	
	PreloadAll()
	//getting the top distance where the projects bars begins:
	/*if (ns6) distTop=document.getElementById('divBegin').offsetHeight;
	else if (ns) distTop=scrollerObj.document.layers['divBegin'].clip.height;
	else distTop=document.all['divBegin'].clientHeight;*/
	
	//makes all projects bars visible:
	for (i=1; i<=no; i++){
		if (ns6) {
			eval("document.getElementById('divCont"+ arrPrjID[i-1] +"Bar').style.visibility='visible'");
		} else if (ns) {
			eval("scrollerObj.document.layers['divCont"+ arrPrjID[i-1] +"'].document.layers['divCont"+ arrPrjID[i-1] +"Bar'].visibility='visible'");
		} else {
			eval("document.all['divCont"+ arrPrjID[i-1] +"Bar'].style.visibility='visible'");
		}
	}
}

// building the images bar for the project with index from parameter "ind":
var strFinal=""
function ImagesBar(ind,act){
	eval("prj"+ind+"BarW=0")
	var currArr_on=eval("arrPrj"+ind+"_on")
	var currArr_off=eval("arrPrj"+ind+"_off")
	var w=0
	var strBar=""
	for (var i=0; i<currArr_off.length; i++){
		strBar+='<A href="javascript:BigImage(\'prj'+ind+'_'+(i+1)+'\','+ind+',\'' + act + '\',' + i + ');Expand(\''+ind+'\',1);startScrollerH('+ind+');" onmouseover="SwapHoriz('+i+',\'on\',\'imgPrj'+ind+'\','+ind+')" onmouseout="SwapHoriz('+i+',\'off\',\'imgPrj'+ind+'\','+ind+')"><IMG src="'+currArr_off[i]+'" border=1 width=50 height=32 name="imgPrj'+ind+i+'" hspace=5 class=imgBar></A>'
		eval("prj"+ind+"BarW+=12+50")
	}
	eval("prj"+ind+"BarW+=distTopEndH")
	strFinal="<TABLE width="+eval("prj"+ind+"BarW") +" cellspacing=0 cellpadding=0 border=0><TR><TD valign=top nowrap>"+ strBar + "</TD></TR></TABLE>"
}



//when click on a small image:
function BigImage(imgName,ind,act,prjInd){
	if (act=="play") {
		if (ns6){
			document.getElementById("divFlash").innerHTML='<IMG src="images/prj_img1.jpg" width=385 height=359>'
		} else if (ns4){
			document.divFlash.document.open()
			document.divFlash.document.write('<IMG src="images/prj_img1.jpg" width=385 height=359>')
			document.divFlash.document.close()
		} else {
			document.all["divFlash"].innerHTML='<IMG src="images/prj_img1.jpg" width=385 height=359>'
		}
		document.images["imgPrjName"].src="images/prj1_footer.gif"
		
		OpenWindow('play_window.html?'+ind+'&'+prjInd,400,300)
		
	} else {
		//changing the left image:
		//document.images["imgBig"].src="images/"+imgName+"_big.jpg"
		if (ns6){
			document.getElementById("divFlash").innerHTML='<IMG src="images/'+imgName+'_big.jpg" width=385 height=359>'
		} else if (ns4){
			document.divFlash.document.open()
			document.divFlash.document.write('<IMG src="images/'+imgName+'_big.jpg" width=385 height=359>')
			document.divFlash.document.close()
		} else {
			document.all["divFlash"].innerHTML='<IMG src="images/'+imgName+'_big.jpg" width=385 height=359>'
		}
		
		//changing the footer project name:
		document.images["imgPrjName"].src="images/prj"+ind+"_footer.gif"
	}
	
	//positioning all projects bars to 0 in the left, excepting the current project:
	for (i=1; i<=no; i++){
		if (i!=ind) {
			if (ns6) eval("document.getElementById('divCont"+ arrPrjID[i-1] +"Bar').style.left=0");
			else if (ns) eval("scrollerObj.document.layers['divCont"+ arrPrjID[i-1] +"'].document.layers['divCont"+ arrPrjID[i-1] +"Bar'].left=0");
			else eval("document.all['divCont"+ arrPrjID[i-1] +"Bar'].style.left=0");
		}
	}
	
	//getting the index from array for the current Div:
	var x=0
	for (var indPr=1; indPr<=no; indPr++){if ((new String(arrPrjID[indPr-1])+"_")==(new String(ind+"_"))) {x=indPr;break;}}
	
	//moving the clicked project to beginning of scroll:
	var currTop=(-1)*(x-1)*row1-distTop
	if (ns6){
		document.getElementById('scroller2').style.top=currTop
	}else if (ns4){
		document.layers['scrollerContainer'].document.layers['scroller1'].document.layers['scroller2'].top=currTop
	}else{
		document.all['scroller2'].style.top=currTop;
	}
}

//swap function for images from horizontal bars:
function SwapHoriz() {
	var index = parseInt(SwapHoriz.arguments[0]);
	var imgName = SwapHoriz.arguments[2] + SwapHoriz.arguments[0];
	ind=parseInt(SwapHoriz.arguments[3])
	var newImg=eval("arrPrj"+ind+"_"+SwapHoriz.arguments[1]+"["+index+"]");
	if (ns4) {
		var obj=eval("scrollerObj.document.layers['divCont"+ ind +"'].document.layers['divCont"+ ind +"Bar']")
		obj.document.images[imgName].src = newImg
	} else {
		document.images[imgName].src = newImg
	}
}




// START: HORIZONTAL SCROLL FUNCTIONS
scrollStatusH = 1;
oldScrollStatusH = 1;
scrollDirectionH = 0;
scrollIDH = 0;

var scrollerObjH

function startScrollerH(ind){
	scrollerObjHWidth=eval("prj"+ ind +"BarW")
	if (ns6) scrollerObjH = eval("document.getElementById('divCont"+ ind +"Bar').style");
	else if (ns) scrollerObjH = eval("scrollerObj.document.layers['divCont"+ ind +"'].document.layers['divCont"+ ind +"Bar']");
	else scrollerObjH = eval("document.all['divCont"+ ind +"Bar'].style");
	scrollIDH++;
}

function runScrollerH(tmpscrollIDH){
	if (tmpscrollIDH != scrollIDH) return;
	if(scrollStatusH == 1) {
		if (parseInt(scrollerObjH.left) > -1 * scrollerObjHWidth) scrollerObjH.left = (parseInt(scrollerObjH.left) - scrollerStep) + sufix;
		setTimeout("runScroller("+ tmpscrollIDH +")",scrollerSpeed);
	} else {
		if(scrollDirectionH > 0) {
			if(scrollDirectionH == 2) {
				if (parseInt(scrollerObjH.left) + scrollerObjHWidth - scrollerHWidth > 0) scrollerObjH.left = (parseInt(scrollerObjH.left) - scrollerStep*8) + sufix;			
			} else {
				if (parseInt(scrollerObjH.left) <  0) scrollerObjH.left = (parseInt(scrollerObjH.left) + scrollerStep*8) + sufix;
			}	 
			setTimeout("runScrollerH("+ tmpscrollIDH +")",parseInt(scrollerSpeed/2));
		}	
	}
}

function scrollManualH(tmp_scrollDirection) {
	oldScrollStatusH = scrollStatusH;
	scrollStatusH = 0;
	scrollDirectionH = tmp_scrollDirection;
	scrollIDH++; 
	runScrollerH(scrollIDH);
}

function stopScrollManualH() {
	scrollDirectionH = 0;
	scrollStatusH = oldScrollStatusH;
	scrollIDH++; 
}

function checkScrollH(){
	if (scrollDirectionH != 0) stopScrollManualH();
}
// END: HORIZONTAL SCROLL FUNCTIONS

//-->