// Tooltip
var DH = 0;var an = 0;var al = 0;var ai = 0;if (document.getElementById) {ai = 1; DH = 1;}else {if (document.all) {al = 1; DH = 1;} else { browserVersion = parseInt(navigator.appVersion); if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {an = 1; DH = 1;}}} function fd(oi, wS) {if (ai) return wS ? document.getElementById(oi).style:document.getElementById(oi); if (al) return wS ? document.all[oi].style: document.all[oi]; if (an) return document.layers[oi];}
function pw() {return window.innerWidth != null? window.innerWidth: document.body.clientWidth != null? document.body.clientWidth:null;}
function mouseX(evt) {if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return null;}
function mouseY(evt) {if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return null;}
function popUp(evt,oi) {if (DH) {var wp = pw(); ds = fd(oi,1); dm = fd(oi,0); st = ds.visibility; if (dm.offsetWidth) ew = dm.offsetWidth; else if (dm.clip.width) ew = dm.clip.width; if (st == "visible" || st == "show") { ds.visibility = "hidden"; } else {tv = mouseY(evt) + 20; lv = mouseX(evt) - (ew/4); if (lv < 2) lv = 2; else if (lv + ew > wp) lv -= ew/2; if (!an) {lv += 'px';tv += 'px';} ds.left = lv; ds.top = tv; ds.visibility = "visible";}}}
// Einde

// Toon een verborgen div
function showDiv(id) {
	document.getElementById(id).style.display = "block";
	}

// Verberg een div
function hideDiv(id) {
	document.getElementById(id).style.display = "none";
	}

// Foto's op detailpagina
function detailfoto (fotoFlip) {
	for (i = 1; i <= 10; i++) {
		if (document.getElementById('fotoklein_' + i)) {
			if (i == fotoFlip) {
				document.getElementById('fotoklein_' + i).className = 'select';
				document.getElementById('fotogroot_' + i).className = 'show-big';
			}

			else {
				document.getElementById('fotoklein_' + i).className = '';
				document.getElementById('fotogroot_' + i).className = 'hide-big';
			}
		}
	}
}

function togglePopUpDiv(id) {
    if(id == 1){
        showDiv('popup_id_' + 1);
        document.getElementById('choose-product-1').setAttribute('style', 'border:1px solid #000132');
        hideDiv('popup_id_' + 2);
        document.getElementById('choose-product-2').setAttribute('style', 'border:1px solid #D7D6DA');
    }else{
        showDiv('popup_id_' + 2);
        document.getElementById('choose-product-2').setAttribute('style', 'border:1px solid #000132');
        hideDiv('popup_id_' + 1);
        document.getElementById('choose-product-1').setAttribute('style', 'border:1px solid #D7D6DA');
    }
}

function togglePopUpAccessoryDiv(id) {
    if(id == 1){
        showDiv('popup_accessories_id_' + 1);
        hideDiv('popup_accessories_id_' + 2);
    }else{
        showDiv('popup_accessories_id_' + 2);
        hideDiv('popup_accessories_id_' + 1);
    }
}

function swapLogo(popup_logo) {
    document.getElementById('logo_big').firstChild.src         = 'cms/upload/popup_logos/small/' + popup_logo;
    document.getElementById('logo_small').firstChild.src       = 'cms/upload/popup_logos/counter/' + popup_logo;
    document.getElementById('popup_logo').value                = popup_logo;
}

function uploadFile() {
    document.getElementById('fileatt-frm').appendChild(document.getElementById('fileatt'));
    document.getElementById('fileatt-frm').submit();
    document.getElementById('fileatt').value = '';
    document.getElementById('file-container').appendChild(document.getElementById('fileatt'));
}

function getReturnValue() {
    if(window.frames['fileatt-iframe'].document.getElementById('returnvalue') != null) {
        var popup_logo = window.frames['fileatt-iframe'].document.getElementById('returnvalue').innerHTML;
        swapLogo(popup_logo);

        var new_option = document.createElement('option');
        new_option.setAttribute('value', popup_logo);
        new_option.innerHTML = popup_logo;
        document.getElementById('select-logo').appendChild(new_option);
        document.getElementById('select-logo').selectedIndex = document.getElementById('select-logo').options.length - 1;
    }
}

function toggleSteps(show, a_hide) {
    var a_hide = a_hide.split(',');
    for(i = 0; i < a_hide.length; i++) {
        hideDiv(a_hide[i]);
    }
    showDiv(show);
    return false;
}

function updatePrice(obj, price) {
    var current_price = document.getElementById('hdn_total_price').value;
    if(obj.checked) {
        new_price = String(parseFloat(current_price) + parseFloat(price));
    } else {
        new_price = String(parseFloat(current_price) - parseFloat(price));
    }
    document.getElementById('hdn_total_price').value = new_price;
    document.getElementById('total_price').innerHTML = formatCurrency(new_price);
}

