// utvecklingsidan
var antRader=5
var x,y, skyttelCont, sublayerCont, subSubLayerCont;
var vald = ''
var valdOld = ''
var rubrik,sRubrik,ssRubrik,maxRubrik,maxSubRubrik,rubrikBredd,sRubrikBredd 

function init(){
		
	skyttel = new layerObj("skyttelDiv")
	skyttel2 = new layerObj("skyttel2Div")
	headlayer = new layerObj("headlayerDiv")
	sublayer = new layerObj("sublayerDiv")
	
	sublayer0 = new layerObj("sublayer0Div")
	sublayer1 = new layerObj("sublayer1Div")
	sublayer2 = new layerObj("sublayer2Div")
	sublayer3 = new layerObj("sublayer3Div")
	sublayer4 = new layerObj("sublayer4Div")
	sublayer5 = new layerObj("sublayer5Div")

	headlayerCont = layerCont(1)
	headlayer.cont.innerHTML = headlayerCont;
	headlayer.moveTo(-120,15);
}


function layerObj(id) {

	this.cont = document.all[id] 
	this.css = document.all[id].style
	this.x = this.css.pixelLeft
	this.y = this.css.pixelTop

	this.moveBy = layerObjMoveBy
	this.moveTo = layerObjMoveTo
	this.hide = layerObjHide
	this.show = layerObjShow

}


function layerObjHide(){
	this.css.visibility = "hidden";
}
function layerObjShow(){
	this.css.visibility = "visible";
}


function layerObjMoveBy(x,y) {
	this.x += x
	this.css.left = this.x
	this.y += y
	this.css.top = this.y
}

function layerObjMoveTo(x,y) {
//alert("moveTo");
	this.x = x
	this.css.left = this.x
	this.y = y
	this.css.top = this.y
}

//  ------------- SLIDE ------------- START ------------------------- //


function slideTo(endx){
//alert("slideTo");
	if(skyttel.x < endx){
		skyttel.moveBy(10,0)
		setTimeout('slideTo(' + endx + ')',30)
	}else{
		//Öppna länkar i framesettet och...
		openURL()		
		//startSlideUp()
	}
}
/*
function startSlideUp(){

	//alert("i need u so")
	var j = antRader //ns justering
	for(i=0;i<(sRubrik[parseInt(vald.charAt(0))].length);i++){
		j--
		obj = eval('sublayer' + i)
		slideUp(i,(85-(i*15)));
		
	}
}

*/


function slideBack(endx){
//alert("slideBack");
	//alert(sublayer.x);
	if(skyttel2.x > endx){
//alert("skyttel2.x: " + skyttel2.x);
		skyttel2.moveBy(-10,0)
		setTimeout('slideBack(' + endx + ')',30)
	}else{
		// här kan man 1. släcka  skyttel2
		//skyttel2.hide()
	}
}
/*
function slideUp(i,endy){

	obj = eval('sublayer' + i)
	if(obj.y > (endy)){
		obj.moveBy(0,-10)
		setTimeout('slideUp('+ i + ',' + endy + ')',30)
	}else{
		//alert(vald)
		if(vald.length == 1){
			 obj.moveTo((165+(rubrikBredd[parseInt(vald.charAt(0))])),endy);
			 // ... skriv ut länkar i headlayerlagert
			 headlayerCont = layerCont(1)
			headlayer.cont.innerHTML = headlayerCont;
		skyttel2.hide()
		}
		if(vald.length == 2){
			obj.moveTo((170+(rubrikBredd[parseInt(vald.charAt(0))])+(maxSubRubrik[parseInt(vald.charAt(0))])),endy);
			// ... skriv ut länkar i headlayerlagert
			subLayerCont = subObjCont(1)
			sublayer.cont.innerHTML = subLayerCont;		
		}
	}
}
*/
//  ------------- SLIDE ------------------ SLUT ------------------------ //

function hideSubLayers(){
	for(i=0;i<antRader;i++){
		obj=eval('sublayer'+i);
		obj.hide();
		
	}
	sublayer.hide();
}

function openURL(){
	
		//alert("here i'm")
		//parent.mindMain.location.href = rLink[parseInt(vald.charAt(0))];
		document.getElementById('frMain').src = rLink[parseInt(vald.charAt(0))];
		
}

// -----------------------------------------------------------------------------------------
// --------------------------------- MOVE SKYTTEL ------------------------------------------
// -----------------------------------------------------------------------------------------

