/**
 * Copyright (c) 2010 by Ahmet Topal, <ahmet-topal.com>
 */
$(document).ready(function(){
	
	function dotdotdot(){
		var show = $('#produkte-laden-span').attr('class').replace('produkte-laden-', '');
		$('#produkte-laden-span').removeClass('produkte-laden-'+show);
		if(show == '1')
		{
			$('#produkte-laden-span').addClass('produkte-laden-2');
			$('#produkte-laden-span').html('.<span style="color:#FFFFFF;">..</span>');
		}
		else if(show == '2')
		{
			$('#produkte-laden-span').addClass('produkte-laden-3');
			$('#produkte-laden-span').html('..<span style="color:#FFFFFF;">.</span>');
		}
		else if(show == '3')
		{
			$('#produkte-laden-span').addClass('produkte-laden-1');
			$('#produkte-laden-span').html('...');
		}
	}
	
	$('#produkte-laden-span').everyTime(500, function(){
		dotdotdot();
	});
	
	$.get('/own_api/all', function getNew(xml){
		$('#produkte-produkte').html(xml);
		$('#produkte-laden').fadeOut('slow', function(){
			$('#produkte-produkte').fadeIn('slow');
		});
		erneutProdukte();
	});
	
	$('.city_products').each(function(i){
		var city_id = $(this).attr('id');
		var city_id_name = city_id.replace('_products', '');
		if( $.cookie( 'cook_city_'+city_id_name ) == 'hidden' )
		{
			if( !$('#'+city_id).hasClass('hidden') )
			{
				$('#'+city_id).addClass('hidden');
			}
			$('#'+city_id).css({'display':'none'}).slideUp(0);
		}
	});
	
	$('.city_title').click(function(){
		var city_id = $(this).attr('id').replace('_title', '');
		var city_products = '#'+city_id+'_products';
		
		if( $(city_products).hasClass('hidden') || $.cookie( 'cook_city_'+city_id ) == 'hidden' )
		{
			$(city_products).removeClass('hidden').slideDown('slow');
			$.cookie( 'cook_city_'+city_id, null );
		}
		else
		{
			$(city_products).addClass('hidden').slideUp('slow');
			$.cookie( 'cook_city_'+city_id, 'hidden', { expires: 7 } );
		}
		
		return false;
	});
	
	$('#sub_header_box').hide().addClass('hidden');
	$('#bewertung-regeln ul').hide().addClass('hidden');
	$('#bewertung-regeln_show').text('Regeln anzeigen').addClass('down');
	$('#bewertung-form').hide().addClass('hidden');
	$('#bewertung-form_show').addClass('down');
	$('#commentform').hide().addClass('hidden');
	$('#commentform_show').addClass('down');
	
	$('#sub_header_box_show a').click(function(){
		if( $('#sub_header_box').hasClass('hidden') )
		{
			$('#sub_header_box').removeClass('hidden').slideDown(400);
			$('#sub_header_box_show a').fadeTo(200, 0, function(){
				$(this).addClass('up').text('Ausblenden').fadeTo(200, 1);
			});
		}
		else
		{
			$('#sub_header_box').addClass('hidden').slideUp(400);
			$('#sub_header_box_show a').fadeTo(200, 0, function(){
				$(this).removeClass('up').text('Newsletter abonnieren / Fan werden').fadeTo(200, 1);
			});
		}
		
		return false;
	});
	
	$('#bewertung-regeln_show').click(function(){
		if( $('#bewertung-regeln ul').hasClass('hidden') )
		{
			$('#bewertung-regeln ul').removeClass('hidden').slideDown(400);
			$('#bewertung-regeln_show').fadeTo(200, 0, function(){
				$(this).removeClass('down').addClass('up').text('Regeln ausblenden').fadeTo(200, 1);
			});
		}
		else
		{
			$('#bewertung-regeln ul').addClass('hidden').slideUp(400);
			$('#bewertung-regeln_show').fadeTo(200, 0, function(){
				$(this).removeClass('up').addClass('down').text('Regeln anzeigen').fadeTo(200, 1);
			});
		}
		
		return false;
	});
	
	$('#bewertung-form_show').click(function(){
		if( $('#bewertung-form').hasClass('hidden') )
		{
			$('#bewertung-form').removeClass('hidden').slideDown(400);
			$('#bewertung-form_show').fadeTo(200, 0, function(){
				$(this).removeClass('down').addClass('up').fadeTo(200, 1);
			});
		}
		else
		{
			$('#bewertung-form').addClass('hidden').slideUp(400);
			$('#bewertung-form_show').fadeTo(200, 0, function(){
				$(this).removeClass('up').addClass('down').fadeTo(200, 1);
			});
		}
		
		return false;
	});
	
	$('#commentform_show').click(function(){
		if( $('#commentform').hasClass('hidden') )
		{
			$('#commentform').removeClass('hidden').slideDown(400);
			$('#commentform_show').fadeTo(200, 0, function(){
				$(this).removeClass('down').addClass('up').fadeTo(200, 1);
			});
		}
		else
		{
			$('#commentform').addClass('hidden').slideUp(400);
			$('#commentform_show').fadeTo(200, 0, function(){
				$(this).removeClass('up').addClass('down').fadeTo(200, 1);
			});
		}
		
		return false;
	});
	
	function erneutProdukte()
	{
		var oleft = 0;
		var otop = 0;

		$('.produkt-mehr').click(function(){
			if( $(this).attr('id').substring(0, 4) == 'max_' )
			{
				var produkt = '#'+$(this).attr('id').replace('max_', '');

				var position = $(produkt).position();
				oleft = position.left-130;
				otop = position.top-237;
				var left = oleft;
				var top = otop;

				$(produkt+' .produkt-rechts .produkt-mehr').fadeTo(200, 0, function(){
					$(this).text('Minimieren').fadeTo(200, 1);
				});

				$('.produkt:not('+produkt+')').fadeOut(600,function(){
					if( $(produkt).hasClass('eprodukt') )
					{
						oleft = position.left-140;
						left = oleft;
					}

					$(produkt).css({
						'margin-left':left,
						'margin-top':top
					}).stop().animate({
						marginLeft: '0px',
						marginTop: '0px',
						width: '980px'
					}, 600);

					$(produkt+' .produkt-rechts').stop().animate({
						'width': '875px'
					}, 600, function(){
						$(produkt+' .produkt-rechts .produkt-beschreibung').fadeIn(500);
					});

				});

				$(this).attr({'id':'min_'+produkt.replace('#', '')});
			}
			else
			{
				var produkt = '#'+$(this).attr('id').replace('min_', '');

				var left = oleft;
				var top = otop;

				$(produkt+' .produkt-rechts .produkt-beschreibung').fadeOut(300, function(){
					$(produkt+' .produkt-rechts').stop().animate({
						'width': '198px'
					}, 300);

					$(produkt).stop().animate({
						width: '303px',
						marginLeft: left,
						marginTop: top
					}, 300, function(){
						var left2 = '10px';
						if( $(produkt).hasClass('eprodukt') )
						{
							left2 = '0px';
						}
						$(produkt).css({marginLeft:left2,marginTop:'0px'});
						$('.produkt').fadeIn(300);
					});

					$(produkt+' .produkt-rechts .produkt-mehr').fadeTo(200, 0, function(){
						$(this).text('Mehr Infos').fadeTo(200, 1);
					});
				});

				$(this).attr({'id':'max_'+produkt.replace('#', '')});
			}

			return false;
		});

		$('#produkte .produkt .produkt-links').hover(
			function(){
				var produkt = '#'+$(this).parent().attr('id')+' .produkt-links';
				$(produkt).find('.produkt-bild').stop().fadeTo(400, 0.2)
				.parent('div').find('.produkt-share').stop().fadeTo(400, 0.8);
			},
			function(){
				var produkt = '#'+$(this).parent().attr('id')+' .produkt-links';
				$(produkt).find('.produkt-share').stop().fadeTo(400, 0)
				.parent('div').find('.produkt-bild').stop().fadeTo(400, 1);
			}
		);
	}
	
})(jQuery);