var itemcount=0;
var basketprice=0;
var ClearBasket=function(){
	$("#basket_full").remove();
}
function clear_contact_form(){

	$("#companyname").val("");
	$("#contact").val("");
	$("#email").val("");
	$("#phone").val("");
	$("#description").val("");
	
	
}

function basket_summary(){
	
	$.getJSON("basket.php", { action: 1 }, function(json){
		  
		  if (json.basket.count>0){
			  $("#cartsummary").html(json.basket.count+ " Artikel im Einkaufswagen (&euro; "+CurrencyFormatted(json.basket.price)+")");
			  $("#buttoncart[hidden!=true]").show();
			  $("#buttoncart[hidden=true]").hide();
			  $("#bottombarcart").show();
		  }else{
			  $("#bottombarcart").hide();
		  }
		});
}
function recalc_price(){
	
	var val1=parseFloat($("#defaultlength").text());
	var val2=parseFloat($("#prijsmeter").html().replace(",","."));
	var val3=Math.ceil(parseFloat($("#count").val()));
	if (val3>0){
		$("#count").val(val3);
	}
	
	$(".calcprice").text(CurrencyFormatted(val1*val2*val3));
}

function CurrencyFormatted(amount)
{
	var i = parseFloat(amount);
	if(isNaN(i)) { i = 0.00; }
	var minus = '';
	if(i < 0) { minus = '-'; }
	i = Math.abs(i);
	i = parseInt((i + .005) * 100);
	i = i / 100;
	s = new String(i);
	if(s.indexOf('.') < 0) { s += '.00'; }
	if(s.indexOf('.') == (s.length - 2)) { s += '0'; }
	s = minus + s.replace(".",",");
	return s;
}
function centerThis(div,divwidth,divheight) {
    var winH = $(window).height();
    var winW = $(window).width();
    var scrolltop=$(window).scrollTop();
    var scrollleft=$(window).scrollLeft();
    var centerDiv = $('#' + div);
    centerDiv.css('position','absolute');
    if(divwidth){
    	centerDiv.css('top', ((winH/2)-(divheight)/2)+scrolltop);
    	centerDiv.css('left', (winW/2)-(divwidth/2));
    }else{
    	centerDiv.css('top', 0+scrolltop);
    	centerDiv.css('left',0+scrollleft);
    }
}
function echeck(str) {

	var at="@"
	var dot="."
	var lat=str.indexOf(at)
	var lstr=str.length
	var ldot=str.indexOf(dot)
	if (str.indexOf(at)==-1){
	   return false
	}

	if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
	   return false
	}

	if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
	    return false
	}

	 if (str.indexOf(at,(lat+1))!=-1){

	    return false
	 }

	 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
	    return false
	 }

	 if (str.indexOf(dot,(lat+2))==-1){
	    return false
	 }
	
	 if (str.indexOf(" ")!=-1){
	    return false
	 }
	 return true					
}
function check_fields(formname){
	var formerror=0;
	$("input[need='true'][form='"+formname+"']").each(function(){
		if ($(this).val()==""){
			if ( $(this).hasClass("detail350") ){
				$(this).addClass("detail350red");
				$(this).removeClass("detail350");
			}
			if ( $(this).hasClass("detail250") ){
				$(this).addClass("detail250red");
				$(this).removeClass("detail250");
			}
			if ( $(this).hasClass("detail80") ){
				$(this).addClass("detail80red");
				$(this).removeClass("detail80");

			}
			if ( $(this).hasClass("detail55") ){
				$(this).addClass("detail55red");
				$(this).removeClass("detail55");
			}
			formerror++;
		}else{
			if ( $(this).hasClass("detail350red") ){
				$(this).addClass("detail350");
				$(this).removeClass("detail350red");
		
			}
			if ( $(this).hasClass("detail250red") ){
				$(this).addClass("detail250");
				$(this).removeClass("detail250red");
		
			}
			if ( $(this).hasClass("detail80red") ){
				$(this).addClass("detail80");
				$(this).removeClass("detail80red");
		
			}
			if ( $(this).hasClass("detail55red") ){
				$(this).addClass("detail55");
				$(this).removeClass("detail55red");
		
			}
			if ($(this).attr('name')=="email"){
				
				if (echeck($(this).val())){
					$(this).addClass("detail350");
					$(this).removeClass("detail350red");
				}else{
					$(this).addClass("detail350red");
					$(this).removeClass("detail350");
					formerror++;
				}
				
			}
		}
		
	});
	if (formerror>0){
	}else{
		centerThis("overlay");
		$("#overlay").show();
		$("#overlay").css("height",$(window).height());
		$("#orderartikel").empty( );
		
		$("#orderartikel").show();
		centerThis("orderartikel",400,200);
		switch(formname){
		case "order":{
			$("#orderartikel").append('<p class="defaulttext">Ihre Bestellung wird verarbeitet, einen Moment bitte<p><br><center><img src="/images/wait.gif"></center>');
			$.getJSON("basket.php", {
				action:8,
				companyname:$("#companyname").val(),
				contact:$("#contact").val(),
				street:$("#street").val(),
				zipcode:$("#zipcode").val(),
				streetnumber:$("#streetnumber").val(),
				city:$("#city").val(),
				phone:$("#phone").val(),
				country:$("#country").val(),
				email:$("#email").val(),
				formname:'order',
				description:$("#description[form='"+formname+"']").val(),
				kvknumber:$("#kvknumber").val(),
				vatnumber:$("#vatnumber").val(),
				transport:$("input[name=transport]:radio:checked'").val()
			}, function(json){
					if (json.error==1){
						updatebasketlist();
						$("#closebtncart").remove();
						$("#basket_full").animate({ 
					       	top:'743',
							height:'0'
					      }, 'slow',ClearBasket);
						$("#orderartikel").empty( );
						$("#orderartikel").append('<p class="defaulttext">Vielen Dank f&#252;r Ihre Bestellung. Ihre Bestellung wurde verarbeitet.<br>Eine &#220;bersicht &#252;ber Ihre Bestellung wurde an Ihre E-Mail-Adresse versandt.<p><br><center><img src="/images/sluiten.gif" id="sluiten"></center>');
						$("#buttoncart").attr('hidden',"false");
					}
				});
			break;
			}
			case "contact":{
				$("#orderartikel").append('<p class="defaulttext">Ihre Daten wird verarbeitet, einen Moment bitte<p><br><center><img src="/images/wait.gif"></center>');
				$.getJSON("basket.php", {
					action:9,
					companyname:$("#companyname[form='"+formname+"']").val(),
					contact:$("#contact[form='"+formname+"']").val(),
					phone:$("#phone[form='"+formname+"']").val(),
					email:$("#email[form='"+formname+"']").val(),
					formname:'contact',
					description:$("#description[form='"+formname+"']").val()
				}, function(json){
					if (json.error==1){
						$("#orderartikel").empty();
						clear_contact_form();
						$("#orderartikel").append('<p class="defaulttext">Vielen Dank f&#252;r Ihr Interesse. Wir nehmen so schnell wie m&#246;glich Kontakt mit Ihnen auf.<p><br><center><img src="/images/sluiten.gif" id="sluiten"></center>');
					}
				});
				break;
			}
			}
		}

}
var updatebasketlist=function (){
	$("#leftblockcompany").empty();
	$("#leftblockcompany").append('<p class="headercompany">Einkaufswagen:</p><table id="orderlist"></table>');
	$.getJSON("basket.php", {action:2 }, function(json){
		$("#orderlist").append('<tr><th>Ausf&#252;hrung</th><th style="font-size:16px;">&#248;</th><th>Innenrohr</th><th nowrap>Steigung&nbsp;(R)</th><th>Blattstärke</th><th>L&#228;nge</th><th>Menge</th><th>Preis (&euro;)</th></tr>');
		var buildhtml="";
		for(orderline in json.basket.artikels){ 
			$("#orderlist").append('<tr class="orderline"><td>'+json.basket.artikels[orderline].cat+'</td><td>'+json.basket.artikels[orderline].diameter+'</td><td>'+json.basket.artikels[orderline].binnenbuis+'</td><td>'+json.basket.artikels[orderline].spoed+'</td><td>'+json.basket.artikels[orderline].bladdikte+'</td><td>'+json.basket.artikels[orderline].restriction+'(mtr.)</td><td><b>'+json.basket.artikels[orderline].count+'</b></td><td class="right">'+CurrencyFormatted(json.basket.artikels[orderline].price)+'</td><td><img src="/images/edit.gif" aid="'+json.basket.artikels[orderline].artid+'" cat="'+json.basket.artikels[orderline].cat+'" class="editbutton" alt="Bearbeiten" title="Bearbeiten"></td><td><img src="/images/delete.gif" aid="'+json.basket.artikels[orderline].artid+'" cat="'+json.basket.artikels[orderline].cat+'" class="deletebutton" alt="Entfernen" title="Entfernen"></td></tr>');
		}
		buildhtml+='<tr><td colspan="8" class="right"><table style="display:inline;"><tr><td class="right">Zwischensumme:</td><td class="right">&euro;'+CurrencyFormatted(json.basket.total)+'</td></tr>';
		if (json.basket.discount>0){
			buildhtml+='<tr><td class="right">Discount:</td><td class="right">-&nbsp;&euro;'+CurrencyFormatted(json.basket.discount)+'</td></tr>';
		}
		buildhtml+='<tr><td class="right"style="padding-top:2px;">Gesamtsumme:</td><td class="right" style="border-top:1px solid black;padding-top:2px;font-weight:bold;">&euro;'+CurrencyFormatted(parseFloat(json.basket.total)-parseFloat(json.basket.discount))+'</td></tr></table></td></tr><tr><td colspan="5" style="text-align:left;">&nbsp;<i>Alle Preise verstehen sich zzgl. MwSt. und ab Werk<br>&nbsp;Die Rechnung muss für die Lieferung bezahlt werden</i></td></tr>';
		$("#orderlist").append(buildhtml);
		$("#leftblockcompany").append('<img src="/images/winkelen.gif" id="backbutton" form="order">');
		basket_summary();
	});
};
$(document).ready(function(){

	$(".button").mouseover(function(){
		var imagepath=$(this).children("a").children("img").attr('src').replace(".gif","_hover.gif");
		$(this).children("a").children("img").attr('src',imagepath);
	}).mouseout(function(){
		var imagepath=$(this).children("a").children("img").attr('src').replace("_hover.gif",".gif");
		$(this).children("a").children("img").attr('src',imagepath);
		});
	$(".button").click(function(){
		document.location=$(this).children("a").attr('href');
	});
	
	$(".addbutton,.buttonorderartikel,#closebtn,#buttoncart,#closebtncart,.editbutton,.deletebutton,.buttoneditartikel,#sendbutton,#backbutton,#sluiten,#sendcontactbutton").live("mouseover",function(){
		$(this).attr('src',$(this).attr('src').replace("_hover_hover","_hover"));
		var imagepath=$(this).attr('src').replace(".gif","_hover.gif");
		$(this).attr('src',imagepath);
	}).live("mouseout",function(){
		$(this).attr('src',$(this).attr('src').replace("_hover_hover","_hover"));
		var imagepath=$(this).attr('src').replace("_hover.gif",".gif");
		$(this).attr('src',imagepath);
		});
	$("#sluiten").live("click",function(){
		$("#orderartikel").hide();
		$("#overlay").hide();
	});
	$(".deletebutton").live("click",function(){
		
		$.getJSON("basket.php", { aid: $(this).attr('aid'),cat:$(this).attr('cat'),action:5 }, function(json){
			
			updatebasketlist();
		});
	});
	$(".orderline").live("mouseover",function(){

		$(this).addClass('highlight');

	}).live("mouseout",function(){

		$(this).removeClass('highlight');

	});

	$(".editbutton").live("click",function(){
		var currentrow=$(this).parent().parent();
		var currentitem=$(this);
		
			centerThis("orderartikel",400,200);
			centerThis("overlay");
			$("#orderartikel").empty( );
			$("#orderartikel").append('<img src="/images/close.gif" id="closebtn"><table class="orderpopuptable"><tr><th>Ausf&#252;hrung</th><td id="catlabel"></td></tr><tr><th>Durchmesser </th><td id="diameter"></td></tr><tr><th>Innenrohr</th><td id="binnenbuis"></td></tr><tr><th>Steigung (R)</th><td id="spoed"></td></tr><tr><th>Blattst&#228;rke</th><td id="bladdikte"></td></tr><tr><th>Preis/Meter&nbsp;&nbsp;&euro;</th><td id="prijsmeter"></td></tr></table><input type="hidden" name="aid" id="aid"><input type="hidden" name="category" id="category"><table class="orderpopupform"><tr><td><input type=text name="count" connectedbutton="buttoneditartikel" id="count" class="detail55" onkeyup="javascript:recalc_price()"> X <span id="defaultlength"></span> mtr.</td></tr><tr><td>&euro;<span class="calcprice">0</span></td></tr><tr><td><img src="/images/bijwerken.gif" border="0"  class="buttoneditartikel"></td></tr></table>');
			$("#orderartikel").show();
			$("#overlay").show();
			var position = $("#orderartikel").position();
			$("#closebtn").css( "left", '355px');
			$("#closebtn").css( "top" , '-25px' );
			
			$("#overlay").css("height",$(window).height());
			$.getJSON("basket.php", { aid: currentitem.attr('aid'),count:1,cat:currentitem.attr('cat'),action:6 }, function(json){
				$("#spoed").html(json.basket.artikels.spoed+"&nbsp;(mm)");
				$("#binnenbuis").html(json.basket.artikels.binnenbuis+"&nbsp;(mm)");
				$("#diameter").html(json.basket.artikels.diameter+"&nbsp;(mm)");
				$("#bladdikte").html(json.basket.artikels.bladdikte+"&nbsp;(mm)");
				$("#prijsmeter").text(CurrencyFormatted(json.basket.artikels.artikelprice));
				$("#aid").val(json.basket.artikels.artid);
				$("#catlabel").text(json.basket.artikels.category.replace("BEGIN",""));
				$("#category").val(json.basket.artikels.category);
				$("#defaultlength").text(json.basket.artikels.restrictions);
				$("#count").val(json.basket.artikels.artikelcount);
				recalc_price();
				});
			basket_summary();
			$("#count").focus();
	});

	
	$("#closebtncart,#backbutton").live("click",function(){
		var position2 = $("#bottombanner").position();
		$("#basket_full").animate({ 
	       	top:position2.top,
			height:'0'
	      }, 'slow',ClearBasket);
	$("#closebtncart").remove();
	$("#buttoncart").attr('hidden',"false");
	$("#buttoncart").show();
	});
	$(".addbutton").click(function(){
		centerThis("orderartikel",400,200);
		centerThis("overlay");
		$("#orderartikel").empty( );
		$("#orderartikel").append('<img src="/images/close.gif" id="closebtn"><table class="orderpopuptable"><tr><th>Ausf&#252;hrung</th><td id="catlabel"></td></tr><tr><th>Durchmesser</th><td id="diameter"></td></tr><tr><th>Innenrohr</th><td id="binnenbuis"></td></tr><tr><th>Steigung (R)</th><td id="spoed"></td></tr><tr><th>Blattst&#228;rke</th><td id="bladdikte"></td></tr><tr><th>Preis/Meter&nbsp;&nbsp;&euro;</th><td id="prijsmeter"></td></tr></table><input type="hidden" name="aid" id="aid"><input type="hidden" name="category" id="category"><table class="orderpopupform"><tr><td><input type=text name="count" connectedbutton="buttonorderartikel" id="count" class="detail55" onkeyup="javascript:recalc_price()"> X <span id="defaultlength"></span> mtr.</td></tr><tr><td>&euro;<span class="calcprice">0</span></td></tr><tr><td><img src="/images/buttonorderartikel.gif" border="0"  class="buttonorderartikel"></td></tr></table>');
		

		$("#orderartikel").show();
		$("#overlay").show();
		var position = $("#orderartikel").position();
		$("#closebtn").css( "left", '355px');
		$("#closebtn").css( "top" , '-25px' );
		
		$("#overlay").css("height",$(window).height());
		
		
		$.getJSON("basket.php", { aid: $(this).attr('artid'),count:1,cat:$(this).attr('cat'),action:6 }, function(json){
			$("#spoed").html(json.basket.artikels.spoed+"&nbsp;(mm)");
			$("#binnenbuis").html(json.basket.artikels.binnenbuis+"&nbsp;(mm)");
			$("#diameter").html(json.basket.artikels.diameter+"&nbsp;(mm)");
			$("#bladdikte").html(json.basket.artikels.bladdikte+"&nbsp;(mm)");
			$("#prijsmeter").text(CurrencyFormatted(json.basket.artikels.artikelprice));
			$("#aid").val(json.basket.artikels.artid);
			$("#catlabel").text(json.basket.artikels.category.replace("BEGIN",""));
			$("#category").val(json.basket.artikels.category);
			$("#defaultlength").text(json.basket.artikels.restrictions);
			$("#count").val('1');
			recalc_price();
			basket_summary();
			});
		$("#count").focus();
	});
	$("#buttoncart").click(function(){
		$("#basket_full").remove();
		$(".mainpos").append('<div id="basket_full"></div>')
		$("#basket_full").append('<div id="leftblockcompany"></div>');
		$("#basket_full").append('<div id="rightblockcompany"><p class="headercompany">Firmendaten:</p><table cellspacing="0" cellpadding="0" class="namefieldstable">	<tr><td class="leftlabel">Firmenname:</td><td><input class="detail350" need="true" type="text" name="companyname" id="companyname" value="" form="order"></td></tr>	<tr><td class="leftlabel">Kontakt person:</td><td><input class="detail350" need="true" type="text" name="contact" id="contact" value="" form="order"></td></tr><tr><td class="leftlabel">Adresse:</td><td><table width="100%" cellspacing="0" cellpadding="0"><tr><td><input class="detail250" need="true" type="text" name="street" id="street" value="" form="order"></td><td>Nr.</td><td class="right"><input class="detail80" type="text" need="true" name="streetnumber" id="streetnumber" value="" SIZE="5" form="order"></td></tr></table></td></tr><tr><td class="leftlabel">Postleitzahl:</td><td><table width="100%" cellspacing="0" cellpadding="0"><tr><td><input class="detail80" need="true" type="text" name="zipcode" id="zipcode" value="" form="order"></td><td>Ord:</td><td><input class="detail250" need="true" type="text" name="city" id="city" value="" form="order"></td></tr></table></td></tr><tr><td class="leftlabel">Land:</td><td><input class="detail350" need="true" type="text" name="country" id="country" form="order" value="Nederland"></td></tr><tr><td class="leftlabel">Telefon:</td><td><input class="detail350" need="true" type="text" name="phone" id="phone" value="" form="order"></td></tr><tr><td class="leftlabel">E-mail:</td><td><input class="detail350" need="true" type="text" name="email" id="email" value="" form="order"></td></tr><tr><td class="leftlabel">Isd Nummer:</td><td><input class="detail350" type="text" name="kvknumber" id="kvknumber" value="" form="order"></td></tr><tr><td class="leftlabel">MwSt Nummer:</td><td><input class="detail350" type="text" name="vatnumber" id="vatnumber" value="" form="order"></td></tr><tr><td class="leftlabel" style="vertical-align: top;">Opmerking:</td><td><textarea class="textarea50" need="" name="description" id="description" value="" type="text" form="order"></textarea></td></tr><tr><td></td><td><input type="radio" name="transport" name="transport" value="halen" checked>Ich hole die Bestellung ab.</td></tr><tr><td></td><td><input type="radio" name="transport" value="brengen">Die Bestellung soll bei uns afgegeben werden.</td></tr></table><img src="/images/send.gif" id="sendbutton" form="order"></div>');
		
		
		var position = $(".mainpos").position();
		$("#basket_full").css( "left", position.left);
		var position = $("#topbanner").position()
		var top=position.top+$("#topbanner").height()+12;
		//$("#orderform").slideUp("slow");
		//$("#basket_full").show();
		var position2 = $("#bottombanner").position();
		$("#basket_full").css("top",position2.top);
		$("#basket_full").animate({ 
	       	top:top,
			height:$(".mainpos").height()
	      }, 'slow' )
	      $(".mainpos").append('<img src="/images/close.gif" id="closebtncart">');
		$("#closebtncart").css('left',position.left+955);
		$("#closebtncart").css('top',top-25);
		updatebasketlist();
		$("#buttoncart").attr('hidden',"true");
	});
	$(".buttoneditartikel").live('click',function(){
		$.getJSON("basket.php", { aid: $("#aid").val(),count:$("#count").val(),cat:$("#category").val(),action:4 }, function(json){
			$("#orderartikel").hide();
			$("#overlay").hide();
			updatebasketlist();
		});
	});
	$(".buttonorderartikel").live('click',function(){
			$.getJSON("basket.php", { aid: $("#aid").val(),count:$("#count").val(),cat:$("#category").val(),action:3 }, function(json){
				$("#orderartikel").hide();
				$("#overlay").hide();
				basket_summary();
			});
	});
	$("#rvs").click(function(){
		$("#staal").removeClass("selected");
		$("#staalspoed").removeClass("selected");
		$("#rvsspoed").removeClass("selected");
		$("#rvs").addClass("selected");
		$("#tabrvs").css("z-index","99");
		$("#tabstaal").css("z-index","1");
		$("#tabstaalspoed").css("z-index","1");
		$("#tabrvsspoed").css("z-index","1");
		$("#tabrvs").show("slide", { direction: "left" }, 1000);
		//$("#tabstaal").hide("slide", { direction: "left" }, 1000);
	});
	$("#rvsspoed").click(function(){
		$("#staal").removeClass("selected");
		$("#staalspoed").removeClass("selected");
		$("#rvsspoed").addClass("selected");
		$("#rvs").removeClass("selected");
		$("#tabrvs").css("z-index","1");
		$("#tabstaal").css("z-index","1");
		$("#tabstaalspoed").css("z-index","1");
		$("#tabrvsspoed").css("z-index","99");
		$("#tabrvsspoed").show("slide", { direction: "left" }, 1000);
		//$("#tabstaal").hide("slide", { direction: "left" }, 1000);
	});
	$("#staal").click(function(){
		$("#rvs").removeClass("selected");
		$("#staalspoed").removeClass("selected");
		$("#rvsspoed").removeClass("selected");
		$("#staal").addClass("selected");
		$("#tabrvs").css("z-index","1");
		$("#tabstaalspoed").css("z-index","1");
		$("#tabrvsspoed").css("z-index","1");
		$("#tabstaal").css("z-index","99");
		$("#tabstaal").show("slide", { direction: "left" }, 1000);
		//$("#tabrvs").hide("slide", { direction: "left" }, 1000);
	});
	$("#staalspoed").click(function(){
		$("#rvs").removeClass("selected");
		$("#staalspoed").addClass("selected");
		$("#rvsspoed").removeClass("selected");
		$("#staal").removeClass("selected");
		$("#tabrvs").css("z-index","1");
		$("#tabstaalspoed").css("z-index","99");
		$("#tabrvsspoed").css("z-index","1");
		$("#tabstaal").css("z-index","1");
		$("#tabstaalspoed").show("slide", { direction: "left" }, 1000);
		//$("#tabrvs").hide("slide", { direction: "left" }, 1000);
	});
	jQuery.each(jQuery.browser, function(i, val) {
  		if((i=="mozilla")&(val==true)){
  		$(".fill").css("height","29px");
  		$(".amount").css("margin-top","2px");
  		$("#navigation").css("top","292px");
  		}else{
  			$("#leftlist").css("padding-top","1px");
  		}
     		
	});
	$("#btn_home,#btn_bestel,#btn_contact").mouseover(function(){
		
			$(this).not(".selected").css("background","#FFCD00");
		
	}).mouseout(function(){
		if($(this).hasClass("selected")){
			$(this).css("background","#FFDD00");
		}else{
			$(this).css("background","");
		}
	});
	$("#btn_home").click(function(){
		document.location="/index.html";
	});
	$("#btn_bestel").click(function(){
		document.location="/bestel.html";
	});
	$("#btn_contact").click(function(){
		document.location="/contact.html";
	});
	$("#sendbutton,#sendcontactbutton").live('click',function(){
		check_fields($(this).attr('form'));
	});
	
	$("#closebtn").live('click',function(){
		$("#orderartikel").hide();
		$("#overlay").hide();
	});
	
	basket_summary();
	
	$("#vanbeek").live("click",function(){
		
		window.open('http://www.van-beek.nl',"_blank");
		
	});
	
	$("#count").live("keypress",function(key){
		if (key.keyCode==13){
		
			$("."+$(this).attr("connectedbutton")).click();
		
		}
		
		
	});
});
