var pagingClassname = 'page';
var handleClassname = 'handle';

var animStepWidth = 50;

var leftShift = 0;
var rightShift = 0;

// -----------------------------------------------------------------------------

var pagingElements = new Array();
var pagingHandles = new Array();

var handleWidth;
var pageWidth;

var currentDisplay = -1;

var currentFirstPageID = 7;

menuImages = new Array();

menuImages[1] = new Array();
menuImages[1]['off'] = new Image();
menuImages[1]['off'].src = 'pic/site/menu_first01_off.jpg';
menuImages[1]['on'] = new Image();
menuImages[1]['on'].src = 'pic/site/menu_first01_on.jpg';
menuImages[1]['over'] = new Image();
menuImages[1]['over'].src = 'pic/site/menu_first01_over.jpg';

menuImages[2] = new Array();
menuImages[2]['off'] = new Image();
menuImages[2]['off'].src = 'pic/site/menu_haute_off.jpg';
menuImages[2]['on'] = new Image();
menuImages[2]['on'].src = 'pic/site/menu_haute_on.jpg';
menuImages[2]['over'] = new Image();
menuImages[2]['over'].src = 'pic/site/menu_haute_over.jpg';

menuImages[3] = new Array();
menuImages[3]['off'] = new Image();
menuImages[3]['off'].src = 'pic/site/menu_homedecor_off.jpg';
menuImages[3]['on'] = new Image();
menuImages[3]['on'].src = 'pic/site/menu_homedecor_on.jpg';
menuImages[3]['over'] = new Image();
menuImages[3]['over'].src = 'pic/site/menu_homedecor_over.jpg';

menuImages[4] = new Array();
menuImages[4]['off'] = new Image();
menuImages[4]['off'].src = 'pic/site/menu_styling_off.jpg';
menuImages[4]['on'] = new Image();
menuImages[4]['on'].src = 'pic/site/menu_styling_on.jpg';
menuImages[4]['over'] = new Image();
menuImages[4]['over'].src = 'pic/site/menu_styling_over.jpg';

menuImages[5] = new Array();
menuImages[5]['off'] = new Image();
menuImages[5]['off'].src = 'pic/site/menu_business_off.jpg';
menuImages[5]['on'] = new Image();
menuImages[5]['on'].src = 'pic/site/menu_business_on.jpg';
menuImages[5]['over'] = new Image();
menuImages[5]['over'].src = 'pic/site/menu_business_over.jpg';

menuImages[6] = new Array();
menuImages[6]['off'] = new Image();
menuImages[6]['off'].src = 'pic/site/menu_first02_off.jpg';
menuImages[6]['on'] = new Image();
menuImages[6]['on'].src = 'pic/site/menu_first02_on.jpg';
menuImages[6]['over'] = new Image();
menuImages[6]['over'].src = 'pic/site/menu_first02_over.jpg';

menuImages[7] = new Array();
menuImages[7]['off'] = new Image();
menuImages[7]['off'].src = 'pic/site/menu_first03_off.jpg';
menuImages[7]['on'] = new Image();
menuImages[7]['on'].src = 'pic/site/menu_first03_on.jpg';
menuImages[7]['over'] = new Image();
menuImages[7]['over'].src = 'pic/site/menu_first03_over.jpg';

menuImages[8] = new Array();
menuImages[8]['off'] = new Image();
menuImages[8]['off'].src = 'pic/site/menu_first04_off.jpg';
menuImages[8]['on'] = new Image();
menuImages[8]['on'].src = 'pic/site/menu_first04_on.jpg';
menuImages[8]['over'] = new Image();
menuImages[8]['over'].src = 'pic/site/menu_first04_over.jpg';

menuImages[9] = new Array();
menuImages[9]['off'] = new Image();
menuImages[9]['off'].src = 'pic/site/menu_first05_off.jpg';
menuImages[9]['on'] = new Image();
menuImages[9]['on'].src = 'pic/site/menu_first05_on.jpg';
menuImages[9]['over'] = new Image();
menuImages[9]['over'].src = 'pic/site/menu_first05_over.jpg';

menuImages[10] = new Array();
menuImages[10]['off'] = new Image();
menuImages[10]['off'].src = 'pic/site/menu_first06_off.jpg';
menuImages[10]['on'] = new Image();
menuImages[10]['on'].src = 'pic/site/menu_first06_on.jpg';
menuImages[10]['over'] = new Image();
menuImages[10]['over'].src = 'pic/site/menu_first06_over.jpg';

