var SubMenuWalker = null;
var Scmenu = null;
var lastMenu = './ajax/home.php';
var border = RUZEE.ShadedBorder.create( {
	corner :8,
	shadow :17,
	border :1
});
var ttips = null;
var curpage = 0;
var mPos = [ '10', '150', '300', '440', '590', '720' ];

//google
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

window.addEvent('domready', function() {

	SubMenuWalker = new viewer($('submenubox').getChildren(), {
		mode :'top',
		dorandom :0,
		count :6
	});
	Scmenu = new viewer($('scbox').getChildren(), {
		mode :'left',
		dorandom :0,
		count :4,
		fxOptions : {
			duration :300
		}
	});

	var target = getURLParam('target');
	if (target != "") {
		switch (target.toLowerCase()) {
		case 'home':
			doMenuJs(1, 1);
			$('content').className = 'contenthome';
			break;
		case 'unternehmen':
			doMenuJs(2, 1);
			break;
		case 'kompetenz-design':
			doMenuJs(3, 1);
			break;
		case 'kompetenz-design1':
			doMenuJs(3, 1, 1);
			break;
		case 'kompetenz-design2':
			doMenuJs(3, 1, 2);
			break;
		case 'kompetenz-usability':
			doMenuJs(3, 2);
			break;
		case 'kompetenz-usability1':
			doMenuJs(3, 2, 1);
			break;
		case 'kompetenz-prototyping':
			doMenuJs(3, 3, 1);
			break;
		case 'kompetenz-prototyping1':
			doMenuJs(3, 3, 2);
			break;
		case 'kompetenz-styleguide':
			doMenuJs(3, 4);
			break;
		case 'kompetenz-methoden0':
			doMenuJs(3, 5, 1);
			break;
		case 'kompetenz-methoden1':
			doMenuJs(3, 5, 2);
			break;
		case 'kompetenz-methoden2':
			doMenuJs(3, 5, 3);
			break;
		case 'kompetenz-methoden3':
			doMenuJs(3, 5, 4);
			break;
		case 'kompetenz-methoden4':
			doMenuJs(3, 5, 5);
			break;
		case 'referenzen-kunden':
			doMenuJs(4, 1);
			break;
		case 'referenzen-projekte':
			doMenuJs(4, 2);
			break;
		case 'referenzen-projekte1':
			doMenuJs(4, 2, 1);
			break;
		case 'referenzen-projekte2':
			doMenuJs(4, 2, 2);
			break;
		case 'referenzen-projekte3':
			doMenuJs(4, 2, 3);
			break;
		case 'referenzen-projekte4':
			doMenuJs(4, 2, 3);
			break;
		case 'links':
			doMenuJs(5, 1);
			break;
		case 'links2':
			doMenuJs(5, 1, 1);
			break;
		case 'glossar':
			doMenuJs(5, 2, 0);
			break;
		case 'glossar1':
			doMenuJs(5, 2, 1);
			break;
		case 'glossar2':
			doMenuJs(5, 2, 2);
			break;
		case 'impressum':
			doMenuJs(6, 1);
			break;
		case 'haftung':
			doMenuJs(6, 2);
			break;
		case 'kundenbereich':
			doMenuJs(6, 3);
			break;
		}
	} else {
		$('content').load(lastMenu);
	}

	border.render('tooltip');
	ttips = new Tips($$('.ttip'));

});

function cup_mover(element) {
	if (element.className.length > 1
			&& element.className.substr(element.className.length - 2, 2) != '_d') {
		element.className = element.className.substr(0,
				element.className.length - 1) + 'm';
		element.onmouseout = function() {
			if (element.className.substr(element.className.length - 2, 2) != '_d')
				element.className = element.className.substr(0,
						element.className.length - 1) + 'n';
		}
	}
}

function cup_mover2(element) {
	if (element.className.length > 1
			&& element.className.substr(element.className.length - 2, 2) != '_d') {
		element.className = element.className.substr(0,
				element.className.length - 1) + 'm';
		element.onmouseout = function() {
			if (element.className.substr(element.className.length - 2, 2) != '_d')
				element.className = element.className.substr(0,
						element.className.length - 1) + 'n';
		}
	}
}

function doMenu(menu, subpos, page) {

	var subMenu = null;

	$('content')
			.setProperty(
					'html',
					'<div id="loading"><img src="img/ajax-loader.gif" alt="loading content" /><br/>wird geladen</div>');

	subMenu = doMenuJs(menu, subpos, page);
	// inhalt laden

	if (page > 0)
		lastMenu = './ajax/' + subMenu[(subpos - 1) * 2 + 1] + page + '.php';
	else
		lastMenu = './ajax/' + subMenu[(subpos - 1) * 2 + 1] + '.php';

	$('content').load(lastMenu);
}

