$(document).ready(function(){



	assets_url = 'http://www.strapnwrap.nl/assets/';



	$(".product_bestel_optie_select").change(function(){

		str = $(this).children("option:selected").attr('price');

		//alert(str);

		if (str)

			$(".product_basis_bestel_knop").val(str);

	});



	$(".rollover").mouseenter(function(){

		str = $(this).attr("src");

		str = str.replace(".png", "_highlight.png");

		$(this).attr("src", str);

	});



	$(".rollover").mouseleave(function(){

		str = $(this).attr("src");

		str = str.replace("_highlight.", ".");

		$(this).attr("src", str);

	});

	

	$("#finalize_order").click(function(){

		$('#dialog').dialog('open');

		$( 'a.ui-dialog-titlebar-close' ).remove();

	});



	$("#dialog").dialog({

		autoOpen: false,

		disabled: true,

		closeOnEscape: false,

		modal: true,

	});

	
	$("#dialog").dialog({
		autoOpen: false,
		disabled: true,
		closeOnEscape: false,
		modal: true,
	});

	$("#dialog2").dialog({
		autoOpen: false,
		disabled: true,
		closeOnEscape: false,
		modal: true,
	});

	$("a.idealpaymentinit").click(function(){
		$("p.idealpaymentclick").hide();
	});	

	$('a#idealpaymentinitiate').ready(function(){
		$('#dialog2').dialog('open');
		$('a.ui-dialog-titlebar-close').remove();
		$('#startidealpayment').submit();
		$("p.idealpaymentclick").hide();
	});



	

	$(".grid1").mouseenter(function(){

		$(".grid").css("background", "url("+assets_url+"cat_grid_1_highlight.png)");  

		$(this).removeClass("gridregular");

		$(this).addClass("gridhighlight");

	});

	$(".grid2").mouseenter(function(){

		$(".grid").css("background", "url("+assets_url+"cat_grid_2_highlight.png)");  

		$(this).removeClass("gridregular");

		$(this).addClass("gridhighlight");

	});

	$(".grid3").mouseenter(function(){

		$(".grid").css("background", "url("+assets_url+"cat_grid_3_highlight.png)");  

		$(this).removeClass("gridregular");

		$(this).addClass("gridhighlight");

	});

	$(".grid4").mouseenter(function(){

		$(".grid").css("background", "url("+assets_url+"cat_grid_4_highlight.png)");  

		$(this).removeClass("gridregular");

		$(this).addClass("gridhighlight");

	});

	$(".grid5").mouseenter(function(){

		$(".grid").css("background", "url("+assets_url+"cat_grid_5_highlight.png)");  

		$(this).removeClass("gridregular");

		$(this).addClass("gridhighlight");

	});

	$(".grid6").mouseenter(function(){

		$(".grid").css("background", "url("+assets_url+"cat_grid_6_highlight.png)");  

		$(this).removeClass("gridregular");

		$(this).addClass("gridhighlight");

	});

	$(".grid7").mouseenter(function(){

		$(".grid").css("background", "url("+assets_url+"cat_grid_7_highlight.png)");  

		$(this).removeClass("gridregular");

		$(this).addClass("gridhighlight");

	});

	$(".grid8").mouseenter(function(){

		$(".grid").css("background", "url("+assets_url+"cat_grid_8_highlight.png)");  

		$(this).removeClass("gridregular");

		$(this).addClass("gridhighlight");

	});

	$(".grid9").mouseenter(function(){

		$(".grid").css("background", "url("+assets_url+"cat_grid_9_highlight.png)");  

		$(this).removeClass("gridregular");

		$(this).addClass("gridhighlight");

	});



	$(".grid1").mouseleave(function(){

		$(".grid").css("background", "");  

		$(this).addClass("gridregular");

		$(this).removeClass("gridhighlight");

	});

	$(".grid2").mouseleave(function(){

		$(".grid").css("background", "");  

		$(this).addClass("gridregular");

		$(this).removeClass("gridhighlight");

	});

	$(".grid3").mouseleave(function(){

		$(".grid").css("background", "");  

		$(this).addClass("gridregular");

		$(this).removeClass("gridhighlight");

	});

	$(".grid4").mouseleave(function(){

		$(".grid").css("background", "");  

		$(this).addClass("gridregular");

		$(this).removeClass("gridhighlight");

	});

	$(".grid5").mouseleave(function(){

		$(".grid").css("background", "");  

		$(this).addClass("gridregular");

		$(this).removeClass("gridhighlight");

	});

	$(".grid6").mouseleave(function(){

		$(".grid").css("background", "");  

		$(this).addClass("gridregular");

		$(this).removeClass("gridhighlight");

	});

	$(".grid7").mouseleave(function(){

		$(".grid").css("background", "");  

		$(this).addClass("gridregular");

		$(this).removeClass("gridhighlight");

	});

	$(".grid8").mouseleave(function(){

		$(".grid").css("background", "");  

		$(this).addClass("gridregular");

		$(this).removeClass("gridhighlight");

	});

	$(".grid9").mouseleave(function(){

		$(".grid").css("background", "");  

		$(this).addClass("gridregular");

		$(this).removeClass("gridhighlight");

	});

	

	$("#copy_invoice_deliver").change(function(){

		if ($(this).attr('checked'))

		{

			$("input[name=daddress_company]").val($("input[name=iaddress_company]").val());

			$("input[name=daddress_street]").val($("input[name=iaddress_street]").val());

			$("input[name=daddress_number]").val($("input[name=iaddress_number]").val());

			$("input[name=daddress_suffix]").val($("input[name=iaddress_suffix]").val());

			$("input[name=daddress_zip]").val($("input[name=iaddress_zip]").val());

			$("input[name=daddress_city]").val($("input[name=iaddress_city]").val());

			$("select[name=daddress_country]").val($("select[name=iaddress_country]").val());

		}

	});

	

	$("select[name=bank]").change(function(){

		$("#idealradio").attr("checked","checked");

	})



    $.tabs = function(selector, start) {

        $(selector).each(function(i, element) {

            $($(element).attr('tab')).css('display', 'none');

            

            $(element).click(function() {

                $(selector).each(function(i, element) {

                    $(element).removeClass('selected');

                    

                    $($(element).attr('tab')).css('display', 'none');

                });

                

                $(this).addClass('selected');

                

                $($(this).attr('tab')).css('display', 'block');

            });

        });

        

        if (!start) {

            start = $(selector + ':first').attr('tab');

        }

        $(selector + '[tab=\'' + start + '\']').trigger('click');

    };

    

	$("a[rel^='prettyPhoto']").prettyPhoto({showTitle: false, theme:'facebook'});

	

	$.tabs('.tabs a'); 



});