/*JavaScript Document*/


slideArrayCategory = new Array();
slideArrayPrice = new Array();
var registerPage = 0,		actTab = 0,
	price1 = 0,				price2 = "",
	categoryVal = "Alle Kategorien",
	scrollPos = 0,			persMw = "",
	persTitle = "",			persName = "",
	persPrename = "",		persStreet = "",
	persZipcode = "",		persCity = "",
	loginMode = 0,			actProfileTab = 0,
	myMarginLeft = 0;

function loadMode(id) 
{
	$('.mainContent').html("<center><img src='./img/load.gif' border='0' />Laden...</center>");
	
	switch(id) {
		case 1:
			$("#mainHeadline").html("Shop Suche");
			$("#mainSubnavigation").html("<a onClick=\"javascript:dataRequest('mainHeadline.php', 0, headlineHandler);\">&raquo; Home</a> &raquo; Shop &raquo; Suche");
		break;
		case 2:
			$("#mainHeadline").html("Shop Anzeigen");
			$("#mainSubnavigation").html("<a onClick=\"javascript:dataRequest('mainHeadline.php', 0, headlineHandler);\">&raquo; Home</a> &raquo; Shop &raquo; Anzeigen");
		break;
		case 3:
			$("#mainHeadline").html("Mein Einkaufswagen");
			$("#mainSubnavigation").html("<a onClick=\"javascript:dataRequest('mainHeadline.php', 0, headlineHandler);\">&raquo; Home</a> &raquo; Shop &raquo; Mein Einkaufswagen");
		break;
		case 4:
			$("#mainHeadline").html("Kasse");
			$("#mainSubnavigation").html("<a onClick=\"javascript:dataRequest('mainHeadline.php', 0, headlineHandler);\">&raquo; Home</a> &raquo; Shop &raquo; Kasse");
			loginMode = 2;
		break;
		case 5:
			$("#mainHeadline").html("Login");
			$("#mainSubnavigation").html("<a onClick=\"javascript:dataRequest('mainHeadline.php', 0, headlineHandler);\">&raquo; Home</a> &raquo; Shop &raquo; Login");
			id = 14;
			loginMode = 1;
		break;		
	}
	
	$.post('./content/shop/mode.php',{'id': id}, function(data){
		$(".mainContent").html(data);
	});
}

function removeItem(id)
{
	$.get("content/shop/mode.php", {'id':22, 'ext':id}, function(data) {
		var get = "pID=29";
		
		dataRequest( get );
	});
}

function buyArticle(id)
{	
	var left = (window.innerWidth - 400) / 2;
	var top = (window.innerHeight - 200) / 2 + $("body").scrollTop();
	
	$(".buyPanelContent").html("<img src=\"img/load.gif\" width=\"20px\" height=\"20px\" />");
	
	$(".buyPanel").css("top",top+"px").css("left",left+"px");
	$(".buyPanel").fadeIn('slow', function() {
		$.get("content/shop/mode.php",{'id':'20','aID':id}, function(data) {
			$(".buyPanelContent").html(data);
			
			var $height = $(".buyPanelContent").height();
			var $top = (200 - $height) / 2;
			
			$(".buyPanelContent").css("margin-top",$top+"px");
			initBuyFunction();
		});
	});
}

function initBuyFunction() {
	$("#mySubmit").css('visibility','hidden');
	$("#myJsSubmit").css('visibility','visible');
}

function articleToTrolley() { 
	var price = $("#price").val(),
		id = $("#id").val(),
		count = $("#count").val(),
		name = $("#name").val(),
		shipMode = $("input:radio:checked[name='radGr1']").val(),
		string = "<center><h3>Artikel hinzuf&uuml;gen</h3><img src=\"img/load.gif\" border=\"0\" /><br />Artikel wird hinzugef&uuml;gt...</center>",
		height = 0;
		result = Array("succesfull","err1");
	
	$(".buyPanelContent").html(string);
	string = "<center><h3>Artikel hinzuf&uuml;gen</h3>";
		
	$.post("./content/shop/trolley.mode.php", {	'mode':'1', 'id':id, 'count':count, 'name':name, 'price':price, 'shipMode':shipMode}, function(data) {
		string += data;			
		string += "</center>";
			
		$(".buyPanelContent").html(string);			
		$(".buyPanelContent").css("margin-top","20px");
			
		getSmallTrolley();
		window.setTimeout('$(".buyPanel").fadeOut(\'slow\');',2000);
			
	});
}

