// JavaScript Document by SBRoy VL

function createRequestObject() {
    var ro;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        ro = new ActiveXObject("Microsoft.XMLHTTP");
    }else{
        ro = new XMLHttpRequest();
    }
    return ro;
}

var http = createRequestObject();
var oldresponse="";
var response =null;


function sndReq(idx) {
    http.open('get','shoproomxml.php?id='+idx);
	http.onreadystatechange = handleResponse;
    http.send(null);
}

function send(url) {
//alert(url);
    http.open('get',url);
	http.onreadystatechange = handleResponse;
    http.send(null);
}

function sendReq(idx) {
    http.open('get','shoproomxml.php?id2='+idx);
	http.onreadystatechange = handleResponse;
    http.send(null);
}


function handleResponse() {
    if(http.readyState == 4){
       response = http.responseText;
		if (response != oldresponse){
			act();
		}
    }
}


function act(){

        var update = new Array();



        if(response.indexOf('|' != -1)) 
		{
            update = response.split('~');
			for (x in update)
			{
			  	var finish = new Array();
			  	finish = update[x].split('|');
             	document.getElementById(finish[0]).innerHTML = finish[1];
			}
        }
		oldresponse=response;
		
}



function save(){
//alert('test');
//alert('ajax_save.php?name='+document.getElementById('name').value+'&type='+document.getElementById('type').value+'&louvre='+document.getElementById('louvre').value+'&style='+document.getElementById('style').value+'&color='+document.getElementById('color').value+'&width='+document.getElementById('width').value+'&height='+document.getElementById('height').value+'&top='+document.getElementById('top').value+'&folding='+document.getElementById('folding').value+'&handle='+document.getElementById('handle').value+'&frame='+document.getElementById('frame').value+'&batten='+document.getElementById('batten').value+'&quantity='+document.getElementById('quantity').value);

  http.open('get','ajax_save.php?name='+document.getElementById('name').value+'&type='+document.getElementById('type').value+'&louvre='+document.getElementById('louvre').value+'&style='+document.getElementById('style').value+'&color='+document.getElementById('color').value+'&width='+document.getElementById('width').value+'&height='+document.getElementById('height').value+'&top='+document.getElementById('top').value+'&folding='+document.getElementById('folding').value+'&handle='+document.getElementById('handle').value+'&frame='+document.getElementById('frame').value+'&batten='+document.getElementById('batten').value+'&quantity='+document.getElementById('quantity').value);
	http.onreadystatechange = handleResponse;
   http.send(null);
	return false;



}

function makebig(idnum)
{
document.getElementById("main").innerHTML = '<img src="'+idnum+'" width=\"410\">';
}

function dropStyle()
{
document.getElementById('styles').style.display = 'block';
document.getElementById('up').style.display = 'block';
document.getElementById('down').style.display = 'none';
}

function raiseStyle()
{
document.getElementById('styles').style.display = 'none';
document.getElementById('up').style.display = 'none';
document.getElementById('down').style.display = 'block';
}

function toggle(elem)
{
if (document.getElementById(elem).style.display == 'block')
{
	document.getElementById(elem).style.display = 'none';
}
else
{
	document.getElementById(elem).style.display = 'block';
}
}

function 	stage2(id)
{
	document.getElementById('luxaflex').style.backgroundImage ="url(images/panelbg.gif)";
	document.getElementById('style').style.backgroundImage ="none";

document.getElementById("stylecontent").innerHTML = '';

	send("blind2xml.php?id=" + id);

	document.getElementById('style').style.display ="block";
	document.getElementById('title').style.display ="block";
	
	document.getElementById('colour').style.display ="none";
	
	
	document.getElementById('info').style.display ="none";
	
	document.getElementById('details').style.display ="none";
	return false;
	
}
function 	stage3(id)
{
	document.getElementById('luxaflex').style.backgroundImage ="url(images/panelbg.gif)";
	document.getElementById('style').style.backgroundImage ="url(images/panelbg.gif)";
	document.getElementById('colour').style.backgroundImage ="none";
document.getElementById("colourcontent").innerHTML = '';
	send("blind3xml.php?id=" + id);

	document.getElementById('colour').style.display ="block";
	
	
	document.getElementById('info').style.display ="none";
	
	document.getElementById('details').style.display ="none";
	
	return false;
	
}

function 	stage4(id)
{
	
	document.getElementById('colour').style.backgroundImage ="url(images/panelbg.gif)";
	
	send("blind4xml.php?id=" + id);


	document.getElementById('info').style.display ="block";
	
	document.getElementById('details').style.display ="block";
	
	return false;
	
}

function stage5(){

url = "blind5xml.php?";

url = url + document.getElementById('finalform').elements[0].name + "=" + document.getElementById('finalform').elements[0].value;

for (i=1;i< document.getElementById('finalform').elements.length;i=i+1) 
{
	url = url + "&" + document.getElementById('finalform').elements[i].name + "=" + document.getElementById('finalform').elements[i].value;
}


send (url);
return false;

}