$(document).ready(function() {
	
	if (navigator.userAgent.toLowerCase().indexOf('mac')>0) {
		$('.subnav').css("margin-top","-23.5px");
	}
		function AddHover()
		{
		   		$('.link').append('<span class="hover"></span>').each(function () {
							  var $span = $('> span.hover', this).css('opacity', 0)
							  $(this).hover(function () {
							    $span.stop().fadeTo(500, 1);
							  }, function () {
							    $span.stop().fadeTo(500, 0);
							  });
							});
		}
		
		var city = '';
		if ($('#getCity').html() != '') { city=$('#getCity').html().toUpperCase(); $('li:contains('+city+')').addClass('active');}
	function getDeals(city) {
			   $('li:contains('+city+')').addClass('active');
			  $.getJSON('libs/json.php?city='+encodeURIComponent(city.toLowerCase()), function(data) {
				$('#deal-list').fadeOut('fast', function() {
				    $(this).html('');
				    if(!jQuery.isEmptyObject(data.deals)) {
					$.each(data.deals,function(i,item) {
						if(i==0){var topdeal = 'top';} else { var topdeal = 'norm';} 
						if(item.deal.deal_minimum <= 0) {var deal = '<p class="deal-done" style="color:#3eb45a;"><img src="images/deal_on.png" style="margin-bottom:-2px;"/> Deal OK!</p>'} else { var deal = '<p class="deal-done" style="color:#d91f26;"><img src="images/deal_error.png" style="margin-bottom:-2px;"/> Noch '+item.deal.deal_minimum+' benötigt</p>'}
						var oldhtml = $('#deal-list').html();
						$('#deal-list').html(oldhtml+'<div class="'+topdeal+'-deal"></div><div class="deal"><div class="deal-image"><a href="'+item.deal.deal_url+'" onClick="javascript: pageTracker._trackPageview(\'/outgoing/'+item.deal.provider_name+'-'+item.deal.city_name+'\');" target="_blank"><img src="../images/deals/'+item.deal.provider_name+'-'+item.deal.clean_city_name+'_small.jpg"/></a></div><div class="deal-info"><h2><a href="'+item.deal.deal_url+'"onClick="javascript: pageTracker._trackPageview(\'/outgoing/'+item.deal.provider_name+'-'+item.deal.city_name+'\');" target="_blank">'+item.deal.tr_title+'</a></h2><div class="deal-status"><p class="sold">'+item.deal.deal_sold+' gekauft</p>'+deal+'<div style="clear:both;"></div><div class="deal-share">Empfiehl den Deal: <a target="_blank" href="http://twitter.com/?status='+encodeURI(item.deal.title+' - http://dealmob.de/'+item.deal.clean_city_name)+'"><img src="images/twitter.png"/></a> <a target="_blank" href="http://www.facebook.com/sharer.php?u='+encodeURI('http://dealmob.de/'+item.deal.clean_city_name+'-'+item.deal.provider_name+'-'+item.deal.discount+'-prozent-rabatt.html')+'&t='+encodeURI(item.deal.title)+'"><img src="images/facebook.png"/></a></div></div>	<div class="deal-provider"><a href="'+item.deal.deal_url+'" target="_blank" onClick="javascript: pageTracker._trackPageview(\'/outgoing/'+item.deal.provider_name+'-'+item.deal.city_name+'\');"><img src="images/'+item.deal.provider_name+'.png"/></a></div><div class="deal-details"><div class="deal-discount"><ul><li>Preis</li><li class="num">'+parseInt(item.deal.price)+'&euro;</li></ul><ul><li>statt</li><li>'+parseInt(item.deal.original_price)+'&euro;</li></ul><ul><li>&nbsp;&nbsp;Rabatt</li><li class="num"> '+item.deal.discount+'%</li></ul></div></div><a class="link" target="_blank" href="'+item.deal.deal_url+'" onClick="javascript: pageTracker._trackPageview(\'/outgoing/'+item.deal.provider_name+'-'+item.deal.city_name+'\');"><span>This content is hidden</span></a></div></div><div style="clear:both;"></div>').fadeIn('slow');
					
					});
					AddHover();
				  } else {
					$('#deal-list').html('<div class="no-deal"><h2>Für diese Stadt gibt es aktuell keine Deals!<br/><br/>Folge uns auf <a href="https://twitter.com/_dealmob" target="_blank">Twitter</a> oder <a href="http://www.facebook.com/dealmob" target="_blank">Facebook</a>, um auf dem Laufenden zu bleiben. Wir informieren Dich umgehend, wenn es Deals in Deiner Stadt gibt.<br/><br/>So funktioniert dealmob:<br/><img src="images/guidedtour.png"/></h2></div').fadeIn('fast');;
				  }
				});	
			});
	}
	$('.subnav li,#topcities li').click(function() {
		$('li').removeClass('active');
		if ($(this).attr("name") != undefined) {
			city=$(this).attr("name");
		} else {
			city=$(this).html();
		}
	 
	  getDeals(city);
	});


			
			$('.link').append('<span class="hover"></span>').each(function () {
						  var $span = $('> span.hover', this).css('opacity', 0)
						  $(this).hover(function () {
						    $span.stop().fadeTo(500, 1);
						  }, function () {
						    $span.stop().fadeTo(500, 0);
						  });
						});
	
		

	$('#impressum').click(function() {
		$('#deal-list').load('impressum.inc');
	});
	$('#about').click(function() {
		$('#deal-list').load('about.inc');
	});
});