$(window).load(function() {
	arrangeElements();
	$('#preload_status').css('display', 'none');
	$('#tv_tisch').css('visibility', 'visible');
	$('#tv').css('visibility', 'visible');
	$('#tv_border').css('visibility', 'visible');
	$('#tv_bg').css('visibility', 'visible');
	$('#nav_oben').css('visibility', 'visible');
	$('#nav_unten').css('visibility', 'visible');
	$('#content_wrapper').css('visibility', 'visible');
});
$(window).resize(function() {
	arrangeElements();
});
	
function info(txt) {
	$('#tv_bg > img').attr('src', 'img/tv-bg-light.jpg');
	$('#content').html(txt);
}

function load(site, params) {
	var options = { 'ajax_action':'get_site', 'site':site };
	jQuery.extend(params, options);
	
	$.post('index.php', params, function(ret) {
				info(ret);
			});
}

function switch_menu(mnu) {
	$('#myspace > img').attr('src', 'img/menu_off_myspace.png');
	$('#album > img').attr('src', 'img/menu_off_album.png');
	$('#kontakt > img').attr('src', 'img/menu_off_kontakt.png');
	$('#video > img').attr('src', 'img/menu_off_video.png');
	$('#infos > img').attr('src', 'img/menu_off_infos.png');

	$('#' + mnu.id + ' > img').attr('src', 'img/menu_on_' + mnu.id + '.png');
}

function arrangeElements() {
	$('#content_wrapper').width(
		$('#tv_border > img').width());
	//nav
	var nav_img_width = $('#tv > img').width() / 9;
	$('#nav_oben > a > img').width(nav_img_width);
	$('#nav_unten > a > img').width(nav_img_width);
	var nav_left = ($('#tv > img').width() - $('#nav_oben > a > img').width()) + 'px';
	$('#nav_oben').css('left', nav_left);
	$('#nav_unten').css('left', nav_left);
}

function checkDate(year, month, day, trigger) {
	//auslesen
	var date = new Date(
		parseInt(document.getElementsByName(year)[0].options[0].value) + document.getElementsByName(year)[0].selectedIndex,
		document.getElementsByName(month)[0].selectedIndex,
		document.getElementsByName(day)[0].selectedIndex+1);
	//korrigieren
	document.getElementsByName(year)[0].selectedIndex = date.getFullYear() - parseInt(document.getElementsByName(year)[0].options[0].value);
	document.getElementsByName(month)[0].selectedIndex = date.getMonth();
	document.getElementsByName(day)[0].selectedIndex = date.getDate() - 1;
	
	if(trigger) google.maps.event.trigger(map, 'bounds_changed');
}

function loadDatePicker(year, month, day, trigger) {
	var r = ''; var i; var n,m;
	var d = new Date();
	
	r+= "<select onchange='checkDate(\""+year+"\", \""+month+"\", \""+day+"\", "+trigger+")' name='"+day+"' size='1'>";
		 for(i=1; i<=31; i++) { //Tag
			m = "0"+i; n = m.slice(m.length-2);
			r+= "<option value='"+n+"' ";
			r+= ">"+n+"</option>";
		 }
	r+= "</select>.";
	r+= "<select onchange='checkDate(\""+year+"\", \""+month+"\", \""+day+"\", "+trigger+")' name='"+month+"' size='1'>";
		 for(i=1; i<=12; i++) { //Tag
			m = "0"+i; n = m.slice(m.length-2);
			r+= "<option value='"+n+"' ";
			r+= ">"+n+"</option>";
		 }
	r+= "</select>.";
	r+= "<select onchange='checkDate(\""+year+"\", \""+month+"\", \""+day+"\", "+trigger+")' name='"+year+"' size='1'>";
		 for(i=d.getFullYear(); i<=d.getFullYear()+5; i++) { //Tag
			r+= "<option value='"+i+"' ";
			r+= ">"+i+"</option>";
		 }
	r+= "</select>.";
	return r;
}

function loadTimePicker(hour, min) {
	var r = ''; var i; var n,m;
			
	r+= "<select name='"+hour+"' size='1'>";
		 for(i=0; i<24; i++) { //Tag
			m = "0"+i; n = m.slice(m.length-2);
			r+= "<option value='"+n+"' ";
			r+= ">"+n+"</option>";
		 }
	r+= "</select>.";
	r+= "<select name='"+min+"' size='1'>";
		 for(i=0; i<60; i+=10) { //Tag
			m = "0"+i; n = m.slice(m.length-2);
			r+= "<option value='"+n+"' ";
			r+= ">"+n+"</option>";
		 }
	r+= "</select>.";
	return r;
}