var exposer;
$(function(){
	var $scrollingDiv = $(".cartleft");
	$(window).scroll(function(){			
		var s_top = $(window).scrollTop();
		var offset = s_top - 420;
		if(offset < 0)
			offset = 0;
		$scrollingDiv
			.stop()
			.animate({"marginTop": offset + "px"}, "slow" );
	});
	
	$("#keywords").focus(function(){
		if($(this).val() == "Suchen...")
			$(this).val("");
	});	
	$("#keywords").blur(function(){
		if($(this).val() == "")
			$(this).val("Suchen...");
	});

	$(".zubehoer_topnavi li").hover(function(){
			if(!$(this).hasClass("active_link_zubehoer"))
				$(this).addClass("active_link_zubehoer hover");
		},
		function(){
			if($(this).hasClass("hover"))
				$(this).removeClass("active_link_zubehoer hover");
		}
	);
	$(".topnavi").hover(function(){
		if(!$(this).hasClass("active_topnavi"))
		{
			$(this).addClass("dunkel-lila");
		}
		},
		function(){
			if(!$(this).hasClass("active_topnavi"))
			{
				$(this).removeClass("dunkel-lila");
			}
		}
	);	

	$(".navigation-links li").hover(function(){
			if(!$(this).hasClass("dunkel-lila"))
			{
				$(this).addClass("dunkel-lila hover");
			}
		},
		function(){
			if($(this).hasClass("hover"))
			{
			 	$(this).removeClass("dunkel-lila hover");
			}
		}
	);	
	$(".bigsearch_more").click(function(){
		$(".bigsearch_inner").toggle("slow");
		return false;
	});
	
	$(".cartlink").live("click", function(){
		if(!$(".minicart"))
		{
			$(".cartleft").append('<div class="minicart mittel-lila"><h3>Warenkorb</h3><div class="minicart_inner"></div></div>');	
		}
		if($(this).hasClass('addlink'))
		{
			$(this).hide();
			if(!($.browser.msie)) { 
				exposer = $(this)
					.parents(".produktvariante")
						.expose({
						 	color:'#000', 
							api: true, 
						 	onBeforeLoad: function() { 
						        if($.fn.bgiframe)  { 
						            this.getMask().bgiframe(); 
						        } 
						    }, 
						 	onBeforeClose: function(){
								$(".addlink").show();
						    	$('.mengendiv').remove();
							}
						})
						.load();
			}
			var diemenge = $(this).parents('.produktvariante').children('.mindestabnahmemenge').val();		
			$(this).parents('.produktvariante').append("<div class='mengendiv'>Menge: <input class='menge extension_input' value='" + diemenge + "' /><br /><a class='mengensubmit'>in den Warenkorb</a><a href='#' class='mengencancel applink appdeletelink'><img src='http://www.proextension.de/img/cancel_16.png' /></a></div>");
			$(".menge").focus();
		}
		if($(this).hasClass('details'))
		{
			$('.cartdetails').html('<img src="http://www.proextension.de/img/loading.gif" alt="loading..." />');
			$.ajax({
				type: 'GET',
				url: $(this).attr('href'),
				success: function(data){
					$('.cartdetails').html(data);
				}
			});
		}
		return false;	
	});

	$(".mengencancel").live("click", function(){
		$(".addlink").show();
    	$('.mengendiv').remove();
			if(!($.browser.msie))
				$.mask.close();
		return false;	
	});
	
	$(".mengensubmit").live("click", function(){
		$('.minicart_inner').html('<img src="/img/loading.gif" alt="loading..." />');
		var id = $(this).parents('.produktvariante').attr('id');
		var number = parseInt($(this).parents('.mengendiv').children('.menge').val());
		var urlvar = $(this).parents('.produktvariante').children('.addlink').attr('href');
		var parent_div = $(this).parents('.mengendiv');
		$(this).parents(".produktvariante").children(".addlink").show();
		parent_div.html('<img src="http://www.proextension.de/img/loading.gif" alt="loading..." /> Wird in den Warenkorb gelegt...');
		$.ajax({
			type: 'POST',
			data: 'data[Cart]['+ id +']=' + number,
			url: urlvar,
			success: function(data){
				$('.minicart_inner').html(data);
				parent_div.remove();
				if(!($.browser.msie))
					$.mask.close();
			}
		});
		return false;
	});

	$(".deletelink").live("click", function(){
		$('.minicart_inner').html('<img src="http://www.proextension.de/img/loading.gif" alt="loading..." />');
		$.ajax({
			type: 'DELETE',
			url: $(this).attr('href'),
			success: function(data){
				$('.minicart_inner').html(data);
			}
		});
		return false;
	});

	$("#leftcartform").live("submit", function(){
		$('.minicart_inner').html('<img src="http://www.proextension.de/img/loading.gif" alt="loading..." />');
		var str = $(this).serialize();
		$.ajax({
			type: 'POST',
			data: str,
			url: $(this).attr('action'),
			success: function(data){
				$('.minicart_inner').html(data);
			}
		});
		return false;
	});

/*	if(!($.browser.msie))
	{	*/	
		$(".tooltip_image").each(function(){
			$(this).qtip({
	    		content: '<img src=' + $(this).attr("rel") + ' />', 
	    		style: { 
					border: {
						width: 3,
						radius: 8,
						color: '#ffffff'
					},
					width: 414,
					padding: 5
				},
	   	    	position: {
			    	corner: {
						target: 'rightMiddle',
				    	tooltip: 'leftMiddle'
				    }
				}
	    	});
		});
/*	} */
	
	$(".extension_input").live("focusout", function(){
		var wert = parseInt($(this).val());
		if(isNaN(wert))
			wert = 0;
		var mindestmenge = 1;
		if($(this).parents('produktvariante').length > 0)
			mindestmenge = parseInt($(this).parents('.produktvariante').children('.mindestabnahmemenge').val());
		var rest = wert % mindestmenge;
		if(rest != 0)
		{
			var neu = parseInt($(this).val()) + mindestmenge - rest;
			alert("Extensions werden nur in " + mindestmenge + "er-Schritten verkauft (aus " + $(this).val() + " wurden " + neu + ")");
			$(this).val(neu);
		}
		return false;
	});
});