function moveSkyttel(){
	//hideSubLayers();
	if(valdOld != ''){
		skyttel2.hide();
		y = (parseInt(valdOld.charAt(0))*15) + 10;
		x = (35+(rubrikBredd[parseInt(vald.charAt(0))]));
//alert("x: " + x);
		
		skyttel2.moveTo(x,y);
		
		
		
		
		//skyttel2.moveTo(x,y);
		skyttelCont = '<table width="' + maxRubrik + '" border="0" cellpadding="0" cellspacing="0"><tr><td align="right"><a href="javascript:void(null)" onMouseDown="" onFocus="this.blur()"; class="headOn"; return false;>' + rubrik[parseInt(valdOld.charAt(0))] + '</a></td></tr></table>';

		// Skriv ut vald rubrik i slideBack-lagret
		skyttel2.cont.innerHTML = skyttelCont;
		
	}
	
	var x = 70 - maxRubrik
	var y = (parseInt(vald.charAt(0))*15) + 15
	skyttel.moveTo(x,y);
	

	skyttelCont = '<table width="' + maxRubrik + '" border="0" cellpadding="0" cellspacing="0"><tr><td align="right"><a href="javascript:void(null)" onMouseDown="hideSubLayers(); vald=vald.charAt(0); openURL(); subLayersCont(); startSlideUp();" onFocus=" this.blur()"; class="headOn"; return false;>' + rubrik[parseInt(vald.charAt(0))] + '</a></td></tr></table>';

	// Skriv ut vald rubrik i skyttlelagret
	skyttel.cont.innerHTML = skyttelCont;
	
		
	// Skriv ut disabled länkar i headlayerlagert
	headlayer.cont.innerHTML = headlayerCont;

	//alert(rubrikBredd[parseInt(vald.charAt(0))]) ;
//	slideTo(45 + (rubrikBredd[parseInt(vald.charAt(0))]));
	slideTo(65 + (rubrikBredd[parseInt(vald.charAt(0))]));
	if(valdOld != '')slideBack(140 - maxRubrik);
	//subLayersCont();
}
// -----------------------------------------------------------------------------------------
// ------------------------       MOVE SKYTTEL SLUT          -------------------------------
// -----------------------------------------------------------------------------------------

