$(document).ready(function(){
	var SzoBB_aktpos;
	var SzoBB_stripItemWidth;
	var SzoBB_stripWidth;
	var SzoBB_MaxRange;
	var SzoBB_marginLeft;
	var SzoBB_marginRight;
	var SzoBB_borderLeft;
	var SzoBB_borderRight;
	
	
	$("#szoBeilagenBox #regionList").hide();
	/*
	$.getJSON('http://www.sz-online.de/werbung/beilagen/JSON_AdSupplements.asp?action=GetRegionList', function(d) {
    rememberDom = $("#szoBeilagenBox #list").html(); 
    $("#szoBeilagenBox #list").empty();
		$("#szoBeilagenBox #list").append('<li><a href="" onClick="return(false);" class="all">alle ...</a></li>');
		$.each(d, function(i,d){
			newDom = $('<li><a href="javascript:void(0);" onClick="return(false);">'+d.regionname+'</a></li>');
			newDom.find("a").eq(0).data("regionid",d.regionid);
			$("#szoBeilagenBox #list").append(newDom);			
    });
		$("#szoBeilagenBox #list").append(rememberDom);
		regionList();
						
		getData('http://www.sz-online.de/werbung/beilagen/JSON_AdSupplements.asp?action=GetLatestAdSupplements')
	});
	*/

	getData('http://www.sz-online.de/werbung/beilagen/JSON_AdSupplements.asp?action=GetLatestAdSupplements')
	scrollStrip();	
});

	function scrollStrip() {
		$("body").append('<div id="SzoBBArrowRight">&nbsp;</div>');
		$("body").prepend('<div id="SzoBBArrowLeft">&nbsp;</div>');
		$("#SzoBBArrowRight, #SzoBBArrowLeft").css('position','absolute')
																					.css('display','none')
																					.css('left','10px')
																					.css('top','10px')
																					.css('width','32px')
																					.css('height','32px')
																					.css('background','url(/_icons/szoBeilagenBox_arror_right.png)')
																					.css('z-index','9999');
		$("#SzoBBArrowLeft").css('background','url(/_icons/szoBeilagenBox_arror_left.png)')
		SzoBB_stripMovement = 0;	
		SzoBB_stripStartPos = $("#szoBeilagenBox #strip").position().left;
		moveStrip();
		$("#szoBeilagenBox #ct, #szoBeilagenBox #fadeLeft, #szoBeilagenBox #fadeRight").mousemove(function(e){
			var stripWidth = $("#szoBeilagenBox #strip").width();
			var ctWidth = $("#szoBeilagenBox #ct").width();
			if (stripWidth > ctWidth) { //Wenn Strip breiter als Anzeigebereich
				SzoBB_stripMovement = ((e.pageX - $("#szoBeilagenBox #ct").offset().left - ctWidth/2)/20);
					if (SzoBB_stripMovement>0) {
						$('#SzoBBArrowLeft').css('display','none');
						if ($('#szoBeilagenBox #strip').position().left>SzoBB_stripStartPos-stripWidth+ctWidth) {
							$('#SzoBBArrowRight').css('display','block')
																	.css('left',(e.pageX+20)+"px")
																	.css('top',(e.pageY-5)+"px")
						}
					} else {
						if ($('#szoBeilagenBox #strip').position().left<0) {
							$('#SzoBBArrowRight').css('display','none');
							$('#SzoBBArrowLeft').css('display','block')
																	.css('left',(e.pageX-47)+"px")
																	.css('top',(e.pageY-5)+"px")
						}
					}
			}
		})
		$("#szoBeilagenBox #ct, #szoBeilagenBox #fadeLeft, #szoBeilagenBox #fadeRight").mouseleave(function(e){
			SzoBB_stripMovement = 0;
			$('#SzoBBArrowRight').css('display','none');
			$('#SzoBBArrowLeft').css('display','none');
		})
	}
	
	function moveStrip() {
			newpos = $('#szoBeilagenBox #strip').position().left - SzoBB_stripMovement;
			if ((newpos<=SzoBB_stripStartPos)&&(newpos>SzoBB_stripStartPos-$("#szoBeilagenBox #strip").width()+$("#szoBeilagenBox #ct").width())) {
				$("#szoBeilagenBox #strip").css('left',newpos + 'px');
			}
			else {
				$('#SzoBBArrowRight').css('display','none');
				$('#SzoBBArrowLeft').css('display','none');
			}
			window.setTimeout('moveStrip()',0);
	}

	function regionList () {
		/* regionList-Funktion */
			/* regionList Ein- u. Ausklappen */
				$('#regionList').click(	function () {
					  $(this).children("ul").show();
					});
				$('#regionList').mouseleave(	function () {
					  $(this).children().filter("ul").hide();
					});
				$('#regionList #list').mouseleave(	function () {
					  loadRegionlist();
					});
			/* //regionList Ein- u. Ausklappen */
			
			/* regionList Elemente aus- u. abwählen */
				$('#regionList ul li a').toggle(
					function () {
						if ($(this).hasClass("all")) {
							$('#regionList ul li a').each(
							function (i) {
								$(this).addClass("aktiv");
							});
							$('#regionList ul a#okButton').removeClass("aktiv");
						} else {
							$(this).addClass("aktiv");
						}
					},
					function () {
						if ($(this).hasClass("all")) {
							$('#regionList ul li a').each(
							function (i) {
								$(this).removeClass("aktiv");
							});				
						} else {
							$(this).removeClass("aktiv");
						}
					}
				)
			/* //regionList Elemente aus- u. abwählen */
			
			/* regionList okButton Funktion */
					$('#regionList a#okButton').click(
						function () {
							loadRegionlist();
						}	
					)
			/* //regionList okButton Funktion */
		/* //regionList-Funktion */
	}

	function getData(url) {
		$("#szoBeilagenBox #ausgabe #ausgabeInner").html('Daten werden geladen ...<br><br><img src="/_icons/szoBeilagenBox_LoadingBar.gif">');
		$("#szoBeilagenBox #ausgabe").show();
		$.getJSON(url, BuildSzoBeilagenBox);
	}
	
	function BuildSzoBeilagenBox(data) {
		/*
		<a href="/werbung/beilagen/"></a>
		*/
  	/* Strip aus JSON-Daten bauen */
  	
  				if (data.length!=1) {
  					$("#szoBeilagenBox #ausgabe #ausgabeInner").html( data.length + ' Beilagen');
  					$("#szoBeilagenBox #anzahl").html( '' + data.length + ' Beilagen');
  				} else {
						$("#szoBeilagenBox #ausgabe #ausgabeInner").html( data.length + ' Beilage');
						$("#szoBeilagenBox #anzahl").html('' + data.length + ' Beilage');
					}
					if (data.length>2) {
						$("#szoBeilagenBox #anzahl").html('<a href="http://www.sz-online.de/werbung/beilagen/">&laquo;&nbsp;' + $("#szoBeilagenBox #anzahl").html() + '&nbsp;&raquo;</a>');
					}
					$("#szoBeilagenBox #anzahl a").css("color", "#eee")
																				.css("text-decoration", "none");
			  	$("#szoBeilagenBox #strip").html('');
			  	$("#szoBeilagenBox #strip").css("left", "0px");
			  	
			    $.each(data, function(i,data){
						$("#szoBeilagenBox #strip").append(''+
							'<a href="'+data.url+'" class="stripItem">'+
							'	<div class="stripItemImgContainer"><img src="'+data.image+'" class="stripItemImg"></div>'+
							'	<div class="stripItemText">'+data.customer+'</div>'+
							'</a>');
			    });
			    $("#szoBeilagenBox #ausgabe").fadeOut(300);
			    /* //Strip aus JSON-Daten bauen */
			
					/* Click aus StripItem */
					$(".stripItem").click(function(){
						//location.href=$(this).attr("href");
						var supplementurl = $(this).attr("href");
						x = window.open(supplementurl, "beilagen", "width=1200,height=800,screenX=0,screenY=0,hotkeys=no,locationbar=no,menubar=no,resizable=yes,status=no,scrollbars=no");
						return false;
					})
					/* //Click aus StripItem */
										
					/* Strip-Größe bestimmen und setzen */
					SzoBB_marginLeft = $("#szoBeilagenBox .stripItem").css("margin-left").match(/^\d+/)*1;
					SzoBB_marginRight = $("#szoBeilagenBox .stripItem").css("margin-right").match(/^\d+/)*1;
					SzoBB_borderLeft = $("#szoBeilagenBox .stripItem").css("border-left-width").match(/^\d+/)*1;
					SzoBB_borderRight = $("#szoBeilagenBox .stripItem").css("border-right-width").match(/^\d+/)*1;
					SzoBB_stripItemWidth = ($("#szoBeilagenBox .stripItem").width()+SzoBB_marginLeft+SzoBB_marginRight+SzoBB_borderLeft+SzoBB_borderRight); 
					SzoBB_stripWidth = SzoBB_stripItemWidth*data.length;
					if ((jQuery.browser.msie==true) && (jQuery.browser.version<7)) {
						SzoBB_stripWidth = Math.floor(SzoBB_stripWidth * 1.1);
					}
					
					
					$("#szoBeilagenBox #strip").css("width", SzoBB_stripWidth+"px");
					/* // Strip-Größe bestimmen und setzen */
			
			
					/* stripItemImg bei Mouseover zoomen */
						$("#szoBeilagenBox .stripItemImgContainer").hover(
							function(){
								$(this).css({ 
						      border: "2px solid #940101",
						      margin: "-2px 0 0 -2px"
						  	});
							},
							function(){
								$(this).css({
									border: "none" ,
									margin: "0"
						  	});
							}		
						);
					/* //stripItemImg zoomen */
	}
	
	function loadRegionlist () {
		var Regionlist = ""; // "1,2,3,6,9,11&action=ShowRegion"
		$('#regionList').children().filter("ul").hide();
		$('#regionList ul#list li a.aktiv').each(
			function (i) {
		    if ($(this).data("regionid")) {
		    	if (Regionlist.length>0) {Regionlist += ","}
					Regionlist += $(this).data("regionid");
				}
			});
		if ((Regionlist) && (Regionlist.length>0)) {
			//Regionlist += "&action=ShowRegion";
			url = 'http://www.sz-online.de/werbung/beilagen/JSON_AdSupplements.asp?action=GetAdSupplementsByRegion&Regionlist='+Regionlist;
		} else {
			url = 'http://www.sz-online.de/werbung/beilagen/JSON_AdSupplements.asp?action=GetLatestAdSupplements';
		}
		getData(url);
		return(false);
	}