/**
 * @author joachim.kliemann, bernd splettstoesser
 */
jQuery.noConflict();
jQuery(document).ready(function() {

	/**
	 * Animation der kleinen Layer
	 */

	// klick auf kleines Agentur Bild	
	jQuery("#part-ag").bind("click",
		function() {
			jQuery("#part-ag").animate({ opacity: 'hide' }, "slow");
			jQuery("#part-it").animate({ opacity: 'hide' }, "slow");
			jQuery("#part-cm").animate({ opacity: 'hide' }, "slow");
			jQuery("#comp-ag").animate({ opacity: 'show' }, "slow");
		}
	);

	// klick auf kleines Informationstechnologie Bild
	jQuery("#part-it").bind("click",
		function() {
			jQuery("#part-ag").animate({ opacity: 'hide' }, "slow");
			jQuery("#part-it").animate({ opacity: 'hide' }, "slow");
			jQuery("#part-cm").animate({ opacity: 'hide' }, "slow");
			jQuery("#comp-it").animate({ opacity: 'show' }, "slow");
		}
	);

	// klick auf kleines Content Management Bild
	jQuery("#part-cm").bind("click",
		function() {
			jQuery("#part-ag").animate({ opacity: 'hide' }, "slow");
			jQuery("#part-it").animate({ opacity: 'hide' }, "slow");
			jQuery("#part-cm").animate({ opacity: 'hide' }, "slow");
			jQuery("#comp-cm").animate({ opacity: 'show' }, "slow");
		}
	);


	/**
	 * Animation der grossen Layer
	 */

	// klick auf grosses Agentur Bild	
	jQuery("#comp-ag-backlink").bind("click",
		function() {
			jQuery("#comp-ag").animate({ opacity: 'hide' }, "slow");
			jQuery("#part-ag").animate({ opacity: 'show' }, "slow");
			jQuery("#part-it").animate({ opacity: 'show' }, "slow");
			jQuery("#part-cm").animate({ opacity: 'show' }, "slow");
		}
	);

	// klick auf grosses Informationstechnologie Bild
	jQuery("#comp-it-backlink").bind("click",
		function() {
			jQuery("#comp-it").animate({ opacity: 'hide' }, "slow");
			jQuery("#part-ag").animate({ opacity: 'show' }, "slow");
			jQuery("#part-it").animate({ opacity: 'show' }, "slow");
			jQuery("#part-cm").animate({ opacity: 'show' }, "slow");
		}
	);

	// klick auf grosses Content Management Bild
	jQuery("#comp-cm-backlink").bind("click",
		function() {
			jQuery("#comp-cm").animate({ opacity: 'hide' }, "slow");
			jQuery("#part-ag").animate({ opacity: 'show' }, "slow");
			jQuery("#part-it").animate({ opacity: 'show' }, "slow");
			jQuery("#part-cm").animate({ opacity: 'show' }, "slow");
		}
	);

});