// Background Image Fix
try { document.execCommand("BackgroundImageCache", false, true)} catch(e) {};

/*  ------------------------------------------------------------------
    Google Tracking -------------------------------------------------- */
    function ga(category, action, label){
        if(undefined!==window.pageTracker){ 
            pageTracker._trackEvent(category, action , label);
        }
        return;
    };
    function gaPage(url){
        if(undefined!==window.pageTracker){ 
            pageTracker._trackPageview(url);
        }
        return;
    };

/* ------------------------------------------------------------------
    Close Popin ---------------------------------------------------- */
    function closePopin(){
        jQuery.modal.close();
    };


/* JQUERY PREVENT CONFLICT */
(function($) {

/*  ------------------------------------------------------------------
    Animations ------------------------------------------------------- */
    $.easing.backout = function(x, t, b, c, d){
        var s=1.70158;
        return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
    };


/*  ------------------------------------------------------------------
    External Link ---------------------------------------------------- */
    $.extend($.expr[':'],{
        external: function(a,i,m) {
            if(!a.href) { return false; }
            return $(a).is('[rel*="external"]');
        }
    });
    
    $.fn.externalLinks = function() {
        return this.each( function() {
            $("a", this)
                .not('.youtube')
                .filter(function(){
                    if($(this).is(":external")){
                        return true;
                    }else{
                        return $(this).is("[href^='http://']:not([href*='"+location.hostname+"'])");
                    }
                })
                .unbind("click.external")
                .bind("click.external", function(){
                    return !window.open(this.href);
                });
        });
    };


/*  ------------------------------------------------------------------
    Hover function --------------------------------------------------- */
    $.fn.addHover = function(classOver) {
        var classHover = classOver || "over";
        return this.hover(
            function(){ $(this).addClass(classHover); },
            function(){ $("."+classHover).removeClass(classHover); }
        );
    };


/*  ------------------------------------------------------------------
    Fix Input Focus -------------------------------------------------- */
    $.fn.inpFocus = function(settings) {
        // defaults settings
        settings = $.extend({
            classFocus: "inpFocus"
        }, settings);
        return this.each( function() {
           $(this).find("input:text, input:password, textarea, select").each(function(){
                $(this)
                .bind("focus.inpFocus", function(){
                    $(this).addClass(settings.classFocus);
                })
                .bind("blur.inpFocus", function(){
                    $(this).removeClass(settings.classFocus);  
                })
                .blur();// now change all inputs
            });
        });
    };
    

/*  ------------------------------------------------------------------
    Open YouTube Video ----------------------------------------- */
    $.fn.openYouTube = function() {
    // default settings
    var settings = $.extend( {
        w: 395,
        h: 254,
        hd: true,
        autoPlay: true,
        showRelated: false
    },settings);

        return this.each( function() {
            var hd = (settings.hd)? "&hd=1" : "";
            var autoPlay = (settings.autoPlay)? "&autoplay=1" : "";
            var showRelated = (settings.showRelated)? "&rel=1" : "&rel=0";
            var vid = $(this).attr('href').match("[\\?&]v=([^&#]*)");
            vid = vid[1];

            function getYouTube(vid){
                var youtube = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+ settings.w +'" height="'+ settings.h +'">';
                    youtube += '<param name="movie" value="http://www.youtube.com/v/'+ vid+hd +autoPlay+showRelated +'"></param>';
                    youtube += '<param name="wmode" value="transparent"></param>';
                    youtube += '<embed src="http://www.youtube.com/v/'+ vid+hd+autoPlay+showRelated +'" type="application/x-shockwave-flash" wmode="transparent" width="'+ settings.w +'" height="'+ settings.h +'"></embed>';
                    youtube += '</object>';
                return youtube;
            };

            // create a modal dialog with the data
            $('<div id="popin" class="loader"></div>').modal({
                closeClass: 'b_close',
                minWidth: settings.w + 45,
                minHeight: null,
                position: [35],
                overlayId: 'overlay',
                onShow:function (dialog) {
                    //Show overlay
                    dialog.overlay.show();

                    //Add content
                    dialog.data.html(getYouTube(vid));
                }
            });
        });
    };


/*  ------------------------------------------------------------------
    Simple Tooltip --------------------------------------------------- */
    $.fn.introPicture = function() {
        var $introBox = $('<div>').css({ position:'absolute', top:'245px', left:'0', width:'170px' }).appendTo(this);
        return $(this).find('.b_number').each( 
            function() {
                var $this = $(this); 
                var tTitle = (this.title);
                this.title = ""; 
                $this.hover(function(){
                    $introBox.html(tTitle);
                    ga('What is ShaToBu - Image Map', 'Mouseover', $.trim($(this).html()));
                },
                function(){
                    $introBox.empty();
                });
        });
    };


/*  ------------------------------------------------------------------
    Disabled Button -------------------------------------------------- */
    $.fn.disableButton = function(disable) {
        var $this = $(this);
        if(disable){
            $this.attr('disabled', 'disabled').css({ cursor:"default", opacity:.5 }); //, opacity:.5
        }else{
            $this.attr('disabled', '').css({ cursor:"pointer", opacity:1 }); //, opacity:1 
        }
        return $this;
    };


/* ------------------------------------------------------------------
    Get HTML Content ------------------------------------------------ */
    $.fn.getContent = function(url, resp) {
        var $html = $('#main', resp).removeAttr('id');

        // Bind Click on button
        $html.find(":button")
            .bind("click.bindEvents", function(){
                $(this)
                    .disableButton(true)
                    .submitPopin(url); 
                return false;
            });

        //Fix IE Hover and Focus
        if($.browser.msie && $.browser.version < 7){
            // Fix button:hover
            $html.find(":button").addHover("overBtn");
            
            //Add Focus
            $html.inpFocus();
        }

        return this.html($html);
    };


/* ------------------------------------------------------------------
    Ajax Call - Submit Popin ---------------------------------------- */
    $.fn.submitPopin = function(url) {
        var $btn = $(this);

        $.ajax({
            type: "POST",
            url: url,
            //Serialize only fields inside Popin
            data: $btn.parents("form:first").serialize(), 
            complete: function () {
                $btn.disableButton(false);
            },
            success: function (resp) {
                // Log the action in Google Analytics
                if(undefined!==window.pageTracker){
                    pageTracker._trackPageview(url);
                }
                
                $("#popin").getContent(url, resp);
            }
        });
        return this;
    };


/*  ------------------------------------------------------------------
    Load Function ---------------------------------------------------- */ 
    $.fn.loadFct = function (lang) {
        
        //On focus, remove text inside input containing a title, put it back if it has not change
        $(function(){
            $("input[type*='text'][title]")
            .bind("focus",function(){ if(this.value==this.title){ this.value=""; } })
            .bind("blur",function(){ if(this.value==""){ this.value=this.title; } });
        });

        
        //Toggle content on details page
        $("#toggle")
            .find('.toggle_item')
            .addClass('close')
            .find('h3')
            .prepend('<span/>')
            .bind('click', function(){ 
                $(this).parent().toggleClass('open').toggleClass('close'); 
                if ($(this).parent().hasClass('open')){
                    var category;
                    switch ($('body').attr('id')){
                        case 'p_details':
                            category = 'Products Details';
                            break;
                        case 'p_faq':
                            category = 'Frequently Asked Questions';
                            break;
                        case 'p_proventechnology':
                            category = 'Proven Technology';
                            break;
                        default:
                            category = 'Toggle';
                    }
                    ga(category, 'Expand Info', $(this).html());
                }
            });

        // Load Info from xCart
        $().loadXCart();

        // External Links
        $().externalLinks();
        
        // Currency Dropdown
        $("li:gt(0)", "ul.currency").each(function(){ $(this).hide(); });
        $("#b_changecurrency").bind('click', function(e){
            e.stopPropagation();
            $(this).parent("li").toggleClass("open");
            $("li:gt(0)", "ul.currency").toggle();
        });
        $("li","ul.currency").bind('click', function(e){
            e.stopPropagation();                  
        });
        /* Close the dropdown when clicking outside */
        $(document).bind("click", function(){
            $("li:eq(0)", "ul.currency").removeClass("open");
            $("li:gt(0)", "ul.currency").hide();
        });


        //Thumbnails - Selected Arrow
        var $op_thumb = $('.op_thumb > li', '#options');
        $op_thumb.find('a').bind('click.op_thumb', function(){
            $op_thumb.removeClass('selected');
            $(this).parent().addClass('selected');
            //Tracking 
            ga('Product Details', 'Thumbnails', $(this).attr('title'));
        });


        // start slideshow 
        var $slider = $('#slider'); 
        if($slider.length > 0) {
            $('#slider')
            .cycle({ 
                timeout:  0, 
                speed:    500, 
                prev:    '#b_slide_prev', 
                next:    '#b_slide_next',
		cleartypeNoBg: true
            });
            //show buttons
            $("#b_slide_prev, #b_slide_next").show();
        }

/*        var $slider = $('#slider'); 
        if($slider.length > 0) {
            var slides = new Array('/img/products/banner/slide_5.jpg','/img/products/banner/slide_4.jpg','/img/products/banner/slide_3.jpg','/img/products/banner/slide_2.jpg');
            var totalSlideCount = 1 + slides.length;
            //minimum of 2 slides
            if( totalSlideCount > 1 ) {
                //show buttons
                $("#b_slide_prev, #b_slide_next").show();
                 
                // markup contains only a single slide; before starting the slideshow we  
                // append one slide and prepend one slide (to account for prev/next behavior) 
                $slider.prepend('<img src="'+slides.pop()+'" />'); 
                $slider.append('<img src="'+slides.shift()+'" />'); 
         
                // start slideshow 
                $('#slider')
                .cycle({ 
                    startingSlide: 1,
                    timeout:  0, 
                    speed:    500, 
                    prev:    '#b_slide_prev', 
                    next:    '#b_slide_next', 
                    before:   onBefore 
                });
            }     
        }

        function onBefore(curr, next, opts, fwd) { 
            if (!opts.addSlide) 
                return; 
           
         // have we added all our slides? 
            if (opts.slideCount == totalSlideCount) 
                return; 
 
            // shift or pop from our slide array  
            var nextSlideSrc = fwd ? slides.shift() : slides.pop(); 
             
            // add our next slide 
            opts.addSlide('<img src="'+nextSlideSrc+'" />', fwd == false); 
        }; 
*/
        var $cta = $("#cta");
        // Open STF Popin
        $('.i_email', $cta).bind('click.stf', function(){
            var href = $(this).attr("href");
            $.get(href,
                function(msg){
                    // create a modal dialog with the data
                    $('<div id="popin"></div>').modal({
                        closeClass: 'b_close',
                        minWidth: 485,
                        minHeight: null,
                        position: [35],
                        overlayId: 'overlay',
                        onShow:function (dialog) {
                            //Show overlay
                            dialog.overlay.show();

                            //Add content
                            dialog.data.getContent(href, msg);
                        }
                    });
                }
            ); 
            
            return false;
        });

	//popup sizing chart
       $('#SizingChartButton').bind('click.stf', function(){
            $('<div id="popin"></div>').modal({
                closeClass: 'b_close',
                minWidth: 810,
                minHeight: null,
                position: [35],
                overlayId: 'overlay',
                onShow:function (dialog) {
                    //Show overlay
                    dialog.overlay.show();
                    dialog.data[0].innerHTML = $('#SizingChart .toggle_desc').html();
                }
            });
            
            return false;
        });
        
        // Open Newsletter Popin
        $('.i_newsletter').bind('click.newsletter', function(){
            var href = $(this).attr("href");
            $.get(href,
                function(msg){
                    // create a modal dialog with the data
                    $('<div id="popin"></div>').modal({
                        closeClass: 'b_close',
                        minWidth: 485,
                        minHeight: null,
                        position: [35],
                        overlayId: 'overlay',
                        onShow:function (dialog) {
                            //Show overlay
                            dialog.overlay.show();

                            //Add content
                            dialog.data.getContent(href, msg);
                        }
                    });
                }
            ); 
            
            return false;
        });

        // Open Facebook in New Window
        $('.i_facebook', $cta).bind('click.facebook', function(){
            var share_popup = window.open($(this).attr('href'), 'Shatobu', 'scrollbars=yes,resizable=yes,toolbar=no,location=no,status=no,width=620,height=436');
            if (share_popup) { share_popup.focus(); }
            return !share_popup;
        });

        // Open Youtube Video into Popin
        $(".youtube").bind('click', function(){
            $(this).openYouTube();
            return false;
        });

        // What is ShaToBu - Tooltip Number Info 
        $("#introPicture").introPicture();

        //Contact Form Validation
        $("#frm_contact, #frm_retailer, #frm_newsletter")
            .submit(function () {
                var $form = $(this);
                if($form.isValid()){
                    //Newsletter - Submit with ajax
                    if ($form.is('#frm_newsletter')) {
                        var $btn = $(':button', $form);
                        $.ajax({
                            type: "POST",
                            url: $form.attr('action'),
                            //Serialize only fields inside Popin
                            data: $form.serialize(), 
                            complete: function () {
                                $btn.disableButton(false);
                            },
                            success: function (resp) {
                                gaPage("/newsletter/signup-thank-you");
                                $form.html($('#frm_newsletter', resp).html());
                            }
                        });
                        return false;
                    }
                    return true;
                }else{
                    return false;
                }
            });

        /* Add to cart Button (Read Doc ajax-addtocart.txt) */
        function getQty(str){
            var rg = /(.*:?)"changed":(.*)}},(.*:?)/g;
            var qty = str.match(rg);
            qty = RegExp.$2

            return qty;
        }

        $("#b_addtocart").bind('click', function(){
            var $btn = $(this);
            var $form = $("#frm_product");
            var $form_msg = $('#form_msg');
            var lng_msg = {};
            var select_array = $("select :selected", $form);
            var email_subject = $('#subjectStyle').html() + ', ' + select_array[0].innerHTML + ', ' + select_array[1].innerHTML;
            email_subject = email_subject ? '?subject=' + escape(email_subject): '';

            $btn.disableButton(true)//.find('span').html('sending...');
            
            if(lang == 'fr_CAD'){
                lng_msg.qty = "Oups ! Votre commande d&eacute;passe le nombre d'articles que nous avons en stock actuellement ! Les articles qui nous restent en stock seront ajout&eacute;s &agrave; votre panier. Nous proc&eacute;dons &agrave; un r&eacute;approvisionnement et le reste de votre commande sera trait&eacute; dans les plus brefs d&eacute;lais. Veuillez nous excuser pour ce contretemps.";
                lng_msg.success = "Votre panier a bien &eacute;t&eacute; mis &agrave; jour.";
                lng_msg.stock = "Oups ! Nous n'avons pas cet article en stock pour le moment. Nous sommes actuellement en train de refaire notre inventaire et il devrait &ecirc;tre &agrave; nouveau disponible sous peu. Envoyez-nous un courriel <a href='mailto:&#109;&#97;&#x69;&#x6c;&#x74;&#x6f;&#58;&#x63;&#117;s&#116;&#111;&#x6d;&#101;&#114;&#x73;&#101;&#x72;&#118;&#105;&#99;&#x65;&#x40;&#115;h&#97;&#x74;&#111;&#x62;&#117;&#x2e;&#99;&#x6f;&#x6d;"+ email_subject +"'>&#x63;&#117;s&#116;&#111;&#x6d;&#101;&#114;&#x73;&#101;&#x72;&#118;&#105;&#99;&#x65;&#x40;&#115;h&#97;&#x74;&#111;&#x62;&#117;&#x2e;&#99;&#x6f;&#x6d;</a> et nous vous ferons savoir dans les plus brefs d&eacute;lais lorsque ce mod&egrave;le sera disponible. "
            }else{
                lng_msg.qty = "Oops! Your order exceeds the quantity of this item we have in stock right now! We have added what we have available to your Shopping Cart, and will refill our inventory, so the rest of your order can be processed soon. We apologize for the inconvenience.";
                lng_msg.success = "Your cart has been successfully updated.";
                lng_msg.stock = "Oops! We do not have this item in stock right now. But we are refilling our inventory, and this item will be available again soon. Please email us <a href='mailto:&#109;&#97;&#x69;&#x6c;&#x74;&#x6f;&#58;&#x63;&#117;s&#116;&#111;&#x6d;&#101;&#114;&#x73;&#101;&#x72;&#118;&#105;&#99;&#x65;&#x40;&#115;h&#97;&#x74;&#111;&#x62;&#117;&#x2e;&#99;&#x6f;&#x6d;"+ email_subject +"'>&#x63;&#117;s&#116;&#111;&#x6d;&#101;&#114;&#x73;&#101;&#x72;&#118;&#105;&#99;&#x65;&#x40;&#115;h&#97;&#x74;&#111;&#x62;&#117;&#x2e;&#99;&#x6f;&#x6d;</a> and we will notify you when this style is available. ";
            }

            $.ajax({ 
                url: $form.attr('action'), 
                data: $form.serialize(), 
                success: function(msg){
                    $btn.disableButton(false);//.find('span').html('Add to cart');
                    //Check if Success
                    if(msg.length > 0){
                        //Check if we have added the same number of items
                        if(getQty(msg) != $('#amount').val()) {
                            $form_msg.fadeOut(function(){ $(this).html(lng_msg.qty).show()});
                        }else{
                            location.href = '/shop/cart.php';
                            //$form_msg.fadeOut(function(){ $(this).html(lng_msg.success).show()});
                        }
                        $().loadXCart();
                    }
                    else {
                        $form_msg.fadeOut(function(){ $(this).html(lng_msg.stock).show()}); //.animate({ dummy: 1 }, 3000).empty();
                    }
            }});

            return false;
        });

         // News
        var $news = $('#news')
        if($news.length > 0) {
            $news.find('.b_popin').bind('click.popin', function(){
                var url = $(this).attr('href');
                
                imgSize      = $(this).attr('rel').split('-');
                imgWidth     = parseInt(imgSize[0]);
                imgHeight    = parseInt(imgSize[1]);
                windowHeight = $(window).height() - 100;
                if(imgHeight>windowHeight){
                    imgWidth  = (windowHeight * imgWidth) / imgHeight;
                    imgHeight = windowHeight;
                }else{
                    imgWidth = imgWidth + 46;
                    imgHeight = null;
                }
                
                // create a modal dialog with the data
                $('<div id="popin"></div>').modal({
                    closeClass: 'b_close',
                    minWidth: imgWidth,
                    minHeight: imgHeight,
                    position: [25],
                    overlayId: 'overlay',
                    onShow:function (dialog) {
                        //Show overlay
                        dialog.overlay.show();
                        //Add content
                        if(imgHeight!=null){
                            dialog.data.html('<img src="'+ url +'" style="height:'+ (imgHeight-36) +'px;">');
                        }else{
                            dialog.data.html('<img src="'+ url +'">');
                        }
                    }
                });

                return false;
            });
        }
            
        // Proven Technology
            //size 1: minWidth:532
            //size 2: minWidth:515
            //size 3: minWidth:371
            $('#p_proventechnology').find('.b_popin').bind('click.popin', function(){
                var url = $(this).attr('href');
                var title = $(this).attr('title');
                // create a modal dialog with the data
                $('<div id="popin"></div>').modal({
                    closeClass: 'b_close',
                    minWidth:parseInt($(this).attr('rel')),
                    minHeight: null,
                    position: [50],
                    overlayId: 'overlay',
                    onShow:function (dialog) {
                        //Show overlay
                        dialog.overlay.show();

                        //Add content
                        dialog.data.html('<img src="'+ url +'" ><p class="center">' + title + '</p>');
                    }
                });

                return false;
            });
            
           

        //Fix IE
        if($.browser.msie && $.browser.version < 7){
            //For Input Fields
            // Default: { classFocus: "inpFocus" }
            $('form').inpFocus();

            // Fix button:hover
            $(".btn").addHover("overBtn");
        }
                
        return this;
    };
    
})(jQuery);


