var strReadMore = "Read more";
var strHide = "Hide";

jQuery(document).ready(function() {

    jQuery('a.vis_toggle').click(function() {
        var $target = jQuery('#' + jQuery(this)[0].href.split('#')[1]);

        $target.slideToggle("slow");

        return false;
    });


    if (jQuery('#imagesCarousel').length) {
        jQuery('#imagesCarousel').jcarousel();
    }
    if (jQuery('#compareCarousel').length) {
        jQuery('#compareCarousel').jcarousel();
    }

    jQuery('div.pi_images a').click(function() {
        jQuery('div.pi_images a').removeClass('active');
        jQuery(this).addClass('active');

        jQuery('#imageTitle').text(this.title);
    });

    $("span.spoiler").hide();

    $('<span class="ellipsis">&nbsp;&#0133;</span><a class="reveal">' + strReadMore + '</a> ').insertBefore('span.spoiler');
    $('span.spoiler').parent().parent().append('<a class="hide">' + strHide + '</a>');

    $("a.hide").hide();

    $("a.reveal").click(function() {
        $(this).addClass("revealed");
        $("span.ellipsis").hide();
//        $("a.reveal").hide();
        $("span.spoiler").show();
        $("a.hide").show();
    });

    $("a.hide").click(function() {
        $("a.hide").hide();
        $("span.spoiler").hide();
        $("a.reveal").removeClass("revealed");
        $("span.ellipsis").show();

    });

//    jQuery("span.sendToFriend span.SendEmail label.overlabel").overlabel();
});


function changeImage(elm, id) {
    MagicMagnify_stopMagnifiers();
    var aElm = document.getElementById(id);
    aElm.href = elm.href;
    aElm.firstChild.src = elm.rev;
    setTimeout(function() {
        MagicMagnify_findMagnifiers(true);
    }, 500);
    return false;
}

function addCompareProduct(checkbox) {

    var $comparenow = jQuery('a', jQuery(checkbox).parent().parent());
    var cookie = $.cookie("CompareProducts");
    var value = "'" + checkbox.value + "'";
    if (checkbox.checked) {
        $comparenow.show();
        if (cookie == null) cookie = '';
        cookie += value;
    } else {
        $comparenow.hide();
        if (cookie != null && cookie != '') {
            var idx = cookie.indexOf(value, 0);
            if (idx == 0) {
                cookie = cookie.substring(value.length);
            } else if (idx > 0) {
                cookie = cookie.substring(0, idx) + cookie.substring(idx + value.length);
            }
        }
    }
    $.cookie("CompareProducts", cookie, { path: '/', expires: 7 });
}

function removeCompareProduct(link) {

    var value = "'" + link.rel + "'";
    var div = jQuery(link).parent();
    var cookie = $.cookie("CompareProducts");
    
    if (cookie != null && cookie != '') {
        var idx = cookie.indexOf(value, 0);
        if (idx == 0) {
            cookie = cookie.substring(value.length);
        } else if (idx > 0) {
            cookie = cookie.substring(0, idx) + cookie.substring(idx + value.length);
        }
        $.cookie("CompareProducts", cookie, { path: '/', expires: 7 });        
    }
    
    div.fadeOut(function() {
        jQuery(this).hide();
    });
}

function showSendToFriend() {
    var $span = jQuery('.ProductDetail .pi_top .pi_icons span.pi_share span.ShareOptions');
    if ($span.hasClass('Blog')) {
        $span.removeClass('Blog');
        $span.addClass('SendToFriend');
    } else {
        $span.toggleClass('SendToFriend');
    }
    if ($span.hasClass('SendToFriend')) {
        jQuery('.ProductDetail .pi_top .pi_icons span.pi_share').addClass('open');
    } else {
        jQuery('.ProductDetail .pi_top .pi_icons span.pi_share').removeClass('open');
    }
}

function cancelSendToFriendProduct() {
    jQuery('.ProductDetail .pi_top .pi_icons span.pi_share').removeClass('open');
    var $span = jQuery('.ProductDetail .pi_top .pi_icons span.pi_share span.ShareOptions');
    $span.removeClass('SendToFriend');
    jQuery('input#txtYourEmailProduct', $span).val('');
    jQuery('input#txtYourEmailProduct', $span).trigger('blur');
    jQuery('input#txtFriendEmailProduct', $span).val('');
    jQuery('input#txtFriendEmailProduct', $span).trigger('blur');
}

function sendEmailProduct() {
    var $span = jQuery('.ProductDetail .pi_top .pi_icons span.pi_share span.ShareOptions');

    var yourEmail = jQuery('input#txtYourEmailProduct', $span).val();
    var friendEmail = jQuery('input#txtFriendEmailProduct', $span).val();
    
    var $error = jQuery('span.Error', $span);

    var pattern = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if (yourEmail != '' && friendEmail != '' && pattern.test(yourEmail) && pattern.test(friendEmail)) {
        jQuery('span.SendEmail', $span).css('display', 'none');
        jQuery('#loader').css('display', 'inline-block');

        jQuery.ajax({
            type: "POST",
            async: "false",
            url: location.href,
            dataType: "json",
            data: ({ 'FUNCTION': 'SendToFriend', 'param0': yourEmail, 'param1': friendEmail }),
            success: function(data) {
                jQuery('.ProductDetail .pi_top .pi_icons span.pi_share').removeClass('open');
                jQuery('#loader').hide();
                jQuery('span.EmailSent').css('display', 'inline-block');
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                jQuery('.ProductDetail .pi_top .pi_icons span.pi_share').removeClass('open');
                jQuery('#loader').hide();
                $error.show();
            },
            beforeSend: function(xhr) {
                xhr.setRequestHeader("X-OFFICIAL-REQUEST", "TRUE");
            },
            complete: function(XMLHttpRequest, textStatus) {
            }
        }); 
        
        $error.css('display', 'none');
    } else {
        $error.css('display', 'block');
    }
}

function showBlog() {
    var $span = jQuery('.ProductDetail .pi_top .pi_icons span.pi_share span.ShareOptions');
    if ($span.hasClass('SendToFriend')) {
        $span.removeClass('SendToFriend');
        $span.addClass('Blog');
    } else {
        $span.toggleClass('Blog');
    }

    if ($span.hasClass('Blog')) {
        jQuery('.ProductDetail .pi_top .pi_icons span.pi_share').addClass('open');
    } else {
        jQuery('.ProductDetail .pi_top .pi_icons span.pi_share').removeClass('open');
    }
}