function formatCurrency(num) {
    // formats a string to ex. 1.233,99

    num = num.toString().replace(/\$|\,/g,'');
    if(isNaN(num)) {
        num = "0";
    }
    sign  = (num == (num = Math.abs(num)));
    num   = Math.floor(num * 100 + 0.50000000001);
    cents = num % 100;
    num   = Math.floor(num / 100).toString();
    if(cents < 10) {
        cents = '0' + cents;
    }
    for (var i = 0; i < Math.floor((num.length - (1 + i)) / 3); i++) {
        num = num.substring(0, num.length - (4 * i + 3)) + '.' + num.substring(num.length - (4 * i + 3));
    }

    return (((sign)?'':'-') + num + ',' + cents);
}

function setBannerBaseBackgroundColor(str_color) {
    document.getElementById('left').style.backgroundColor          = str_color;
    document.getElementById('right').style.backgroundColor         = str_color;
    document.getElementById('counter').style.backgroundColor       = str_color;
    document.getElementById('color1').value                        = str_color;
}

function setBannerMiddleBackgroundColor(str_color) {
    document.getElementById('middle').style.backgroundColor       = str_color;
    document.getElementById('color2').value                       = str_color;
}


function setFontFamily(str_font) {
    document.getElementById('slogan_display').style.fontFamily       = str_font;
    document.getElementById('usp1_display').style.fontFamily         = str_font;
    document.getElementById('usp2_display').style.fontFamily         = str_font;
    document.getElementById('usp3_display').style.fontFamily         = str_font;
}

function setFontColor(str_font_color) {
    document.getElementById('slogan_display').style.color       = str_font_color;
    document.getElementById('usp1_display').style.color         = str_font_color;
    document.getElementById('usp2_display').style.color         = str_font_color;
    document.getElementById('usp3_display').style.color         = str_font_color;
}

function toggleFontStyle(bln_checked) {
    document.getElementById('slogan_display').style.fontStyle = (bln_checked ? 'italic' : 'normal' );
    document.getElementById('usp1_display').style.fontStyle   = (bln_checked ? 'italic' : 'normal' );
    document.getElementById('usp2_display').style.fontStyle   = (bln_checked ? 'italic' : 'normal' );
    document.getElementById('usp3_display').style.fontStyle   = (bln_checked ? 'italic' : 'normal' );
}

function toggleFontWeight(bln_checked) {
    document.getElementById('slogan_display').style.fontWeight = (bln_checked ? 'bold' : 'normal' );
    document.getElementById('usp1_display').style.fontWeight   = (bln_checked ? 'bold' : 'normal' );
    document.getElementById('usp2_display').style.fontWeight   = (bln_checked ? 'bold' : 'normal' );
    document.getElementById('usp3_display').style.fontWeight   = (bln_checked ? 'bold' : 'normal' );
}

function setDefaults(str_color1, str_color2, str_font, str_font_color, bln_style_checked, bln_weight_checked) {
    document.getElementById('left-step3').style.backgroundColor      = str_color1;
    document.getElementById('right-step3').style.backgroundColor     = str_color1;
    document.getElementById('counter-step3').style.backgroundColor   = str_color1;
    document.getElementById('middle-step3').style.backgroundColor    = str_color2;

    document.getElementById('slogan_display-step3').style.fontFamily = str_font;
    document.getElementById('usp1_display-step3').style.fontFamily   = str_font;
    document.getElementById('usp2_display-step3').style.fontFamily   = str_font;
    document.getElementById('usp3_display-step3').style.fontFamily   = str_font;

    document.getElementById('slogan_display-step3').style.color      = str_font_color;
    document.getElementById('usp1_display-step3').style.color        = str_font_color;
    document.getElementById('usp2_display-step3').style.color        = str_font_color;
    document.getElementById('usp3_display-step3').style.color        = str_font_color;

    document.getElementById('slogan_display-step3').style.fontStyle  = (bln_style_checked ? 'italic' : 'normal' );
    document.getElementById('usp1_display-step3').style.fontStyle    = (bln_style_checked ? 'italic' : 'normal' );
    document.getElementById('usp2_display-step3').style.fontStyle    = (bln_style_checked ? 'italic' : 'normal' );
    document.getElementById('usp3_display-step3').style.fontStyle    = (bln_style_checked ? 'italic' : 'normal' );

    document.getElementById('slogan_display-step3').style.fontWeight = (bln_weight_checked ? 'bold' : 'normal' );
    document.getElementById('usp1_display-step3').style.fontWeight   = (bln_weight_checked ? 'bold' : 'normal' );
    document.getElementById('usp2_display-step3').style.fontWeight   = (bln_weight_checked ? 'bold' : 'normal' );
    document.getElementById('usp3_display-step3').style.fontWeight   = (bln_weight_checked ? 'bold' : 'normal' );
}