﻿var glob_prLine = "TeddyDeer";

function getUrl() {
    var path = window.location.pathname;
    if(path == '')
        return '';
    else{
        pathArr = path.split('/');
        retString = '';
        for(var i = 0; i < pathArr.length; i++){
            if (pathArr[i] == 'parfum-deodorants') {
                retString = '../';
                //break;
            }
            else if (pathArr[i] == 'tips') {
                retString = '../../';
                break;
            }
        }
        return retString;
    }
}

function showPrLineDesc(prName) {    
    var uri = getUrl();
    $.ajax({
        url: uri+'handler/productLineHandler.ashx',
        data: 'prLine=' + prName,
        success: function (data) {
            $('.prLineDesc').html('');
            $('.prLineDesc').html(data);
        }
    });
}

function showProductDesc(cat, line, prName) {
    // registreer een view in analytics
    _gaq.push(['_trackPageview', line + '/' + prName + '.aspx']);

    var uri = getUrl();
    $.ajax({
        url: '../handler/productHandler.ashx',
        data: 'line=' + line + '&cat=' + cat,
        success: function (data) {
            $('.prDescDesc').html('');
            $('.prDescDesc').html(data);
        }
    });
}
function changeProductDesc(cat, line, prName) {
    shpwPrline(line);
    showProductDesc(cat, line, prName);
}

function validateEmail(value) {
    var re = /^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
    return re.test(value);
}
function validateNumber(value) {
    var re = /^([0-9][0-9]*$)/;
    return re.test(value);
}


//hyves widget
function showBadge() {
    var config_hub_badge = {
        width: 310,
        modules: {},
        pimp: {}
    }
    config_hub_badge.modules[Hyves.badge.module.MEMBER] = { count: 4 };
    config_hub_badge.pimp['bordercolor'] = '#000000';
    config_hub_badge.pimp['background'] = '#FFFFFF';
    config_hub_badge.pimp['header'] = '#000000';
    config_hub_badge.pimp['linkcolor'] = '#f31c83';
    config_hub_badge.pimp['ruler'] = '#f31c83';
    config_hub_badge.pimp['textcolor'] = '#000000';
    Hyves.connect.badge.overview('003de7408f72a0e655615d9b40a94c93ee', Hyves.type.HUB, config_hub_badge, 'hub_badge3');
}


//products
function shpwPrline(prLine) {
    // registreer een view in analytics
    _gaq.push(['_trackPageview', prLine + '.aspx']);

    $('.tabsLeft img').each(function () {
        if ($(this).attr('src').match('-hoover.png$')) {
            var tabSrc = $(this).attr('src');
            tabSrc = tabSrc.substr(0, (tabSrc.length) - 10);
            tabSrc = tabSrc + "inactive.png";
            $(this).attr('src', tabSrc);
            $(this).bind({ 
                mouseenter: function () {
                    var oldImg = tabSrc;
                    imgNAme = oldImg.substr(0, (oldImg.length) - 13);
                    $(this).attr('src', imgNAme + '-hoover.png');
                },
                mouseleave: function () {
                    var oldImg = tabSrc;
                    $(this).attr('src', oldImg);
                }
            });
        }
    });
    $('.prProductMain img').attr('src', '../img/producten/VG-Productlijn-' + prLine + '.png');    
    showPrLineDesc(prLine);
    glob_prLine = prLine;
    $('.' + prLine).unbind('mouseenter mouseleave');
    $('.' + prLine).attr('src', '../img/producten/VG-ProdSelecTab-' + prLine + '-hoover.png');
    $('area').each(function () {
        var alttag = $(this).attr('alt');
        var altArr = alttag.split(' ');
        var counter = altArr.length;
        var newAlt = '';
        for (var i = 0; i < altArr.length - 1; i++) {
            newAlt = newAlt + ' ' + altArr[i];
        }
        newAlt = newAlt + ' ' + prLine;
        $(this).attr('alt', newAlt);
    });
}

