var selected1;
var selected2;

var total1 = 0;
var total2 = 0;

var items = new Array;


(function ($) {


  Drupal.behaviors.Orders = {
      attach: function (context, settings) {
        $('#block-block-12 #product-quantity-1', context).change(function () {
    	    var to_pay = $('#block-block-12 input[name="amount"]').val();
	    $('#block-block-12 .order-total-value').text('€' + to_pay * $(this).val());
        });
        
        $('#block-block-12 .order-colors div, #block-block-16 .order-colors div', context).hover(
        function() {
    	    $(this).css('border-color', '#6debff');
        },

        function() {
    	  if (selected1 != undefined) {
    	    if ($(this).attr('class') == selected1.attr('class')) {
    	      $(this).css('border-color', '#727272');
    	      return;
    	    }
    	  } 
    
	    $(this).css('border-color', '#ffffff');
        }
        
        );
        
        $('#block-block-12 .order-colors div', context).click(function() {
    	    $('#block-block-12 .order-colors div', context).each(function(index, value) { $(this).css('border-color', '#ffffff'); });
	    $('#block-block-12 input[name="os0"]').val($(this).text());
	    selected1 = $(this);
	    $(this).css('border-color', '#727272');
	    
    	    var to_pay = $('#block-block-12 input[name="amount"]').val();
	    $('#block-block-12 .order-total-value').text('€' + to_pay * $('#block-block-12 #product-quantity-1 option:selected').val());
	    
        });

        $('#block-block-13 #product-quantity-2', context).change(function () {
    	    var to_pay = $('#block-block-13 input[name="amount"]').val();
	    $('#block-block-13 .order-total-value').text('€' + to_pay * $(this).val());
	    $('#block-block-13 .order-button-wrapper').css('display', 'block');
        });
        
        $('#block-block-13 .order-colors div, #block-block-17 .order-colors div', context).hover(
        function() {
    	    $(this).css('border-color', '#6debff');
        },

        function() {
    	  if (selected2 != undefined) {
    	    if ($(this).attr('class') == selected2.attr('class')) {
    	      $(this).css('border-color', '#727272');
    	      return;
    	    }
    	  } 
	    $(this).css('border-color', '#ffffff');
        }
        
        );
        
        $('#block-block-13 .order-colors div', context).click(function() {
            $('#block-block-13 .order-colors div', context).each(function(index, value) { $(this).css('border-color', '#ffffff'); });
	    $('#block-block-13 input[name="os0"]').val($(this).text());
	    selected2 = $(this);
	    $(this).css('border-color', '#727272');
	    
	    var to_pay = $('#block-block-13 input[name="amount"]').val();
	    $('#block-block-13 .order-total-value').text('€' + to_pay * $('#block-block-13 #product-quantity-2 option:selected').val());
	    $('#block-block-13 .product-label-field').text($('#block-block-13 input[name="item_name"]').val() + '(' + $(this).text() + ')');
	    $('#block-block-13 .quantity-wrapper').css('display', 'block');
	    //$('#block-block-13 .order-button-wrapper').css('display', 'block');
	    $('#block-block-13 .order-total-wrapper').css('display', 'block');
        });

        $('#block-block-16 .quantity-select', context).change(function () {
    	    var to_pay = $('#block-block-16 input[name="amount"]').val();
    	    var total = 0;
    	    $('#block-block-16 .quantity-select', context).each(function(index, value) {
    	      total += to_pay * $('option:selected', value).val();
    	    });
    	    
    	    total1 = total;
    	    $('#block-block-16 .order-total-value').text(total + 'Ft');
	    
        });

        $('#block-block-17 .quantity-select', context).change(function () {
    	    var to_pay = $('#block-block-17 input[name="amount"]').val();
    	    var total = 0;
    	    $('#block-block-17 .quantity-select', context).each(function(index, value) {
    	      total += to_pay * $('option:selected', value).val();
    	    });
    	    
    	    total2 = total;
    	    $('#block-block-17 .order-total-value').text(total + 'Ft');
        });

	// order for hungarian pages
	
	$('#manual-cart-summary .payment-method-wrapper input[type="radio"]').bind('change', function() {
	  var o = $('#manual-cart-summary .payment-method-wrapper');
	  $('.payment-method-total').remove();
	  $('.payment-method-posting').remove();
	  
	  if ($(this).attr('id') == 'payment_0') {
	    var qt1 = 0;
	    var qt2 = 0;
	    
	    $('#edit-submitted-fizetes-modja-2').attr('checked', 'true');
	    
	    /*
	    $('#block-block-16 .quantity-select', context).each(function(index, value) {
		qt1 += parseInt($('option:selected', value).val());
	    });

	    $('#block-block-17 .quantity-select', context).each(function(index, value) {
		qt2 += parseInt($('option:selected', value).val());
	    });
	    */
	    
	    $.each(items, function(index, value) {
		if (value[0] == $('#block-block-16 input[name="item_name"]').val()) qt1 += parseInt(value[2]);
		else qt2 += parseInt(value[2]);
	    });
	    
	    var pst = 0;

	    /*
	    if (qt1 == 0) {
		if (qt2 == 1) {
		  pst = 420;
		} else if (qt2 == 2) {
		  pst = 580;
		}
	    } else if (qt1 > 0 && qt1 < 3) {
		pst = 1690;
	    }
	    
	    if ((qt1 + qt2) > 2) pst = 0;
	    */
	    
	    if (qt2 > 2 && qt1 <= qt2) {
	      pst = 0;
	    } else {
		if (qt1 == 0) {
		    if (qt2 == 1) {
			pst = 420;
		    } else if (qt2 == 2) {
			pst = 580;
	    	    }
		} else if (qt1 > 0) {
		    pst = 1690;
		}
	    }
	    
	    
	    var ttl = pst + total1 + total2 + ' Ft';
	
	    
	    if (pst == 0) {
	      pst = "Ingyenes szállítás";
	    } else {
	      pst = pst + ' Ft';
	    }

	    o.after('<div class="payment-method-total" style="border-top: 1px solid #fff;"><span class="posting-label">Fizetendő:</span><span>' + ttl + '</span></div>');
	    o.after('<div class="payment-method-posting"><span class="posting-label">Szállítás díja:</span><span>' + pst + '</span></div>');
	    
	  }

	  if ($(this).attr('id') == 'payment_1') {
	    var qt1 = 0;
	    var qt2 = 0;
	    
	    $('#edit-submitted-fizetes-modja-1').attr('checked', 'true');

	    /*	    
	    $('#block-block-16 .quantity-select', context).each(function(index, value) {
		qt1 += parseInt($('option:selected', value).val());
	    });

	    $('#block-block-17 .quantity-select', context).each(function(index, value) {
		qt2 += parseInt($('option:selected', value).val());
	    });
	    */

	    $.each(items, function(index, value) {
		if (value[0] == $('#block-block-16 input[name="item_name"]').val()) qt1 += parseInt(value[2]);
		else qt2 += parseInt(value[2]);
	    });

	    
	    var pst = 0;

	    /*
	    if (qt1 == 0) {
		if (qt2 == 1) {
		  pst = 1035;
		} else if (qt2 == 2) {
		  pst = 1195;
		}
	    } else if (qt1 >0 && qt1 < 3) {
		pst = 1690;
	    }
	    

	    if ((qt1 + qt2) > 2) pst = 0;
	    */
	    
	    if (qt2 > 2 && qt1 <= qt2) {
	      pst = 0;
	    } else {
		if (qt1 == 0) {
		    if (qt2 == 1) {
			pst = 1035;
		    } else if (qt2 == 2) {
			pst = 1195;
		    }
		} else if (qt1 >0) {
		pst = 1690;
		}
	    }

	    var ttl = pst + total1 + total2 + ' Ft';
	    
	    if (pst == 0) {
	      pst = "Ingyenes szállítás";
	    } else {
	      pst = pst + ' Ft';
	    }

	    o.after('<div class="payment-method-total" style="border-top: 1px solid #fff;"><span class="posting-label">Fizetendő:</span><span>' + ttl + '</span></div>');
	    o.after('<div class="payment-method-posting"><span class="posting-label">Szállítás díja:</span><span>' + pst + '</span></div>');
	    
	  }

	  if ($(this).attr('id') == 'payment_2') {
	  
	    $('#edit-submitted-fizetes-modja-3').attr('checked', 'true');
	  
	    var ttl = total1 + total2 + ' Ft';
	  
	    o.after('<div class="payment-method-total" style="border-top: 1px solid #fff;"><span class="posting-label">Fizetendő:</span><span>' + ttl + '</span></div>');
	    o.after('<div class="payment-method-posting"><span class="posting-label">Szállítás díja:</span><span>Nincs Szállítás díj személyes átvétel esetén</span></div>');
	  }

	});
	
	$('#block-block-16 .order-button, #block-block-17 .order-button', context).click(function(event) {
	  
	  // Recalculate totals, thanks to Firefox!
	  
	 var total = 0; 
	  
	 $('#block-block-16 .quantity-select', context).each(function(index, value) {
	    total += parseInt($('option:selected', value).val());
	    $('option:selected', value).change();
	 });

	 $('#block-block-17 .quantity-select', context).each(function(index, value) {
	    total += parseInt($('option:selected', value).val());
	    $('option:selected', value).change();
	 });
	  
	  
	  if (total) {

	    items = [];
	    $('#manual-cart').css('display', 'block');
	    $('#manual-cart-summary').css('display', 'block');
	    $('#manual-cart-order-btn').css('display', 'block');
	    
	    $('#manual-cart').html();
	    
	    $('#manual-cart-order-btn').html('<div class="order-button-wrapper"><input type="button" class="order-button" value="Megrendelés" onClick="show_order_data();"></div>');
	    // Append the items
	    $('#manual-cart').html('<div class="manual-cart-header"><div>Termék neve</div><div>Mennyiség</div><div>Ár</div><div></div></div>');

	    $('#block-block-16 .quantity-select', context).each(function(index, value) {
		var qt = $('option:selected', value).val();
		var am = $('#block-block-16 input[name="amount"]').val();
		var ch = $('#manual-cart').html();
		var cl = $(value).parents('.line-item-wrapper').find('div:first').text();
		var itn= $('#block-block-16 input[name="item_name"]').val();
		
		if (qt != 0) {
		$('#manual-cart').html(ch + '<div class="manual-cart-row"><div class="manual-cart-item">' + itn + ' (' + cl + ')</div><div class="manual-cart-item-quantity">' + qt + '</div><div class="manual-cart-cost">' + (qt * am) + ' Ft</div><div class="manual-cart-remove-item"><a href="javascript:remove_item(' + items.length + ');"><img src="/sites/all/themes/vizifotel/images/delete-icon.png" border="0" align="absmiddle">törlés</a></div>');
		items.push(new Array(itn, cl, qt, qt * am + ' Ft'));
		}
	    });
	    ch = $('#manual-cart').html();
	    
	    var sm = 0;
	    
	    $('#block-block-17 .quantity-select', context).each(function(index, value) {
		var qt = $('option:selected', value).val();
		var am = $('#block-block-17 input[name="amount"]').val();
		var ch = $('#manual-cart').html();
		var cl = $(value).parents('.line-item-wrapper').find('div:first').text();
		var itn= $('#block-block-17 input[name="item_name"]').val();
		
		if (qt != 0) {
		
		if (sm == 0) {
		  $('#manual-cart div.manual-cart-row:last').after('<div class="manual-cart-row">&nbsp;</div>');
		  ch = $('#manual-cart').html();
		  sm = 1;
		}
		
		$('#manual-cart').html(ch + '<div class="manual-cart-row"><div class="manual-cart-item">' + itn + ' (' + cl + ')</div><div class="manual-cart-item-quantity">' + qt + '</div><div class="manual-cart-cost">' + (qt * am) + ' Ft</div><div class="manual-cart-remove-item"><a href="javascript:remove_item(' + items.length + ');"><img src="/sites/all/themes/vizifotel/images/delete-icon.png" border="0" align="absmiddle">törlés</a></div>');
		items.push(new Array(itn, cl, qt, qt * am + ' Ft'));
		}
	    });

	    var total_costs = 0;
	    
	    $.each(items, function(index, value) {
		total_costs += parseInt(value[3]);
	    });
	    
	    ch = $('#manual-cart').html();
	    $('#manual-cart').html(ch + '<div class="manual-cart-footer"><div><strong>Összesen</strong></div><div></div><div>' + total_costs + ' Ft</div><div></div></div>');
	    $('#manual-cart-summary .payment-method-wrapper input[type="radio"]:checked').change();
	  } 
	  return false;
	});

	$('.page-node-2 .webform-client-form #edit-submit').click(function(event) { 
	    var str = '';
	    if (items.length == 0) {
	      alert('Nem választott ki egyetlen terméket sem!');
	      event.stopImmediatePropagation();
	      return false;
	    }
	    
	    $.each(items, function(index, value) {
		str += value.toString() + '|';
	    });
	    
	    $('.page-node-2 .webform-client-form input[name="submitted\\[products\\]"]').val(str);
	    $('.page-node-2 .webform-client-form input[name="submitted\\[products_html\\]"]').val('<span>asdasd</span>');
	});

	
	if ($('.page-node-2 .webform-client-form input[name="submitted\\[products\\]"]').val() != '' && $('.page-node-2 .webform-client-form input[name="submitted\\[products\\]"]').val() != undefined) {
	    $('#manual-cart').css('display', 'block');
	    $('#manual-cart-summary').css('display', 'block');
	    $('#manual-cart-order-btn').css('display', 'block');

	    $('#manual-cart-summary #payment_0').attr('checked', $('#edit-submitted-fizetes-modja-2').attr('checked'));
	    $('#manual-cart-summary #payment_1').attr('checked', $('#edit-submitted-fizetes-modja-1').attr('checked'));
	    $('#manual-cart-summary #payment_2').attr('checked', $('#edit-submitted-fizetes-modja-3').attr('checked'));
	    
	    $('#manual-cart-summary .payment-method-wrapper input[type="radio"]:checked').change();
	    
	    $('.webform-client-form').show();
	    // Rebuild cart from the hidden input
	    var read_items = $('.page-node-2 .webform-client-form input[name="submitted\\[products\\]"]').val().split('|');
	    $('#manual-cart').html('<div class="manual-cart-header"><div>Termék neve</div><div>Mennyiség</div><div>Ár</div><div></div></div>');
	    $.each(read_items, function(index, value) {
		if (value != '') {
		var in_values = value.split(',');

	       var ch = $('#manual-cart').html();
	       $('#manual-cart').html(ch + '<div class="manual-cart-row"><div class="manual-cart-item">' + in_values[0] + '(' + in_values[1] + ')</div><div class="manual-cart-item-quantity">' + in_values[2] + '</div><div class="manual-cart-cost">' + in_values[3] + '</div><div class="manual-cart-remove-item"><a href="javascript:remove_item(' + items.length + ');"><img src="/sites/all/themes/vizifotel/images/delete-icon.png" border="0" align="absmiddle">törlés</a></div>');
	       	items.push(in_values);
	       }
	    });
	    
	    var total_costs = 0;
	    
	    $.each(items, function(index, value) {
		total_costs += parseInt(value[3]);
	    });
	    
	    ch = $('#manual-cart').html();
	    $('#manual-cart').html(ch + '<div class="manual-cart-footer"><div><strong>Összesen</strong></div><div></div><div>' + total_costs + ' Ft</div><div></div></div>');
	    
	}
	
	$('#block-block-13 .small-images .product-small-image img').click(function() {
	    $('#block-block-13 .product-image img').attr('src', $(this).attr('src').replace('_sml', ''));
	});
      }
  };

}(jQuery));

