$(function(){
	/* Scrollbalken */
	if ($('#scroll_pane').length) {
		$('#scroll_pane').jScrollPane(
			{
				scrollbarWidth: 12
			}
		);
	}
	
	
	/* Login-Panel */
	$('#login_show').click(
		function() {
			if (!(jQuery.browser.msie == true && jQuery.browser.version == 6)) {
 				$('#login_panel').toggle();
 				return false;
			}
		}
	);
	$('#login_close').click(
		function() {
 			$('#login_panel').toggle();
 			return false;
		}
	);
	
	
	/* E-Mail für Newsletter */
	$('#letter_email').focus(
		function() {
			$(this).val(''); 
		}
	);
	$('#letter_email').blur(
		function() {
			if (!$(this).val()) {
				$(this).val('Ihre E-Mail-Adresse ...');
			}
		}
	);
	
	
	/* Marken-Liste */
	$('#brands_list > li').each(
		function() {
			var value = $('a', this).attr('href').replace('#', '');
			var option = $('option[value="' + value + '"]', '#brands_select');
				
			$(this).click(
				function() {
					if ($(this).hasClass('active')) {
						option.attr('selected', false);
						$(this).removeClass('active');
					} else {
						option.attr('selected', true);
						$(this).addClass('active');
					}
				}
			);
		}
	);
	$('#brands_reset').click(
		function() {
 			$('#brands_list > li[class="active"]').removeClass('active');
 			$('#brands_select > option').attr('selected', false);
 			return false;
		}
	);
	
	
	/* Select */
	if ($('.select select').length) {
		$('.select select').change(
			function () {
				$('p', $(this).parent()).text(
					$(this).children(':selected').text()
				);
			}
		);
	}
	
	/* Detail / Thumbnails */
	$('#detail_thumbs > li > a').each(
		function() {
			$(this).click(
 				function() {
 					var li = $(this).parent();
 					var link = $('#detail_preview');
 					var img = link.find('.product');
 					var src = $(this).attr('href');
 					var rel = $(this).attr('rel');
 					
 					li.parent().find('li[class="active"]').removeClass('active');
 					li.addClass('active');
 					
 					img.fadeOut(
 						function() {
 							link.attr(
		 						'href',
		 						rel
		 					);
 							img.attr(
		 						'src',
		 						src
		 					).fadeIn();
 						}
 					);
 					
 					return false;
 				}
 			);
		}
	);
	
	/* Zoom-Icon verstecken */
	if ($('#detail_preview').length) {
		$('#detail_preview').hover(
			function() {
				$('.zoom', this).toggle();
			},
			function() {
				$('.zoom', this).toggle();
			}
		);
		$('#detail_preview').jqzoom(
			{
				zoomWidth: 	345,
				zoomHeight: 380
			}
		);
	}
	
	/* Service-Popup */
	$('a[rel="service"]').click(
		function() {
			if (!$('overlay').length) {
				/* Body erweitern */					
				$('body').append('<div id="overlay"></div><div id="screen"></div>');
				
				/* Werte initialisieren */
				var top, left, width, height, marginTop;
				var output = '';
				var screen = $('#screen');
				
				/* Screen positionieren */
				if (typeof(window.pageYOffset) == 'number') {
		      top = window.pageYOffset;
		      left = window.pageXOffset;
		    } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
		      top = document.body.scrollTop;
		      left = document.body.scrollLeft;
		    } else if (document.documentElement) {
		      top = document.documentElement.scrollTop;
		      left = document.documentElement.scrollLeft;
		    }
		    
		    if (self.innerHeight) {
		    	width = self.innerWidth;
		  		height = self.innerHeight;
		  	} else if (document.documentElement && document.documentElement.clientHeight) {
		  		width = document.documentElement.clientWidth;
		  		height = document.documentElement.clientHeight;
		  	} else if (document.body) {
		  		width = document.body.clientWidth;
		  		height = document.body.clientHeight;
		  	}
		  	
		  	screen.css(
		  		{
		  			'top': parseInt(top),
		  			'left': parseInt(left),
		  			'marginTop': parseInt((parseInt(height) - 600) / 2),
		  			'marginLeft': parseInt((parseInt(width) - 500) / 2)
		  		}
		  	);
				
				output += '<div class="head"><h1>Kundeninformationen</h1><a href="#">Schließen</a></div>';
				output += '<ul class="navi"><li class="shipping"><a href="#">Versand &amp; Rückgabe</a></li><li class="sizes"><a href="#">Größenschlüssel</a></li><li class="privacy"><a href="#">AGB</a></li></ul>';
				output += '<div class="content"></div>';
				
				screen.html(output);
				
				screen.find('.navi li a').click(
					function() {
						var area = $(this).parent().attr('class');
						
						screen.find('.navi li a').removeClass('active');
						$(this).addClass('active');
						screen.find('.content').load(homeUrl + 'html/service/' + area + '.html');
						
						return false;
					}
				);
				
				screen.find('.head a').click(
					function() {
						$('#screen').remove();
						$('#overlay').remove();
						
						return false;
					}
				);
			}
			
			/* Werte zuweisen */
			var area = this.href.replace(/^.*#/, '');
			
			/* Werte annulieren */
			screen.find('.navi li a').removeClass('active');
			screen.find('.navi li.' + area + ' a').addClass('active');
			screen.find('.content').load(homeUrl + 'html/service/' + area + '.html');
			
			return false;
		}
	);
});

function redirectTo(url) {
	if (url) {
		document.location.href = url;
	}
}