/*  Greeting Cards Tabbed Preview: tab_preview2.js */

function form_validate(){
    var cardmsg = document.getElementById("cardtext").value;
    if (cardmsg=="Enter your text" || cardmsg==""){
        document.getElementById("cardtext").value = "";
        document.getElementById("selectcolor").value = "";
        document.getElementById("selectfname").value = "";
        document.getElementById("selectfsize").value = "";
    } else {
	var txt = document.getElementById("cardtext").value;
	document.getElementById("cardtext").value = no_crlf(txt,'<br>'  + String.fromCharCode(10))
    }
    var envmsg = document.getElementById("addresstext").value;
    if (envmsg=="Enter your address" || envmsg=="" ){
        document.getElementById("addresstext").value = "";
        document.getElementById("addressfname").value = "";
        try {
        document.getElementById("addressimage").value = "";
        } catch(err) {}
    } else {
	var txt = document.getElementById("addresstext").value;
	document.getElementById("addresstext").value = no_crlf(txt,'<br>'  + String.fromCharCode(10))
    }
}

function img_update(tab){
    if(tab==2){
        var cardcolors = new Array();
        var cardmsg = document.getElementById("cardtext").value;
        var cardmsg = no_crlf(cardmsg,"~").replace(/&amp;/,"%26").replace(/&/,"%26").replace(/#/,"%23");
        var img = document.getElementById("card_preview");
        var cardcolors = document.getElementById("selectcolor").value.split("_");
        var cardfont = "fonts/" + document.getElementById("selectfname").value + ".ttf";
        var cardsize = document.getElementById("selectfsize").value;
        if(img_isPortrait){
            var orientation = "&w=282&h=215";
        } else {
            var orientation = "&w=405&h=135";
        }
        var url="text2image.php?text=" + cardmsg + "&font=" + cardfont + "&r=" + cardcolors[1] + "&g=" + cardcolors[2] + "&b=" + cardcolors[3] + "&size=" + cardsize + "&align=C&aa=1" + orientation;
    } else {
        var envmsg = document.getElementById("addresstext").value;
        var envmsg = no_crlf(envmsg,"~").replace(/&amp;/,"%26").replace(/&/,"%26").replace(/#/,"%23");;
        var img = document.getElementById("envelope_preview");
        var envfont = "fonts/" + document.getElementById("addressfname").value + ".ttf";
        var envsize = "12";
        var url="text2image.php?text=" + envmsg + "&font=" + envfont + "&r=0&g=0&b=0&size=" + envsize + "&align=L&aa=1&w=300&h=180";
        var url=url + env_bgcolor;
        try {
        var envimage = document.getElementById("addressimage").value;
        }  catch(err) {}
        if(envimage){
            document.getElementById("envelope_image").src = "images/envelope/" + envimage + ".jpg";
            document.getElementById("envelope_image").style.display = "";
        } else {
            document.getElementById("envelope_image").src = "";
            document.getElementById("envelope_image").style.display = "none";
        }
    }
    img.src = url;
    document.getElementById("debug").innerHTML = url + "<br><br>";
}

function Personalize_Blank(obj){
    if(obj.value=="Blank") {
        document.getElementById("card_interior").style.background="url(" + img_blank + ")";
        if(img_isPortrait){
        document.getElementById("card_preview").style.marginTop="150px";
    } else {
            document.getElementById("card_preview").style.marginTop="100px";
    }
    } else {
        document.getElementById("card_interior").style.background="url(" + img_standard + ")";
        if(img_isPortrait){
        document.getElementById("card_preview").style.marginTop="190px";
    } else {
            document.getElementById("card_preview").style.marginTop="150px";
    }
    }
}

function switch_tabs(tab) {
    var tabs = document.getElementById('tabs').getElementsByTagName('li').length -1; //switch off all tabs and content
    for (i=0; i < tabs; i++) {
        document.getElementById('tab'+(i+1)).className = '';
        document.getElementById('tab'+(i+1)+'_content').style.display = 'none';
    }
    //switch on the selected tab and content
    document.getElementById('tab'+tab).className = 'current';
    document.getElementById('tab'+tab+'_content').style.display = 'block';
}
function no_crlf(str,newstr) {
    return rtrim(str).replace(/\r\n|\r/g, '\n').replace(/\n/g, newstr);
}
function ltrim(str) {
    for(var k = 0; k < str.length && isWhitespace(str.charAt(k)); k++);
    return str.substring(k, str.length);
}
function rtrim(str) {
    for(var j=str.length-1; j>=0 && isWhitespace(str.charAt(j)) ; j--) ;
    return str.substring(0,j+1);
}
function trim(str) {
    return ltrim(rtrim(str));
}
function isWhitespace(charToCheck) {
    var whitespaceChars = " \t\n\r\f";
    return (whitespaceChars.indexOf(charToCheck) != -1);
}
function showlayer(id) {
    obj=document.getElementById(id)
    obj.style.display = "block"
}
function hidelayer(id) {
    obj=document.getElementById(id)
    obj.style.display = "none"
}