function remove_item(what) {
  items.splice(what, 1);
  if (items.length == 0) {
    jQuery('#manual-cart').html('');
    jQuery('#manual-cart').css('display', 'none');
    jQuery('#manual-cart-summary').css('display', 'none');
    jQuery('#manual-cart-order-btn').css('display', 'none');
  } else {
  jQuery('#manual-cart').html('<div class="manual-cart-header"><div>Termék neve</div><div>Mennyiség</div><div>Ár</div><div></div></div>');
    
    var sm = 0;
    jQuery.each(items, function(index, value) {
       var ch = jQuery('#manual-cart').html();
       if ((value[0] == jQuery('#block-block-17 input[name="item_name"]').val()) && sm == 0) {
	  jQuery('#manual-cart div.manual-cart-row:last').after('<div class="manual-cart-row">&nbsp;</div>');
	  ch = jQuery('#manual-cart').html();
	  sm = 1;
       }
       jQuery('#manual-cart').html(ch + '<div class="manual-cart-row"><div class="manual-cart-item">' + value[0] + '(' + value[1] + ')</div><div class="manual-cart-item-quantity">' + value[2] + '</div><div class="manual-cart-cost">' + value[3] + '</div><div class="manual-cart-remove-item"><a href="javascript:remove_item(' + index + ');"><img src="/sites/all/themes/vizifotel/images/delete-icon.png" border="0" align="absmiddle">törlés</a></div>');
    });  
    
    var total_costs = 0;
    
    total1 = 0;
    total2 = 0;
    
    jQuery.each(items, function(index, value) {
	if (value[0] == jQuery('#block-block-16 input[name="item_name"]').val()) total1 += parseInt(value[3]);
	else total2 += parseInt(value[3]);
	
	total_costs += parseInt(value[3]);
    });

    ch = jQuery('#manual-cart').html();
    jQuery('#manual-cart').html(ch + '<div class="manual-cart-footer"><div><strong>Összesen</strong></div><div></div><div>' + total_costs + ' Ft</div><div></div></div>');
    jQuery('#manual-cart-summary .payment-method-wrapper input[type="radio"]:checked').change();
  }
}

function show_order_data() {
  jQuery('.webform-client-form').slideDown('fast');
  jQuery('#manual-cart-order-btn').hide();
};