/*
Copyright (c) 2009, Swati Raju. All rights reserved.
Author: Swati Raju
version: 1.0.0
*/
var Y = YAHOO;
var yud = YAHOO.util.Dom;
var yue = YAHOO.util.Event;
var yua = YAHOO.util.Anim;
Y.namespace("LBF");
Y.namespace("LBF.productsDog");
/**
    * LBF productsDog
    *
    * @module LBF products
    * @title LBF products
    * @namespace YAHOO.LBF.productsDog
    * @requires YAHOO, dom, event
    */
Y.LBF.productsDog = function() {  
    var wait           = null;
    var showProduct = function(e, val){
         for (var i=0; i< 4; i++){ 
             yud.removeClass("card-" + i, "selected");
             yud.setStyle("mod-car-cont" + (i + 1), "display", "none"); 
         }
         yud.addClass(this, "selected");
         yud.setStyle("mod-car-cont" + val, "display", "block");
         yue.preventDefault(e);
     };
     var closeNutritional = function(e){
         wait.hide();
         yue.preventDefault(e);
     };
     var showNutritional = function(e, val){
         var content        = yud.get("lb-content");
         content.innerHTML  = "";
         wait = 
                new YAHOO.widget.Panel("wait",  
                    { width: "645px", 
                      fixedcenter: true, 
                      close: true, 
                      draggable: false, 
                      zindex:4,
                      modal: true,
                      visible: true
                     } 
                 );
        switch(val){
            case 1:
               wait.setHeader("<h2><span><span>FRANK DOG</span></span></h2><a href='#' id='lb-close' class='close'></a>");
               var html = "<div class='l'><img src=\"http://www.letsbefrankdogs.com/static/imgs/lb_dog_nutritional.png\"/></div>";
               html    += "<div class='r'><img src=\"http://www.letsbefrankdogs.com/static/imgs/lb/frank.jpg\"/>";
               html    += "<div><h4>Ingredients:</h4> Grass-fed beef, water, sea salt, organic evaporated cane juice, organic spice, organic garlic powder, natural flavor (celery powder, spice extract, paprika extract), spices, lactic acid starter culture, in a lamb casing.</div>";
               break;
             case 2:
               wait.setHeader("<h2><span><span>THE BRAT DOG</span></span></h2><a href='#' id='lb-close' class='close'></a>");
               var html = "<div class='l'><img src=\"http://www.letsbefrankdogs.com/static/imgs/lb/lb_brat_nutritional.png\"/></div>";
               html    += "<div class='r'><img src=\"http://www.letsbefrankdogs.com/static/imgs/lb/brat.jpg\"/>";
               html    += "<div><h4>Ingredients:</h4> Pork, water, sodium lactate (from beets), sea salt, onion, organic evaporated cane juice, spices, marjoram, organic garlic powder, in a lamb casing.</div>";
               break;
            case 3:
                wait.setHeader("<h2><span><span>THE \"HOT\" DOG</span></span></h2><a href='#' id='lb-close' class='close'></a>");
                var html = "<div class='l'><img src=\"http://www.letsbefrankdogs.com/static/imgs/lb/lb_spicy_nutritional.png\"/></div>";
                html    += "<div class='r'><img src=\"http://www.letsbefrankdogs.com/static/imgs/lb/spicy.jpg\"/>";
                html    += "<div><h4>Ingredients:</h4> Pork, water, organic white wine, sodium lactate (from beets), sea salt, spices, paprika, garlic, basil, evaporated cane juice, in a lamb casing.</div>";
                break;
            case 4:
                wait.setHeader("<h2><span><span>THE BIRD DOG</span></span></h2><a href='#' id='lb-close' class='close'></a>");
                var html = "<div class='l'><img src=\"http://www.letsbefrankdogs.com/static/imgs/lb/turkey_nutritional.png\"/></div>";
                html    += "<div class='r'><img src=\"http://www.letsbefrankdogs.com/static/imgs/product_car/bird_dog_full.png\"/>";
                html    += "<div><h4>Ingredients:</h4> Turkey, Water, Sodium Lactate (from beets), Fresh Onion, Sea Salt, Organic Evaporated Cane Juice, Spices (Mustard, Thyme, Sage, Nutmeg, Coriander, Spices), Garlic Powder, Honey, Onion Powder, Celery Juice Powder, Paprika, Organic Spices, Spice Extractives, Paprika Extract, in a Lamb Casing.</div>";
                break;
             default:
        }
        html    += "<span>Allergen Info: Prepared and packaged using machines that may come in contact with milk/dairy, fish, wheat/gluten and soy.</span>";
        wait.setBody(html);
        wait.render(document.body);
        wait.show();
        yue.on('lb-close', "click", closeNutritional);
        yue.on("wait_mask", "click", closeNutritional);
        yue.preventDefault(e);
      };
      var showSpeech = function(e){
          yud.setStyle("speech", "display", "block");
           var myAnim = new yua("speech", { 
               opacity: { to: 1 }  
           }, .5, YAHOO.util.Easing.easeOut); 
           myAnim.animate();
       };
       var hideSpeech = function(e){
            var oRelatedTarget = yue.getRelatedTarget(e);
            if (oRelatedTarget != yud.get("speech") && !yud.isAncestor( yud.get("speech"), oRelatedTarget)){
                 var myAnim = new yua("speech", { 
                    opacity: { to: 0 }  
                 }, .5, YAHOO.util.Easing.easeOut);
                 var done = function(){
                     yud.setStyle("speech", "display", "none");
                 } 
                 myAnim.onComplete.subscribe(done);
                 myAnim.animate();
            }
        };
       var doNothing = function(e){
              yue.preventDefault(e);
       };
    return{
        /**
        * init page
        *
        * @method init
        * @param
        * @returns
        */
        init: function() {
            yue.on("card-0", "click", showProduct, 1, false);
            yue.on("card-1", "click", showProduct, 2, false);
            yue.on("card-2", "click", showProduct, 3, false);
            yue.on("card-3", "click", showProduct, 4, false);
            yue.on("n1", "click", showNutritional, 1, false);
            yue.on("n2", "click", showNutritional, 2, false);
            yue.on("n3", "click", showNutritional, 3, false);
            if (body_class != "ie"){
                yue.on("dog-talk", "mouseover", showSpeech, null, false);
                yue.on("dog-talk", "mouseout", hideSpeech, null, false);
            }
            yue.on("dog-talk", "click", doNothing, null, false);
            yue.on("n4", "click", showNutritional, 4, false);
        }
    };
}();
Y.LBF.productsDog.init();