$(document).ready(function() {
 var firstColorId = $('#colors li a').attr('id');
 $('#'+firstColorId).addClass('activeColor');
 
 $('ul#shopList li a').click(function () {
  $(this).toggleClass('b').next().slideToggle('fast');    
 });
 
 
 $('#dropdown li.dropdown').hover(
  function () {
   $(this).children('ul').show();
  },
  function () {
   $(this).children('ul').hide();
  }
 );
 

 
});

$.ajaxSetup( {
 type: 'POST',
 url: 'xhr/promo.php',
 dataType: 'html'
});

function toggle(field) {
 $(field).toggle()
}

function showPaymentMethod(field) {
 $('#paymentBoxes div').addClass('hidden');
 $('#paymentBoxes div#payment_'+field).removeClass();
}

function countPayment(field, productsCost, transportCost, promocodeValue) {
 var allPayment = productsCost + transportCost - promocodeValue;
 $('div#payment_'+field+' span#productsCost').html(productsCost+' zł');
 $('div#payment_'+field+' span#transportCost').html(transportCost+' zł');
 $('div#payment_'+field+' span#promocodeValue').html(promocodeValue+' zł');
 $('div#payment_'+field+' span#allPayment').html(allPayment+' zł');
 $('input#payment_'+field+'Input').val(field);      
 $('input#payment_'+field+'allPaymentInput').val(allPayment);  
}

function setColor_OLD(product, color, colorName, div) {
 var act = $('a#color'+color).attr('class');
 if (act=='blank') {
  $('img#colorImg').attr('src', '/i/colors/'+color+'.gif'); 
  $('a#colorLink').attr('href', '/i/colors/'+color+'.jpg');
  $('span#colorName').text(colorName);
  $('#colors'+div+' a').removeClass('activeColor');
  $('#colors'+div+' a#color'+color).addClass('activeColor');

  $('#product'+div).val(product);
  $('#color'+div).val(color);
 }
 else {
  $('a#color'+color).removeClass('activeColor').addClass('blank');
  $('#product'+div).removeAttr('value');
  $('#color'+div).removeAttr('value');
 }
 
 var product1 = $('#product1').val();
 var product2 = $('#product2').val();
 var color1 = $('#color1').val();
 var color2 = $('#color2').val();
 
 if (!product1) { 
  var cartlink = '/koszyk.php?o=buy&product='+product2+'&color='+color2;
 }
 else if (!product2) { 
  var cartlink = '/koszyk.php?o=buy&product='+product1+'&color='+color1;
 }
 else { 
  var cartlink = '/koszyk.php?o=buy&product='+product1+'&color='+color1+'&product2='+product2+'&color2='+color2;
 }
  
 $('a#cartLink').attr('href', cartlink);
}


function setColor(product, color, colorName, div) {
 var act = $('a#color'+color).attr('class');
 if (act=='blank') {
  $('img#colorImg').attr('src', '/i/colors/'+color+'.gif'); 
  $('a#colorLink').attr('href', 'javascript:popup('+color+')');
  $('span#colorName').text(colorName);
  $('#colors'+div+' a').removeClass('activeColor');
  $('#colors'+div+' a#color'+color).addClass('activeColor');

  $('#product'+div).val(product);
  $('#color'+div).val(color);
 }
 else {
  $('a#color'+color).removeClass('activeColor').addClass('blank');
  $('#product'+div).removeAttr('value');
  $('#color'+div).removeAttr('value');
 }
 
 var product1 = $('#product1').val();
 var product2 = $('#product2').val();
 var color1 = $('#color1').val();
 var color2 = $('#color2').val();
 
 if (!product1) { 
  var cartlink = '/koszyk.php?o=buy&product='+product2+'&color='+color2;
 }
 else if (!product2) { 
  var cartlink = '/koszyk.php?o=buy&product='+product1+'&color='+color1;
 }
 else { 
  var cartlink = '/koszyk.php?o=buy&product='+product1+'&color='+color1+'&product2='+product2+'&color2='+color2;
 }
  
 $('a#cartLink').attr('href', cartlink);
}


function setActive(id) {
 $('p.menu a').removeClass('active');
 $('p.menu a#m'+id).addClass('active');
}


function checkPromocode() {
 var promocode = $('input#promo').val();
  $.ajax({
   data: 'o=checkPromocode&promocode='+promocode,
   success: function(html) {
    $('#checkPromocode').html(html);
   }
  })
}



function vote(id) {
 $.ajaxSetup({ url: 'xhr/vote.php' })
 $.ajax({
  data: { o : 'vote', id : id },
  success: function(xml) {
   var err = $('err', xml).text();
   var msg = $('msg', xml).text();
   if (err) $('#vote').text(msg);
  }
 })
}


function popup(color) {
 window.open('/produkt-kolor.html?color='+color+'', 'kolory', 'width=650, height=500, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no');
}