$(document).ready(function () {

    var bgcolor = $.cookie("bg-col");
    var uri = getUrl();
    switch (bgcolor) {
        case 'purple':
            $('body').css('background-image', 'url(' + uri + 'img/algemeen/VG-backgr-vertical1-purple.png)');
            break;
        case 'blue':
            $('body').css('background-image', 'url(' + uri + 'img/algemeen/VG-backgr-vertical2-blue.png)');
            break;
        case 'green':
            $('body').css('background-image', 'url(' + uri + 'img/algemeen/VG-backgr-vertical2-grn.png)');
            break;
        default:
            $('body').css('background-image', 'url(' + uri + 'img/algemeen/VG-backgr-vertical1-purple.png)');
    }
    $('.bgButtons').click(function () {

        if ($(this).hasClass('purpButton')) {
            $('body').css('background-image', 'url(' + uri + 'img/algemeen/VG-backgr-vertical1-purple.png)');
            $.cookie("bg-col", "purple", { expires: 7, path: '/' });
        } else if ($(this).hasClass('blueButton')) {
            $('body').css('background-image', 'url(' + uri + 'img/algemeen/VG-backgr-vertical2-blue.png)');
            $.cookie("bg-col", "blue", { expires: 7, path: '/' });
        } else {
            $('body').css('background-image', 'url(' + uri + 'img/algemeen/VG-backgr-vertical2-grn.png)');
            $.cookie("bg-col", "green", { expires: 7, path: '/' });
        }

    });

    $('#emailFieldNews').focus(function () {
        $(this).val('');
        $('#emailFieldNews').css('color', '#000000');
        $('.invalidEmailImg').hide();
    });

    $('#footerDiv a').fancybox();

    $('.newsSend').click(function () {
        var visEmail = $('#emailFieldNews').val();
        //if email is valid, insert into db
        if (validateEmail(visEmail)) {
            var uri = getUrl();
            $.ajax({
                url: uri + 'handler/newsbrief.ashx',
                data: 'email=' + visEmail,
                async: false,
                success: function (data) {
                    $('.newsBriefDiv').html('');
                    $('.newsBriefDiv').css('background-image', 'url(' + uri + 'img/algemeen/bedankt-aanmelden.png)');
                }
            });
        }
        else {
            $('#emailFieldNews').css('color', '#f81f84');
            $('.invalidEmailImg').show();
        }

    });

    $('.inActiveTips').hover(function () {
        $(this).css('background-color', '#c31265');
    }, function () {
        $(this).css('background-color', '#f92086');
    });

    $('#menuDiv img, img.cmd').each(function () {
        var oldImg = $(this).attr('src');

        $(this).hover(function () {
            var imgNAme = oldImg.substr(0, (oldImg.length) - 4);
            if (imgNAme.match('-active$')) {
                imgNAme = oldImg.substr(0, (oldImg.length) - 11);
            }
            if (imgNAme.match('-inactive$')) {
                imgNAme = oldImg.substr(0, (oldImg.length) - 13);
            }
            $(this).attr('src', imgNAme + '-hoover.png');
        }, function () {
            $(this).attr('src', oldImg);
        });
    });



    $('.TeddyDeer').attr('src', '../img/producten/VG-ProdSelecTab-TeddyDeer-hoover.png');
    shpwPrline(glob_prLine);

    $(".prLineCmdContainer area").click(function () {
        $(this).blur();
        $('#prTip').show();
        $('#prTip').html('<span>' + $(this).attr('id') + '</span><table><tr><td>Deodorant</td><td>Glitterspray</td></tr><tr><td>Douchegel</td><td>Mini deo</td></tr><tr><td>Shampoo</td><td>Mini douche</td></tr><tr><td>Eau de Toilette</td><td></td></tr></table>');
    });

    $('.prProductMain area').click(function () {
        $(this).blur();
        $('#prDescContainer').show();
        showProductDesc($(this).attr('id'), glob_prLine, $(this).attr('class'));

    });
    $('.sluiten').click(function () {
        $('#prDescContainer').hide();
    });

    $('#imgSend img').click(function () {
        $('.submitCmd').click();
    });

    $('.verplicht').click(function () {
        $(this).val('');
        $(this).css('color', '#000000');
    });

    $('.submitCmd').click(function () {
        var formValid = true;
        $('.verplicht').each(function () {
            if ($(this).val() == '' || $(this).val() == 'Dit is een verplicht veld') {
                $(this).css('color', '#f81f84');
                $(this).val('Dit is een verplicht veld');
                formValid = false;
            }
        });
        if (!formValid)
            return false;

        if (!validateEmail($('.email').val())) {
            $('.email').css('color', '#f81f84');
            $('.email').val('Ongeldig e-mailadres');
            return false;
        }

        if (!validateNumber($('.number').val())) {
            $('.number').css('color', '#f81f84');
            $('.number').val('Ongeldige leeftijd');
            return false;
        }

        return true;
    });
    $('.shareButt').each(function () {
        var oldUrl = $(this).attr('href');

        //$(this).attr('href', encodeURI(oldUrl));
        $(this).attr('href', oldUrl.replace('{0}', encodeURIComponent(document.location.href)));

    });

    var aanbLeft = $('#aanbiedingLeft a').text();
    $('#aanbiedingLeft a').hide();
    $('#anbiedingLeftAction').append('<a href="' + $('#aanbiedingLeft a').attr('href') + '" target="_blank" class="tekstLink">' + aanbLeft + '</a>');
    $('#anbiedingLeftAction .imgCmd').attr('href', $('#aanbiedingLeft a').attr('href'));

    var aanbMain = $('#mainActie a').text();
    $('#mainActie a').hide();
    $('#mainActieCmd').append('<a href="' + $('#mainActie a').attr('href') + '" target="_blank" class="tekstLink">' + aanbMain + '</a>');
    $('#mainActieCmd .imgCmd').attr('href', $('#mainActie a').attr('href'));

    if ($('#tipDescr1').has('img')) {
        $('#tipDescr1 p').first().width(268);
    }
});