function buyArticleClose()
{
	$(".buyPanel").fadeOut('slow');	
}

function picPreview(id)
{
	var left = (window.innerWidth - 800) / 2;
	var top = (window.innerHeight - 600) / 2 + $("body").scrollTop();
	$(".picPreviewContent").html("<img src=\"img/load.gif\" border=\"0px\" width=\"20px\">");
	$(".picPreview").css("top",top+"px").css("left",left+"px");
	
	$(".picPreview").fadeIn('slow', function() {
		$.get("content/shop/mode.php",{'id':21,'aID':id}, function(data) {
			$(".picPreviewContent").html("<img src=\""+data+"\" style=\"max-height: 535px; max-width: 735px\">");
		});
	});
}

function picPreviewClose()
{
	$(".picPreview").fadeOut('slow');
}

function slideArticlePrice() 
{
	price1 = jQuery.trim($("#price1").val());
	price2 = jQuery.trim($("#price2").val());
	
	if(price1 == "") price1 = "00";
	if(price2 == "") price2 = "00";
	price1 = price1.replace(",",".");
	price2 = price2.replace(",",".");	
	price1 = parseFloat(price1);
	price2 = parseFloat(price2);
	
	$('.article').each(function() {
		var i = $(this).index();
		var price = $(this).children('.price').text();
		price = jQuery.trim(price);
		price = price.replace(",",".");
		price = parseFloat(price);
		
		if((price >= price1 ))
		{
			if(price2 == 0)
			{
				if(!slideArrayCategory[i - 1]) 
				{
					$(this).stop().slideDown('fast', function() {
						$(this).css("border","1px solid black");
					});
				}
				
				slideArrayPrice[i - 1] = false;
			}
			else if(price <= price2)
			{
				if(!slideArrayCategory[i - 1]) 
				{
					$(this).stop().slideDown('fast', function() {
						$(this).css("border","1px solid black");
					});
				}
				
				slideArrayPrice[i - 1] = false;
			}
			else
			{
				slideArrayPrice[i - 1] = true;
				$(this).css("border","0px").stop().slideUp('fast');
			}
		}
		else
		{
			slideArrayPrice[i - 1] = true;
			$(this).css("border","0px").stop().slideUp('fast');
		}
		
	});
}

function slideArticleSelect(value) 
{
	categoryVal = value;
		
	$('.article').each(function() {
		var i = $(this).index();
		
		var text = $(this).children('.buy').children('.buyCategorie').text();
		text = jQuery.trim(text);
		text = String(text);
		value = String(value);
		
		if(value != "Alle Kategorien") 
		{
			if(text == value)
			{
				if(!slideArrayPrice[i - 1]) 
				{
					$(this).stop().slideDown('fast', function() {
						$(this).css("border","1px solid black");
					});
				}
				
				slideArrayCategory[i - 1] = false;
			} 
			else 
			{
				slideArrayCategory[i - 1] = true;
				$(this).css("border","0px").stop().slideUp('fast');
			}
		}
		else
		{
			if(!slideArrayPrice[i - 1]) 
			{
				$(this).stop().slideDown('fast', function() {
					$(this).css("border","1px solid black");
				});
			}
			
			slideArrayCategory[i - 1] = false;
		}	
	});
}

function slideArticleClear() 
{
	price1 = 0;
	price2 = "";
	categoryVal = "Alle Kategorien";	
	
	$("#price2").val("");
	$("#price1").val("0");
	$("select").val("Alle Kategorien");

	$('.article').each(function() {
		var i = $(this).index();
		
		slideArrayCategory[i - 1] = false;
		slideArrayPrice[i - 1] = false;
		$(this).stop().slideDown('fast', function() {
			$(this).css("border","1px solid black");
		});
	});
}