menuImages[11] = new Array();
menuImages[11]['off'] = new Image();
menuImages[11]['off'].src = 'pic/site/menu_first00_off.jpg';
menuImages[11]['on'] = new Image();
menuImages[11]['on'].src = 'pic/site/menu_first00_on.jpg';
menuImages[11]['over'] = new Image();
menuImages[11]['over'].src = 'pic/site/menu_first00_over.jpg';

firstpageImageIDs = new Array(6,7,1,8,9,10,11);

//
// A lapozgatos divek kigyujtese az oldalbol, az oldal betoltese utan
//
function createPager(){

	var allElements = document.getElementsByTagName("div");
	for ( var i=0; i<allElements.length; i++ ){
		if ( allElements[i].className.indexOf(" ") >= 0 ){
			var classes = allElements[i].className.split(" ");
			for ( var j=0; j<classes.length; j++ ){
				if ( classes[j] == pagingClassname ){
					pagingElements.push(allElements[i]);
					pageWidth = allElements[i].offsetWidth;
				}
			}
		} else if ( allElements[i].className==pagingClassname ){
			pagingElements.push(allElements[i]);
			pageWidth = allElements[i].offsetWidth;
		}
		if ( allElements[i].className==handleClassname ){
			pagingHandles.push(allElements[i]);
			handleWidth = allElements[i].offsetWidth;
		}
	}

	for ( i=0; i<pagingElements.length; i++ ){
		pagingElements[i].style.left = (leftShift + i*handleWidth) + 'px';
		pagingElements[i].left = leftShift + i*handleWidth;
		attachEventListener( pagingHandles[i], 'click', openPage );
	}

	outerOpenPage('firstPanel');
	window.setTimeout("showAllPages();",800);
	// window.setTimeout("$('#kep2').fadeOut(800)",3000);

}

//
// A betoltes utan megvarjuk az elso csuszast, es utana mutatjuk meg a lapokat.
//
function showAllPages(){
	for ( i=0; i<pagingElements.length; i++ ){
		pagingElements[i].style.visibility = 'visible';
	}
}

//
// Esemenykezelo hozzavetele megadott objektumhoz.
//
function attachEventListener( tObject, tEvent, tFunction ){
	if ( window.addEventListener ){
		tObject.addEventListener( tEvent, tFunction, false);
	} else {
		tObject.attachEvent('on' + tEvent, tFunction );
	}
}

//
// A fulre kattintas utan ez az esemenykezelo indul el. Kivalasztja az erintett
// objektumot, majd elinditja a nyitast, vagy csukast.
//
function openPage(e){

	var targ;

	if (e.target) { targ = e.target; }
	else if (e.srcElement) { targ = e.srcElement; }

	// Safari
	if (targ.nodeType == 3) { targ = targ.parentNode; }

	var currentPage = targ.parentNode.id;

	if ( !currentPage ) { currentPage = targ.parentNode.parentNode.id; }

	var voltmar = false;

	for ( var i=0; i<pagingElements.length; i++ ){
		if ( voltmar && !pagingElements[i].right ){
			startSlide(i,'right');
		}
		if ( !voltmar && pagingElements[i].right ){
			startSlide(i,'left');
		}
		if ( currentPage == pagingElements[i].id ){
			voltmar = true;
		}
	}

	if ( currentPage == "firstPanel" ){
		if ( currentFirstPageID == 1 ){ openSubPage("first_1","biografia_",-1); }
		if ( currentFirstPageID == 2 ){ openSubPage("first_2","oktatas_",-1); }
		if ( currentFirstPageID == 4 ){ openSubPage("first_4","esemeny_",-1); }
	} 
	if ( currentPage == "page2" ){ openSubPage("haute","haute_",-1); } 
	if ( currentPage == "page3" ){ openSubPage("homedec","homedec_",-1); } 
	if ( currentPage == "page4" ){ openSubPage("styling","styling_",-1); } 
	if ( currentPage == "page5" ){ openSubPage("business","business_",-1); } 

	currentDisplay = currentPage;

}

//
// Kulso ablaknyitashoz ezt a fuggvenyt kell meghivni; id alapjan nyit
//
function outerOpenPage( currentPage ){

	var voltmar = false;

	for ( var i=0; i<pagingElements.length; i++ ){
		if ( voltmar && !pagingElements[i].right ){
			startSlide(i,'right');
		}
		if ( !voltmar && pagingElements[i].right ){
			startSlide(i,'left');
		}
		if ( currentPage == pagingElements[i].id ){
			voltmar = true;
		}
	}

	currentDisplay = currentPage;

}

