var xmlHttp;
var xmlHttp2;
var xmlHttp3;
var doColor;

function add2db(size, style, color, r, price, w, h, o, colorname, num, color2, color3, plaque, plaque_msg) {
    xmlHttp = GetXmlHttpObject();
    if (xmlHttp == null) {
        alert("Browser does not support HTTP Request");
        return;
    }
    var url = "scripts/collageframe.php";
    url = url + "?style=" + style + "bg=" + color + "&r=" + r + "&action=add2cart&price=" + price + "&width=" + w + "&height=" + h + "&cn=" + colorname + "&size=" + size + "&num=" + num + "&color2=" + color2 + "&color3=" + color3 + "&pl=" + plaque + "&plmsg=" + plaque_msg;
    url = url + "&sid=" + Math.random();
    if (o == 'add') {
        xmlHttp.onreadystatechange = added2db;
    } else {
        xmlHttp.onreadystatechange = frameit;
    }
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
}
function changeColor(style, bg, r, num, bg2, bg3) {
    xmlHttp = GetXmlHttpObject();
    if (xmlHttp == null) {
        alert("Browser does not support HTTP Request");
        return;
    }
    var sizeIndex = document.getElementById("size").selectedIndex;
    var fsize = document.getElementById("size")[sizeIndex].value;
    if (fsize != '') {
        xmlHttp2 = GetXmlHttpObject();
        var url2 = "scripts/collageframe.php";
        url2 = url2 + "?style=" + style + "&action=GetPrice&r=" + r + "&size=" + fsize + "&num=" + num + "&c=" + bg3 + "&c2=" + bg2 + "&c3=" + bg;
        url2 = url2 + "&sid=" + Math.random();
        xmlHttp2.onreadystatechange = getPrice99;
        xmlHttp2.open("GET", url2, true);
        xmlHttp2.send(null);
    }
    var url = "scripts/collageframe.php";
    url = url + "?bg=" + bg + "&r=" + r + "&style=" + style + "&action=step2B&num=" + num + "&bg2=" + bg2 + "&bg3=" + bg3;
    url = url + "&sid=" + Math.random();
    xmlHttp.onreadystatechange = colorChanged;
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
}
function step2(style, r, double, cat) {
    xmlHttp = GetXmlHttpObject();
    if (xmlHttp == null) {
        alert("Browser does not support HTTP Request");
        return;
    }
    if (double == 1) {
        document.getElementById('color2').style.display = 'block';
        document.getElementById('bcolor').style.display = 'block';
    }
    if (double == 2) {
        document.getElementById('color2').style.display = 'block';
        document.getElementById('bcolor').style.display = 'block';
        document.getElementById('color').style.display = 'block';
        document.getElementById('bcolor3').style.display = 'block';
    }
    var url = "scripts/collageframe.php";
    url = url + "?style=" + style + "&action=step2A&r=" + r;
    url = url + "&sid=" + Math.random(); //alert(url);
    xmlHttp.onreadystatechange = stateChanged;
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
    document.getElementById("style_id").value = style;
    xmlHttp2 = GetXmlHttpObject();
    var url2 = "scripts/collageframe.php";
    url2 = url2 + "?style=" + style + "&action=GetOptions&r=" + r + "&cat=" + cat; 
    url2 = url2 + "&sid=" + Math.random(); //alert(url);
    xmlHttp2.onreadystatechange = Options;
    xmlHttp2.open("GET", url2, true);
    xmlHttp2.send(null);
	//show_size_info();
}
function getInfo(style, size, r, num, color3, color2, color) {
    xmlHttp = GetXmlHttpObject();
    if (xmlHttp == null) {
        alert("Browser does not support HTTP Request");
        return;
    }
    var url = "scripts/collageframe.php";
    url = url + "?style=" + style + "&action=GetPrice&r=" + r + "&size=" + size + "&num=" + num + "&c3=" + color3 + "&c2=" + color2 + "&c=" + color;
    url = url + "&sid=" + Math.random();
    xmlHttp.onreadystatechange = getPrice;
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
    xmlHttp2 = GetXmlHttpObject();
    var url2 = "scripts/collageframe.php";
    url2 = url2 + "?style=" + style + "&action=GetSize&r=" + r + "&size=" + size;
    url2 = url2 + "&sid=" + Math.random();
    xmlHttp2.onreadystatechange = getSize;
    xmlHttp2.open("GET", url2, true);
    xmlHttp2.send(null);
    xmlHttp3 = GetXmlHttpObject();
    var url3 = "scripts/collageframe.php";
    url3 = url3 + "?style=" + style + "&action=GetSize&pft=1&r=" + r + "&size=" + size;
    url3 = url3 + "&sid=" + Math.random();
    xmlHttp3.onreadystatechange = getButtons;
    xmlHttp3.open("GET", url3, true);
    xmlHttp3.send(null);
}
function getPrice() {
    if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
        if (document.getElementById('plaque_message') != null) {
            var plaque_msg = document.getElementById('plaque_message').value;
            var p = document.getElementsByName('plaque');
            for (var i = 0; i < p.length; i++) {
                if (p[i].checked) {
                    var plaque = p[i].value;
                    break;
                }
            }
        }
        if (plaque == "yes") document.getElementById("price").innerHTML = xmlHttp.responseText + ' (+ $15.00 for Plaque)';
        else document.getElementById("price").innerHTML = xmlHttp.responseText;
		
    } else {
        document.getElementById("price").innerHTML = '<font face="Verdana" size="2"><img src="js/loading.gif"> Calculating Price...</font>';
    }
}
function getPrice99() {
    if (xmlHttp2.readyState == 4 || xmlHttp2.readyState == "complete") {
        if (document.getElementById('plaque_message') != null) {
            var plaque_msg = document.getElementById('plaque_message').value;
            var p = document.getElementsByName('plaque');
            for (var i = 0; i < p.length; i++) {
                if (p[i].checked) {
                    var plaque = p[i].value;
                    break;
                }
            }
        }
        if (plaque == "yes") document.getElementById("price").innerHTML = xmlHttp2.responseText + ' (+ $15.00 for Plaque)';
        else document.getElementById("price").innerHTML = xmlHttp2.responseText;
    } else {
        document.getElementById("price").innerHTML = '<font face="Verdana" size="2"><img src="js/loading.gif"> Calculating Price...</font>';
    }
}
function getSize() {
    if (xmlHttp2.readyState == 4 || xmlHttp2.readyState == "complete") {
        document.getElementById("rsize").innerHTML = xmlHttp2.responseText;
    } else {
        document.getElementById("rsize").innerHTML = '<font face="Verdana" size="2"><img src="js/loading.gif"> Calculating Mat Size...</font>';
    }
}
function getButtons() {
    if (xmlHttp3.readyState == 4 || xmlHttp3.readyState == "complete") {
        var str = xmlHttp3.responseText;
        if (str.search(/none/i) != -1) {
            document.getElementById("frameitbutton").style.display = 'none';
            document.getElementById("buttoninfo").innerHTML = '<u>Framing is not available for this item.</u>';
        } else {
            document.getElementById("frameitbutton").style.display = 'block';
            document.getElementById("buttoninfo").innerHTML = '';
        }
    }
}
function colorChanged() {
    if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
        document.getElementById("result").innerHTML = xmlHttp.responseText;
    } else {
        document.getElementById("result").innerHTML = '<font face="Verdana" size="2"><img src="js/loading.gif"> Changing Color...</font>';
    }
}
function frameit() {
    if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
        url = "/index.php?file=frame_default&iproduct_id=" + xmlHttp.responseText + "&icat_id=1247&ret_cat_id=1247";
        parent.location.href = url; //document.getElementById("result1").innerHTML = xmlHttp.responseText;
    } else {
        document.getElementById("result1").innerHTML = '<font face="Verdana" size="2"><img src="js/loading.gif"> Redirecting to Frame it!...</font>';
    }
}
function added2db() {
    if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
        url2 = "/?file=addtocart&iproduct_id=" + xmlHttp.responseText + "&icat_id=1247&action=addtocart";
        parent.location.href = url2; //document.getElementById("result1").innerHTML = url2 + xmlHttp.responseText;
    } else {
        document.getElementById("result1").innerHTML = '<font face="Verdana" size="2"><img src="js/loading.gif"> Adding to Cart...</font>';
    }
}
function Options() {
    if (xmlHttp2.readyState == 4 || xmlHttp2.readyState == "complete") {
        setTimeout("eval(doColor)", 1000);
        document.getElementById("sizes_dropdown").innerHTML = xmlHttp2.responseText;
    } else {
        document.getElementById("sizes_dropdown").innerHTML = '<font face="Verdana" size="2"><img src="js/loading.gif"> Loading Available Sizes...</font>';
    }
}
function stateChanged() {
    if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
        var response = xmlHttp.responseText;
        var resp = response.split('|');
        doColor = resp[1];
        if (doColor == "x") document.getElementById("result").innerHTML = resp[0];
        step = 2; //document.getElementById("next-button").style.display = 'none';
        document.getElementById("cf_left").style.display = 'block'; //document.getElementById("info").style.display = 'none';
        document.getElementById("back-button").style.display = 'block';
    } else {
        document.getElementById("result").innerHTML = '<font face="Verdana" size="2"><img src="js/loading.gif"> Updating...</font>';
    }
}
function GetXmlHttpObject() {
    var xmlHttp = null;
    try { // Firefox, Opera 8.0+, Safari
        xmlHttp = new XMLHttpRequest();
    } catch(e) { //Internet Explorer
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e) {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    return xmlHttp;
}