function newItemDetail(id,noId,na,singlePrice) 
{
	priceArray = singlePrice.split(",");
	singlePrice = priceArray[0]+"."+priceArray[1];
	var no = $(noId).val();
	
	$.post("./content/shop/trolley.mode.php", { mode:"1",itemId:id, number:no, name:na, price:singlePrice}, function(data){
		$(".detailHeadPriceAlertVal").fadeIn('slow');
		window.setTimeout("alertOut();",1500);	
		
		$.post("./content/shop/mode.php", {id:11}, function(data) {
			$(".detailNavTrolleyCount").children("a").html(data);
		});
	});
}

function alertOut() 
{
	$(".detailHeadPriceAlertVal").fadeOut('slow');	
}

function getSmallTrolley() 
{
	$.post("./content/shop/trolley.mode.php", {mode:"0"}, function(data) {

		$(".displayTrolley").html("<u>Mein Einkaufswagen</u><br /> \n"+data);
	});
}

function registerForm(mode) 
{
	switch(mode)
	{
		case 0:
			$(".pass").removeAttr("readonly");
			$(".pass").css("background-color","white");
		break;
		case 1:	
			$(".pass").attr("readonly","readonly");
			$(".pass").css("background-color","#F2F2F2");
		break;
	}
}

function login() 
{
	var Pass = $("#pass").val();
	var Name = $("#name").val();
	var Mode = $("#mode").val();
	var Reg = $("input:radio:checked[name='group1']").val();
	
	$.post("./content/shop/post.handle.php",{'name':Name,'pass':Pass,'mode':Mode,'Reg':Reg}, function(data) 
	{
		if(jQuery.trim(data) == "true")
		{
			if(Reg == 1)
			{
				switch(Mode) {
					case '0':
						window.location.hash='pID=36';
					break;
					case '1':
						window.location.hash='pID=42';
					break;
				}
			}
			else
			{
				window.location.hash='pID=37';	
			}
		}
		else
		{
			if(Reg == 1)
			{
				$(".buyLoginTop").html("<span style=\"color: red;\">Benutzername/ Passwort falsch</span>");
			}
			else
			{
				$(".buyLoginTop").html("<span style=\"color: red;\">Es existiert bereits ein Nutzer mit dieser E-Mail.</span>");	
			};
		}
	});
}


function buyLoginToggleBack()
{
	$(".buyLoginTop").slideToggle();
	$(".buyLoginPanel").animate({height:'165px'},'fast');	
}

function changeRegisterPage(page) 
{
	switch(page)
	{
		case 1:
			var mode = $("#mode").val();
				salutation = $("#salutation").val(),
				title = $("#title").val(),
				name = $("#name").val(),
				prename = $("#prename").val(),
				street = $("#street").val(),
				zip = $("#zip").val(),
				city = $("#city").val(),
				birthday = $("#birthday").val();
			
				persMw = salutation;
				persTitle = title;
				persName = name;
				persPrename = prename;
				persStreet = street;
				persZipcode = zip;
				persCity = city;
				
			$.post("./content/shop/post.handle.php",{'mode':mode,'salutation':salutation,'title':title,'name':name,'prename':prename,'street':street,'zip':zip,'city':city,'birthday':birthday},function(data)
			{
				if(jQuery.trim(data) == "true")
				{
					window.location.hash='pID=38';
				}
				else
				{
					window.location.reload();
				}
			});
		break;
		case 2:
			var mode = $("#mode").val(),
				salutation = $("#salutation").val(),
				title = $("#title").val(),
				name = $("#name").val(),
				prename = $("#prename").val(),
				street = $("#street").val(),
				zip = $("#zip").val(),
				city = $("#city").val();
				
			$.post("./content/shop/post.handle.php",{'mode':mode,'salutation':salutation,'title':title,'name':name,'prename':prename,'street':street,'zip':zip,'city':city},function(data)
			{
				if(jQuery.trim(data) == "true")
				{
					window.location.hash='pID=39';
				}
				else
				{
					window.location.reload();
				}
			});
		break;
		case 3:
			if($("#agbCheck").attr("checked"))
			{
				window.location.hash='pID=40';
			}
			else
			{
				$(".registerAGBcheckText").css("color","red");
			}
		break;	
		case 4:
			var pass1 = $("#pass1").val(),
				pass2 = $("#pass2").val(),
				mode = $("#mode").val();
			
			
			$.post("./content/shop/post.handle.php",{'mode':mode,'pass1':pass1,'pass2':pass2}, function(data)
			{
				if(jQuery.trim(data) == "true")
				{
					window.location.hash='pID=41';
				}
				else
				{
					window.location.reload();
				}
			})
		break;
	}
}

