$(document).ready(function(){

    function infoWindow(name, msg){
        var popID = "infoWindow"; //Get Popup Name
        var popURL = "#?w=500"; //Get Popup href to define size

        //Pull Query & Variables from href URL
        var query= popURL.split('?');
        var dim= query[1].split('&');
        var popWidth = dim[0].split('=')[1]; //Gets the first query string value

        //Fade in the Popup and add close button
        $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');
        
        //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
        var popMargTop = ($('#' + popID).height() + 80) / 2;
        var popMargLeft = ($('#' + popID).width() + 80) / 2;

        //Apply Margin to Popup
        $('#' + popID).css({
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });

        //Fade in Background
        $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
        $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies 
        $('#infoText').html(msg);
        $('#infoName').text(name);   
        return false;
    }  
    
    //Close Popups and Fade Layer
    $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
        $('#fade , .popup_block').fadeOut(function() {
            $('#fade, a.close').remove();  //fade them both out
        });
        return false;
    });
    
 
 
    
    $('#newsletter').submit(function() {
        var email = $("#newsletterEmail").val();
        var isAdd = true;
                   
        $.ajax({
                type: "POST",
                url: "/newsletter/ajax/",
                data: "newsletter=1&email="+email,
                success: function(msg){
                    infoWindow("Příhlášení newsletteru", msg);  
                     
                }
        }); 
        
        if (isAdd)
            return false;
    });
    
    $('form[class="pridatZbozi"]').submit(function() {
        var id = $("input[name='id_zbozi']", this).val();
        var pocet = $("input[name='pocet']", this).val();
        var varianta = $("input[name='id_varianty']:checked", this).val();
        
        var isAdd = true;
//        alert(varianta);
        
        $.ajax({
                type: "POST",
                url: "/kosik/pridej/",
                data: "ajax=1&pocet="+pocet+"&id_zbozi="+id+"&id_varianty="+varianta,
                success: function(msg){
                    var items = msg.split("-----");
                    infoWindow("Přidání produktu do košíku", items[0]);
                    $("#kosikCena").text(items[1]+" Kč");
                }
        }); 
        
        if (isAdd)        
            return false;
    });
          
    
  });