// ketparameteru lapozofuggveny
function outerOpenPage( currentPage, ssz ){

	var voltmar = false;

	for ( var i=0; i<pagingElements.length; i++ ){
		if ( voltmar && !pagingElements[i].right ){
			startSlide(i,'right');
		}
		if ( !voltmar && pagingElements[i].right ){
			startSlide(i,'left');
		}
		if ( currentPage == pagingElements[i].id ){
			voltmar = true;
		}
	}

	// rejtsuk el a bal lapok tartalmat
	for ( var akt=0; akt<6; akt++ ){
		document.getElementById( 'first_' + akt ).style.display = 'none';
	}

	var prefixes = new Array('oktatas_','biografia_','galeria_','galeria1_','galeria2_','galeria3_','esemeny_');

	for ( var i=0; i<prefixes.length; i++ ){
		for ( var akt=1; akt<9; akt++ ){
			if ( document.getElementById( prefixes[i] + akt ) ){
				document.getElementById( prefixes[i] + akt ).style.display = 'none';
			}
		}
	}

	if ( ssz == undefined ){
		ssz = 0;
	} else {
		currentFirstPageID = ssz;
	}

	// majd kapcsoljuk be a kello lapot
	document.getElementById( 'first_' + ssz ).style.display = 'block';

	changeMenuImg(1,'on');

	currentDisplay = currentPage;

}

//
// A mozgato funkcio
//
function startSlide( currentID, direction ){

	var leftOffset  = leftShift + currentID*handleWidth;
	var rightOffset = rightShift + ( pageWidth - (pagingElements.length-currentID)*handleWidth);

	if ( direction == "left" ){

		if ( pagingElements[currentID].left > leftOffset ){

			pagingElements[currentID].left -= animStepWidth;
			if ( pagingElements[currentID].left < leftOffset ){ pagingElements[currentID].left = leftOffset; }
			pagingElements[currentID].style.left = pagingElements[currentID].left + 'px';
			setTimeout( "startSlide(" + currentID + ",'" + direction + "')", 50);

		} else {
	
			pagingElements[currentID].right = 0;
	
			for ( var i=1; i<=5; i++ ){
				changeMenuImg(i,'off');
			}

		}

	}
	if ( direction == "right" ){

		if ( pagingElements[currentID].left < rightOffset ){
	
			pagingElements[currentID].left += animStepWidth;
			if ( pagingElements[currentID].left > rightOffset ){ pagingElements[currentID].left = rightOffset; }
			pagingElements[currentID].style.left = pagingElements[currentID].left + 'px';
			setTimeout( "startSlide(" + currentID + ",'" + direction + "')", 50);
	
		} else {
	
			pagingElements[currentID].right = 1;

			for ( var i=1; i<=5; i++ ){
				changeMenuImg(i,'off');
			}

		}

	}

}

//
// Changes the image in the pagers handle
//
function changeMenuImg(id,todo){

	var currentID = -1;
	for ( var i=0; i<pagingElements.length; i++ ){
		if ( currentDisplay == pagingElements[i].id ){
			currentID = i;
		}
	}
	if ( id == (currentID+1) ){ todo = 'on'; } 

	var imageID = id;

	if ( id == 1 ){
		imageID = firstpageImageIDs[ currentFirstPageID-1 ];
	}

	if ( menuImages[id][todo] && document.images['menu'+id] ) {
		document.images['menu'+id].src = menuImages[ imageID ][todo].src;
	}

}

//
// Lapozofuggveny az egyes alemenukon beluli lepkedesre
//
function openSubPage( parentID, prefix, childID ){

	var vanMeg = true;
	ssz = 1;

	if ( childID == -1 ){
        $("#" + parentID ).fadeIn(1000);
		// document.getElementById( parentID ).style.display = 'block';
	} else {
        $("#" + parentID ).fadeOut(200);
		// document.getElementById( parentID ).style.display = 'none';
	}

	while ( vanMeg ){
		if ( document.getElementById( prefix + ssz ) && ssz != childID ){
			document.getElementById( prefix + ssz ).style.display = 'none';
		} else {
			vanMeg = false;
		}
		++ssz;
	}

	if ( childID != -1 ){
        $("#" + prefix + childID ).fadeIn(1000);
		// document.getElementById( prefix + childID ).style.display = 'block';
	}

}