/* jQuery */

var $j = jQuery.noConflict();



$j(document).ready(function() {

	$j('#rainer').width(330);
	$j('#rainer').height(150);	
	$j('#rainer').html("<h1 style='line-height: 105%; margin-top: -2px;'>RAINER ROMBACH</h1><ul><li>Sofwareentwicklung Neue Medien</li><li>Fotografien</li></ul>");
	
	setKnowhow()
	setProjekte()
	setFotos()
	setKontakte() 	
	

	function setRainer() {
		$j('#rainer').animate({ 'width': 150, 'height': 150 });
		$j('#rainer').html("<h1 style='line-height: 105%; margin-top: -2px;'>RAINER ROMBACH</h1>");
	}
	
	function setKnowhow() {
		$j('#knowhow').animate({ 'width': 150, 'height': 150 });
		$j('#knowhow').html("<h2>Know How</h2>");	
	}
	
	function setProjekte() {
		$j('#projekte').animate({ 'width': 150, 'height': 150 });
		$j('#projekte').html("<h2>Projekte</h2>");		
	}
	
	function setFotos() {
		$j('#fotos').animate({ 'width': 150, 'height': 150 });
		$j('#fotos').html("<h2>Fotografien</h2>");		
	}	

	function setKontakte() {
		$j('#kontakt').animate({ 'width': 150, 'height': 150 });
		$j('#kontakt').html("<h2>Kontakt</h2>");	
	}	
	
	

	$j('#rainer').click(function() {
		$j('#rainer').animate(
			{ 'width': 330, 'height': 150 },
			400,
			function() { $j(this).html("<h1>RAINER ROMBACH</h1><ul><li>Sofwareentwicklung Neue Medien</li><li>Fotografien</li></ul>") }
		);

		setKnowhow();
		setProjekte();
		setFotos();
		setKontakte();
	});	

	$j('#knowhow').click(function() {
		setRainer()

		$j('#knowhow').animate(
			{ 'width': 330, 'height': 330 },
			400,
			function() { $j(this).html("<h2>Know How</h2><ul><li>Java, PHP, C++, Assembler</li><li>JSP, JSF, Facelets</li><li>CSS, jQuery</li><li>Typo3, Contao, OpenText WCM</li><li>Director/Flash</li><li>Android</li><li>MySQL/MSSQL/Oracle</li><li>Eclipse</li><li>Studium Elektrotechnik</li></ul>") }
		);
		
		setProjekte();
		setFotos();
		setKontakte();	
	
	});	
	

	$j('#projekte').click(function() {
		setRainer()
		setKnowhow();			
	
		$j('#projekte').animate(
			{ 'width': 330, 'height': 510 },
			400,
			function() { $j(this).html("<h2>Projekte</h2><ul><li>ONLINE: Roche Corporate Website, Swisscom Extranet, Gemeinde St.&nbsp;Peter, Bayervital, Bayer Medical Vipnet, Fotomuseum Winterthur, Gasthaus B&uuml;rgerst&uuml;ble, Roche Umfrage, Webcam Basel, Plantago Gartenbau, Netzticker, Bolliner Bau</li><li>OFFLINE: V&ouml;gel der Region Basel, Roche Faszination Gesundheit, Synthes Katalog, Pro Natura Siedlungsentwicklung, Euro Airport Messepr&auml;sentation, Genedata Expressionist Pro, Davidoff 100 Jahre, Sick Pr&auml;sentationsmanager, Levosimendan Pr&auml;sentation</li></ul>") }
		);	

		setFotos();
		setKontakte();	
	
	});	

	$j('#fotos').click(function() {
		
		setRainer()
		setKnowhow();
		setProjekte();

		$j('#fotos').animate(
			{ 'width': 330, 'height': 150 },
			400,
			function() { $j(this).html("<h2>Fotografien</h2><ul><li><a href='http://www.rainerrombach.de/fotografien'>Schwarzwald, Elsa&szlig; und Nordwestschweiz ...</a></li></ul>") }
		);
		
		setKontakte();		
		
	});	




	$j('#kontakt').click(function() {
		
		setRainer()
		setKnowhow();
		setProjekte();
		setFotos();
	
		$j('#kontakt').animate(
			{ 'width': 330, 'height': 330 },
			400,
			function() { $j(this).html("<h2>Kontakt</h2><p>Rainer Rombach<br/>Markgrafenstr. 93<br/>D-79115 Freiburg<br/><br/>Tel.: 0173 66 59 670<br/><a href='mailto:rainerrombach@gmx.net'>rainerrombach@gmx.net</a><br/><br/>Firma Schweiz: <a href='http://www.zweihochdrei.ch'>www.zweihochdrei.ch</a></p>") }
		);
	
			
	});
	

	




});