//HOAL 23.01.2009
//Um Konflikte mit anderen JS Librarys zu vermeiden anstatt $(...) -> jQuery(...) verwenden
//Ansonsten Probleme mit Perfect Lightbox
jQuery.noConflict();

jQuery(document).ready(function(){
	jQuery(".start_menu").css("top","250px");
	jQuery("#media").css("z-index","20");
	jQuery("#menu").css("z-index","1");
	jQuery("#lang").css("z-index","1");
	jQuery("#search").css("z-index","1");
	jQuery(".menu25 a").css("z-index","1");
	jQuery(".menu71 a").css("z-index","1");
	jQuery(".menu25 a").css("top","-30px");
	jQuery(".menu71 a").css("top","-30px");
	jQuery("#menu").css("top","125px");
	jQuery("#lang").css("top","125px");
	jQuery("#search").css("top","125px");
	jQuery("#header h1").css("top","47px");
	/*
	jQuery(".start_menu").bind("mouseenter",function() {
		jQuery(this).find(".csc-textpic-text").animate ({top: "20px"}, 500);
	}).bind("mouseleave", function() {
		jQuery(this).find(".csc-textpic-text").animate({top: "200px"}, 500);
	});
	*/
	jQuery("#fashion .csc-textpic-imagewrap").mouseenter(function() {
		jQuery("#fashion .csc-textpic-text").animate ({top: "20px"}, 500);
	});
	jQuery("#fashion").mouseleave(function() {
		jQuery("#fashion .csc-textpic-text").animate({top: "250px"}, 500);
	});
	
	jQuery("#comfort .csc-textpic-imagewrap").mouseenter(function() {
		jQuery("#comfort .csc-textpic-text").animate ({top: "21px"}, 500);
	});
	jQuery("#comfort").mouseleave(function() {
		jQuery("#comfort .csc-textpic-text").animate({top: "250px"}, 500);
	});
	
	jQuery("#jollys .csc-textpic-imagewrap").mouseenter(function() {
		jQuery("#jollys .csc-textpic-text").animate ({top: "20px"}, 500);
	});
	jQuery("#jollys").mouseleave(function() {
		jQuery("#jollys .csc-textpic-text").animate({top: "250px"}, 500);
	});
	
	jQuery("#kids .csc-textpic-imagewrap").mouseenter(function() {
		jQuery("#kids .csc-textpic-text").animate ({top: "20px"}, 500);
	});
	jQuery("#kids").mouseleave(function() {
		jQuery("#kids .csc-textpic-text").animate({top: "250px"}, 500);
	});
	
	jQuery("#bags .csc-textpic-imagewrap").mouseenter(function() {
		jQuery("#bags .csc-textpic-text").animate ({top: "20px"}, 500);
	});
	jQuery("#bags").mouseleave(function() {
		jQuery("#bags .csc-textpic-text").animate({top: "250px"}, 500);
	});
	
	jQuery("#rollingsoft .csc-textpic-imagewrap").mouseenter(function() {
		jQuery("#rollingsoft .csc-textpic-text").animate ({top: "20px"}, 500);
	});
	jQuery("#rollingsoft").mouseleave(function() {
		jQuery("#rollingsoft .csc-textpic-text").animate({top: "250px"}, 500);
	});
	
	jQuery("#rollingsoft .csc-textpic-text").click(function() {
		location = jQuery("#rollingsoft .csc-textpic-text p a").attr("href");
	});
	
	jQuery("#fashion .csc-textpic-text").click(function() {
		location = jQuery("#fashion .csc-textpic-text p a").attr("href");
	});
	
	jQuery("#comfort .csc-textpic-text").click(function() {
		location = jQuery("#comfort .csc-textpic-text p a").attr("href");
	});
	
	jQuery("#jollys .csc-textpic-text").click(function() {
		location = jQuery("#jollys .csc-textpic-text p a").attr("href");
	});
	
	jQuery("#kids .csc-textpic-text").click(function() {
		open = jQuery("#kids .csc-textpic-text p a").attr("href");
	});
	
	jQuery("#bags .csc-textpic-text").click(function() {
		location = jQuery("#bags .csc-textpic-text p a").attr("href");
	});
	
	jQuery(".csc-textpic-imagewrap").mouseenter(function() {
		jQuery("#col1").css("z-index","30");
		jQuery("#col2").css("z-index","10");
	});
	
	jQuery(".csc-textpic-imagewrap").mouseleave(function() {
		jQuery("#col1").css("z-index","10");
		jQuery("#col2").css("z-index","30");
	});
	
	jQuery("#media").mouseenter(function() {
		jQuery("#media").css("z-index","5");
		
		jQuery("#menu").animate (
			{top: "98px"}, 500, function() {
				jQuery(".start_menu").animate (
					{top: "0px"}, 500, function() { 
						jQuery(".start_menu .csc-textpic-text").css("visibility", "visible") 
						jQuery("#col2").css("display","block");
						if(jQuery("#col2").css("display") == "none") {
							jQuery("#col2").html(jQuery("#col2").html());
						}

					});
				jQuery("#menu").css("z-index","10")}
		);
		
		jQuery("#lang").animate (
			{top: "98px"}, 500, function() {jQuery("#lang").css("z-index","10")}
		);
		
		jQuery("#header h1").animate (
			{top: "28px"}, 500
		);
		
		jQuery("#search").animate (
			{top: "98px"}, 500, function() {jQuery("#search").css("z-index","20")}
		);
		
		jQuery(".menu25 a").animate ({top: "0px"}, 500);
		jQuery(".menu71 a").animate ({top: "0px"}, 500);
		
		return false;

	});
	
});