function fillDeliveryForm()
{
	$("#salutation").val(persMw);
	$("#title").val(persTitle);
	$("#name").val(persName);
	$("#prename").val(persPrename);
	$("#street").val(persStreet);
	$("#zip").val(persZipcode);
	$("#city").val(persCity);	
}

function clearDeliveryForm()
{
	$("#salutation").val("");
	$("#title").val("");
	$("#name").val("");
	$("#prename").val("");
	$("#street").val("");
	$("#zip").val("");
	$("#city").val("");	
}

function screenDeliveryForm() 
{
	var		salutation = $("#salutation").val(),
			title = $("#title").val(),
			name = $("#name").val(),
			prename = $("#prename").val(),
			street = $("#street").val(),
			zip = $("#zip").val(),
			city = $("#city").val(),
			birthday = $("#birthday").val(),
			error = 0;
			
	if(salutation == "") 
	{
		$("#salutation").css("border","1px solid red");
		error = 1;
	}
	else $("#salutation").css("border","1px solid #FFCC33");
			
	if(name == "")
	{
		$("#name").css("border","1px solid red");
		error = 1;
	}
	else $("#name").css("border","1px solid #FFCC33");
	
	if(prename == "")
	{
		$("#prename").css("border","1px solid red");
		error = 1;
	}
	else $("#prename").css("border","1px solid #FFCC33");
			
	if(street == "")
	{
		$("#street").css("border","1px solid red");
		error = 1;
	}
	else $("#street").css("border","1px solid #FFCC33");
			
	if(zip == "") 
	{
		$("#zip").css("border","1px solid red");
		error = 1;
	}
	else 
	{
		zip = parseInt(zip);
				
		if(zip < 10000)
		{
			$("#zip").css("border","1px solid red");
			error = 1;
		} 
		else $("#zip").css("border","1px solid #FFCC33");
	}
			
	if(city == "") 
	{
		$("#city").css("border","1px solid red");
		error = 1;
	}
	else $("#city").css("border","1px solid #FFCC33");
			
	if(error == 0) 
	{
		sendArray = new Array(salutation,title,name,prename,street,zip,city,birthday);
		$(".registerContent").html("Daten werden zwischengespeichert...");
			
		$.post("./content/shop/mode.php",{'id':8,'data':sendArray}, function(data) {
			$(".mainContent").html(data);
		});
	}
}

function loadDetailPage(id) 
{	
	var val = "",		mode = 1;
	scrollPos = $("body").scrollTop();
	
	if(scrollPos != 0) 
	{
		$('html,body').animate(
			{ scrollTop: 0 }, 
			'slow',
			function() {
				if(mode == 0)
				{
					$(".mainContent").html(val);
					initArticleDetailFunction();
				}
				else
				{
					mode = 0;
				}
			});
	} else mode = 0;
	
	$.post("./content/shop/mode.php", {'id':10,'aID':id}, function (data) {
		if(mode == 0)
		{
			$(".mainContent").html(data);
			actTab = 0;
			initArticleDetailFunction();
		}
		else
		{
			val = data;
			mode = 0;
		}
	});
}

function initArticleDetailFunction() 
{
	$(".detailHeadPicBack").click(function() 
	{
		var myHtml = "<img src=\""+$(this).children(".detailHeadPic").attr('src')+"\" class=\"previewImage\">";
		 	myHtml += "<br /><a onClick=\"javascript:hidePreview();\">Vorschau schlie&szlig;en</a>";
			
		$(".previewShadow").fadeIn(500);
		$(".preview").html(myHtml);
		$(".preview").fadeIn(500);
	});
}