function doMenuJs(menu, subpos, page) {
	// loading setzen
	var subMenu = null;

	var newSubMenu = "";

	switch (menu) {
	case 1:
		subMenu = [ 'User Interface Design', 'home' ];
		$('content').className = 'contenthome';
		break;
	case 2:
		subMenu = [ 'Über CUP', 'unternehmen' ];
		break;
	case 3:
		subMenu = [ 'UI-Design', 'kompetenz-design', 'Usability',
				'kompetenz-usability', 'Prototyping', 'kompetenz-prototyping',
				'Styleguide', 'kompetenz-styleguide', 'Projektphasen',
				'kompetenz-methodenframe' ];
		break;
	case 4:
		subMenu = [ 'Kunden', 'referenzen-kunden', 'Projekte',
				'referenzen-projekte' ];
		break;
	case 5:
		subMenu = [ 'Links', 'links', 'Glossar', 'glossar' ];
		break;
	case 6:
		subMenu = [ 'Kontakt', 'impressum', "Haftung", "haftung", "Kundenbereich", "kundenbereich" ];
		break;

	}

	$('sub' + menu).set('html', makeMenu(menu, subMenu, subpos));

	if (menu > 1) {
		$('content').className = 'contentother';
	}

	$('selector').className = 'selector' + menu;
	$('selector').tween('left', mPos[menu - 1]);
	SubMenuWalker.walk(menu - 1);

	switch (menu) {
	case 1:
		$('subcontent').setStyle('display', 'block');
		$('content').setStyle('height', 377);
		break;
	case 2:
		setPage(625);
		$('subcontent').setStyle('display', 'none');
		break;
	case 3:
		if (subpos == 5)
			setPage(836);
		else
			setPage(742); 
		$('subcontent').setStyle('display', 'none');
		break;
	case 4:
		if (subpos == 1)
			setPage(876);
		else
			setPage(742);
		$('subcontent').setStyle('display', 'none');
		break;
	case 5:
		if (subpos == 2)
			setPage(836);
		else
			setPage(742);
		$('subcontent').setStyle('display', 'none');
		break;
	case 6:
		if (subpos == 2)
			setPage(742);
		else
			setPage(625);
		$('subcontent').setStyle('display', 'none');
		break;
	default:
		setPage(742);
		$('subcontent').setStyle('display', 'none');
	}

	return subMenu;
}

function makeMenu(menu, entries, subpos) {
	var i = 0;
	var k = 1;
	var result = "";
	while (i < entries.length) {
		if (menu == 1) {
			result += '<span class="selmenu" style="color:#a1a1a1">' + entries[i] + '</span>';
		} else {
			if (k == subpos ) {
				result += '<span class="selmenu">' + entries[i] + '</span>';
			} else {
				result += '<span class="linkmenu" onclick="doMenu(' + menu + ','
						+ k + ')">' + entries[i] + '</span>';
				
			//result += '<span class="linkmenu"><a  href="http://www.c-u-p.de/index.php?target=' +entries[i+1] + '.php" onclick="doMenu(' + menu + ',' + k + ')">'+ entries[i] + '</a></span>';
			}
		}
		i += 2;
		k++;
	}
	return (result);
}

function setPage(height) {
	// $('content').tween('height', height);
	$('content').setStyle('height', height);
}

function doscmenu(menu) {
	for ( var i = 1; i < 5; i++) {
		if (i == menu) {
			$('scmi' + i).className = "scm" + i;
		} else {
			$('scmi' + i).className = "scmd" + i;
		}
	}
	Scmenu.walk(menu - 1);
}

function doInnerContent(page) {
	// loading setzen
	var subMenu = null;
	$('ic' + (curpage + 1)).className = 'wf' + (curpage + 1)

	$('innercontent')
			.setProperty(
					'html',
					'<div id="loading" style="top:300px"><img src="img/ajax-loader.gif" alt="loading" /><br/>wird geladen</div>')
	$('innercontent').load(
			'./user-interface-design/kompetenz-methoden' + page + '.php');
	$('ic' + (page + 1)).className = 'wf' + (page + 1) + 's'
	$('idseite').setProperty('text', 'Seite ' + (page + 1) + '/5');
	curpage = page;
	if (curpage == 0)
		$('pgprev').className = 'pgprev_d'
	else
		$('pgprev').className = 'pgprev';
	if (curpage == 4)
		$('pgnext').className = 'pgnext_d'
	else
		$('pgnext').className = 'pgnext';
}

function nextpage() {
	if (curpage < 4)
		doInnerContent(curpage + 1);

}
function prevpage() {
	if (curpage > 0)
		doInnerContent(curpage - 1);
}

function initPage(bilder) {
	if (bilder == true) {
		Bilder1 = new viewer($$('#bild1 img)'), {
			mode :'alpha',
			dorandom :1,
			count :4,
			fxOptions : {
				duration :700
			},
			interval :10000
		}).play(true);

		Bilder2 = new viewer($$('#bild2 img)'), {
			mode :'alpha',
			dorandom :1,
			count :4,
			fxOptions : {
				duration :700
			},
			interval :12000
		}).play(true);
	}
	ttips = new Tips($$('.ttip'));
}

function getURLParam(strParamName) {
	var strReturn = "";
	var strHref = window.location.href;

	if (strHref.indexOf("?") > -1) {
		var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
		var aQueryString = strQueryString.split("&");
		for ( var iParam = 0; iParam < aQueryString.length; iParam++) {
			if (aQueryString[iParam].indexOf(strParamName + "=") > -1) {
				var aParam = aQueryString[iParam].split("=");
				strReturn = aParam[1];
				break;
			}
		}
	}
	return strReturn;
}

function pload(iname) {
	var Bild
	Bild = new Image();
	Bild.src = iname;
}