function layerCont(active){
	var headlayerCont = '<table width="200" border="0" cellpadding="0" cellspacing="0"><tr><td align="right">';
	var newPart = '';
	
	for(i=0;i<antRader;i++){
		
		if(rubrik[i]==null){
		}else{
			if (rubrik[parseInt(vald.charAt(0))]== rubrik[i] || (rubrik[parseInt(valdOld.charAt(0))]== rubrik[i]) && !active){
				newPart = '<a>&nbsp;</a><br>';
			}else{
				if(active){
					newPart = '<a href="javascript:void(null)" onMouseDown="if(parseInt(vald.charAt(0)) != ' + i + '){valdOld = vald; vald= \'' + i + '\'; moveSkyttel(); }"; onFocus="this.blur()"; class="head"; return false;>' + rubrik[i] + '</a>'
					
				}else{
					newPart = '<a href="javascript:void(null)" onMouseDown="" onFocus="this.blur()"; class="head"; return false;>' + rubrik[i] + '</a>'
				}
				newPart = newPart.concat('<br>');
			}
					
		} 
	headlayerCont = headlayerCont.concat(newPart);
	}
	newPart= '</td></tr></table>';
	headlayerCont = headlayerCont.concat(newPart);
	return headlayerCont;
}
/*
function subLayersCont(){

	var j=(sRubrik[parseInt(vald.charAt(0))].length);
	for(i=0;i<(sRubrik[parseInt(vald.charAt(0))].length);i++){
		j--
		obj = eval('sublayer' + i)
		if(sRubrik[parseInt(vald.charAt(0))][j] == null){
		}else{
			sublayerCont = '<table width="' + maxSubRubrik[parseInt(vald.charAt(0))]+ '" border="0" cellpadding="0" cellspacing="0"><tr><td align="left"><a href="javascript:void(null)" onMouseDown="valdOld = vald; vald= \'' + vald + j.toString() + '\'; openURL(); actSubSubLayer();";  class="sub"; onFocus="this.blur()"; return false;>' + sRubrik[parseInt(vald.charAt(0))][j] + '</a></td></tr></table>';
			obj.cont.innerHTML = sublayerCont;
		obj.moveTo((165 +(rubrikBredd[parseInt(vald.charAt(0))])),150)
		obj.show()
		}
	}
}

function actSubSubLayer(){

	//Flytta och... Tänd sublayer
	sublayer.show()
	x = 45 + maxRubrik + rubrikBredd[parseInt(vald.charAt(0))]
//	x = 56 + maxRubrik + rubrikBredd[parseInt(vald.charAt(0))]
	y = 100 - ((sRubrik[parseInt(vald.charAt(0))].length)*15)
	
	sublayer.moveTo(x,y)

	//1. Skriv till sublayer
	subLayerCont = subObjCont(0)
	sublayer.cont.innerHTML = subLayerCont;
	

	for(i=0;i<antRader;i++){
//alert("loop: " + i);
		obj = eval('sublayer' + i)
		obj.css.visibility = "hidden" 
	}
//alert("3");
	//om det inte finns subsubrubriker ska nedan inte köras...
	//skriv ut länkar till sublayer-lagret
	if((ssRubrik[parseInt(vald.charAt(0))][parseInt(vald.charAt(1))].length)< 1){
		subLayerCont = subObjCont(1)
		sublayer.cont.innerHTML = subLayerCont;
		
	}else{
		//3. Släck sublayer0-5 och... 4. Skriv till sublayer0-5 och Flytta 5. Slidea upp

		x = (170+(rubrikBredd[parseInt(vald.charAt(0))])+(maxSubRubrik[parseInt(vald.charAt(0))]));
		y = 150;
		
		j = (ssRubrik[parseInt(vald.charAt(0))][parseInt(vald.charAt(1))].length) //ns justering
		//alert("hej")
		for(i=0;i<(ssRubrik[parseInt(vald.charAt(0))][parseInt(vald.charAt(1))].length);i++){	
			j--
			obj = eval('sublayer' + i)
			subSubLayerCont = '<table width="300" border="0" cellpadding="0" cellspacing="0"><tr><td align="left"><a href="javascript:void(null)" onMouseDown="valdOld = vald; vald= \'' + vald + j.toString() + '\'; openURL(); subSubObjCont();";  class="sub"; onFocus="this.blur()"; return false;>' + ssRubrik[parseInt(vald.charAt(0))][parseInt(vald.charAt(1))][j] + '</a></td></tr></table>';
			
			obj.cont.innerHTML =  subSubLayerCont;
			
			obj.moveTo(x,y);
			obj.show()
			
			slideUp(i,(86-(i*15)));
		}
	}
}

function subObjCont(active){
	
	var layerCont = '<table width="200" border="0" cellpadding="0" cellspacing="0"><tr><td align="left">';
	
	var newPart = '';

	var j=(sRubrik[parseInt(vald.charAt(0))].length);

	for(i=0;i<(sRubrik[parseInt(vald.charAt(0))].length);i++){
		j--


		if(sRubrik[parseInt(vald.charAt(0))][i]==null){
			alert("inget");
		}else{

			if (sRubrik[parseInt(vald.charAt(0))][parseInt(vald.charAt(1))] == sRubrik[parseInt(vald.charAt(0))][i]){
				if(active) newPart = '<a href="javascript:void(null)" onMouseDown="valdOld = vald; vald= \'' + vald.charAt(0) + i.toString() + '\'; openURL(); actSubSubLayer();"; onFocus="this.blur()"; class="subOn"; return false;>' + sRubrik[parseInt(vald.charAt(0))][i] + '</a>'
				else newPart = '<a href="javascript:void(null)" onMouseDown="" onFocus="this.blur()"; class="subOn"; return false;>' + sRubrik[parseInt(vald.charAt(0))][i] + '</a>'
			}else{
				if(active) newPart = '<a href="javascript:void(null)" onMouseDown="valdOld = vald; vald= \'' + vald.charAt(0) + i.toString() + '\'; openURL(); actSubSubLayer();"; onFocus="this.blur()"; class="sub"; return false;>' + sRubrik[parseInt(vald.charAt(0))][i] + '</a>'
				else newPart = '<a href="javascript:void(null)" onMouseDown="" class="sub"; onFocus="this.blur()"; return false;>' + sRubrik[parseInt(vald.charAt(0))][i] + '</a>'
				
			}
//alert(newPart);
			newPart = newPart.concat('<br>');	
		} 
	layerCont = layerCont.concat(newPart);
	//alert(layerCont)
	}
	newPart= '</td></tr></table>';
	layerCont = layerCont.concat(newPart);
	return layerCont;
}

function subSubObjCont(){

	//alert('vald: ' +vald);
	//alert('valdOld: ' +valdOld);
	valdText = vald.substring(0,2);
	//alert('valdText: ' +valdText);
	
	j = ((ssRubrik[parseInt(vald.charAt(0))][parseInt(vald.charAt(1))].length) - parseInt(vald.charAt(2)) - 1);
	
	if(valdOld.length==3){
		//alert("Hej")
		k = ((ssRubrik[parseInt(valdOld.charAt(0))][parseInt(valdOld.charAt(1))].length) - parseInt(valdOld.charAt(2)) - 1);
	
		obj = eval('sublayer' + k);

		subSubLayerCont = '<table width="300" border="0" cellpadding="0" cellspacing="0"><tr><td align="left"><a href="javascript:void(null)" onMouseDown="valdOld = vald; vald= \'' + valdText + valdOld.charAt(2) + '\'; openURL(); subSubObjCont();";  class="sub"; onFocus="this.blur()"; return false;>' + ssRubrik[parseInt(valdOld.charAt(0))][parseInt(valdOld.charAt(1))][parseInt(valdOld.charAt(2))] + '</a></td></tr></table>';
		obj.cont.innerHTML =  subSubLayerCont;
	}


	obj = eval('sublayer' + j);

	subSubLayerCont = '<table width="300" border="0" cellpadding="0" cellspacing="0"><tr><td align="left"><a href="javascript:void(null)" onMouseDown="valdOld = vald; vald= \'' + valdText + vald.charAt(2) + '\'; openURL(); subSubObjCont();";  class="subOn"; onFocus="this.blur()"; return false;>' + ssRubrik[parseInt(vald.charAt(0))][parseInt(vald.charAt(1))][parseInt(vald.charAt(2))] + '</a></td></tr></table>';
			//alert(subSubLayerCont);
	obj.cont.innerHTML =  subSubLayerCont;
}
*/