function hidePreview() 
{
	$(".previewShadow").fadeOut(500);
	$(".preview").fadeOut(500, function() { 
		$(".preview").html("");	
	});
}

function changeTab(ID)
{
	$(".tabBar li:eq("+actTab+")").removeAttr('id').css({'backgroundImage':''});
	$(".tabBar li:eq("+ID+")").css({'backgroundImage':'url(\'content/shop/layout/img/tabbarElement.gif\')'});
	
	$(".detailMain div:eq("+actTab+")").slideUp('fast', function() {
		$(".detailMain div:eq("+ID+")").slideDown('slow');
	});
	actTab = ID;
}

function togglePrivacyPolicy() 
{
	$(".registerPrivacyPolicy").slideToggle();
}

function cashDeskSelect()
{
	var Mode = $("#mode").val(),
		paying = $("input:radio:checked[name='paying']").val();
	
	$.post("./content/shop/post.handle.php",{'mode':Mode,'paying':paying}, function(data) {
			window.location.hash='pID=43';	
	});
}

function cashDeskConfirm(price) 
{
	$.get("./content/shop/mode.php",{id:'16','price':price}, function(data) {
		$(".mainContent").html(data);	
	});
}

function loadProfileTab(id) 
{
	$(".profileNavContent li:eq("+actProfileTab+")").css("background-color","#E6E6E6");
	$(".profileNavContent li:eq("+actProfileTab+")").css("height","18px");
	$(".profileNavContent li:eq("+actProfileTab+")").css("margin-top","2px");
	$(".profileNavContent li:eq("+id+")").css("background-color","white");
	$(".profileNavContent li:eq("+id+")").css("height","20px");
	$(".profileNavContent li:eq("+id+")").css("margin-top","0px");
	
	actProfileTab = id;
	
	$(".profileMain").html("Laden...");
	
	$.get("./content/shop/mode.php", {'id':17,'page':id}, function(data) {
		$(".profileMain").html(data);
	});
}

function logout() 
{
	$.get("./content/shop/mode.php", {'id':18}, function(data) {
		$(".mainContent").html(data);
	});
}

function myConfirm(message,handler)
{
	var width = window.innerWidth;
	var left = (width - 300) / 2;
	var myHtml = "";
	
	$(".alert").css("left",left+"px");
	$(".previewShadow").css("background-color","#999999");
	
	myHtml = "<table border=\"0\" cellspacing=\"0\" width=\"100%\">";
	myHtml += "	<tr>";
	myHtml += "		<td height=\"20px\" style=\"border-bottom: 1px solid black; background-color: #FFCC33; color: #B88A00; padding-left: 10px;\">";
	myHtml += "			Warnung";
	myHtml += "		</td>";
	myHtml += "	</tr>";
	myHtml += "	<tr>";
	myHtml += "		<td valign=\"middle\" height=\"100px\" style=\"border-bottom: 1px solid #CCCCCC; color: #5C5C5C; font-size: 14px; padding-left: 15px;\">";
	myHtml += "			"+message;
	myHtml += "		</td>";
	myHtml += "	</tr>";
	myHtml += "	<tr>";
	myHtml += "		<td align=\"right\" height=\"20px\">";
	myHtml += "			<input type=\"button\" class=\"button\" value=\"Ok\" onClick=\"javascript:"+handler+"();javascript:myConfirmOut();\" />";
	myHtml += "			<input type=\"button\" class=\"button\" value=\"Abbrechen\" onClick=\"myConfirmOut();\" />";
	myHtml += "		</td>";
	myHtml += "	</tr>";
	myHtml += "</table>";
	
	$(".alert").html(myHtml);
	
	$(".previewShadow").fadeIn('fast');
	$(".alert").fadeIn('fast');
}

function myConfirmOut() 
{
	$(".previewShadow").fadeOut('fast');
	$(".alert").fadeOut('fast');	
	$(".previewShadow").css("background-color","black");
}

function getOrderDetail(orderID)
{
	$.get("./content/shop/mode.php", {'id':19,'orderID':orderID}, function(data) {
		$(".profileMain").html(data);
	});
}

function testHeight() 
{
	alert($("html,body").scrollTop());	
}