///////////////////////////////////

function getShortUrl(longUrl) {  var longUrl = longUrl;  if (longUrl.href)	longUrl = longUrl.href;  longUrl = longUrl.replace(/\+/gi, "-");
  var url = "/bitly.php?url=" + escape(longUrl);
  if (window.XMLHttpRequest) {              
    AJAX=new XMLHttpRequest();              
  } else {                                  
    AJAX=new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (AJAX) {
     AJAX.open("GET", url, false);                             
     AJAX.send(null);
     return eval("(" + AJAX.responseText + ")").data.url;                                         
  } else {
     return false;
  }                                             
}

function TweetProduct(lang)
{
	var productName = $(".banner_inner h1").html();
	var tweet = "";
	if (lang == "en")
		tweet = "Loving this muscle toning product [" + productName + "] by @ShaToBu - check it out! ";
	else 
		tweet = "J'adore [" + productName + "] de @ShaToBu - venez voir! ";
	try	{		var returnData = getShortUrl(document.location);		if (returnData)			tweet += returnData;	}	catch (ex)	{		tweet += document.location;
	}
	
	return "http://twitter.com/intent/tweet?text=" + encodeURI(tweet);
}

function TweetBlog(lang)
{
	var productName = $(".divBlogTitle h1").html();
	var tweet = "";
	if (lang == "fr_CAD")
		tweet = "Venez voir: [" + productName + "] sur le site @ShaToBu, l'exercise prêt-à-porter ";
	else 
		tweet = "Check this out: [" + productName + "] on @ShaToBu The Workout You Wear ";

	try	{		var returnData = getShortUrl(document.location);		if (returnData)			tweet += returnData;	}	catch (ex)	{		tweet += document.location;	}
	
	return "http://twitter.com/intent/tweet?text=" + encodeURI(tweet);
}