var group=Array();
function getParams(){
	var params = location.href;
	var array = params.split("?");
	if(array[1]){
		var values = array[1].split("&");
		var x = new Array;
		for(var i = 0; i < values.length; i++){
				 x[i] = values[i].split('=')[1];
			}
				return x;
	}
	return new Array;
	}


function changeDrop(x,rem)
{
	var sel_slat=document.search.slat.value;
	var temp=document.search.slat;
	for (m=temp.options.length-1; m > 0; m--)
		temp.options[m]=null;
	var i=0;
	var poz_index=0;
	if(group[x])
	for (i=0;i<group[x].length;i++)
	{
		temp.options[i] = new Option(group[x][i].text,group[x][i].value);
		if(group[x][i].value==sel_slat)
			poz_index=i;
	}
	if(rem == 0){
		$('slat_combo').remove();
		$('slat_options').remove();
	}
	document.search.slat.options.selectedIndex = poz_index;
}


function loadOptions()
{
	var groups=document.search.cat.options.length
	group=new Array(groups);
	
	for (i=0; i<groups; i++)
		group[i]=new Array();
	
	group[0][0]=new Option("25mm slat", "25");
	group[0][1]=new Option("35mm slat", "35");
	group[0][2]=new Option("50mm slat", "50");
	
	group[1][0]=new Option("25mm slat", "25");
	group[1][1]=new Option("35mm slat", "35");
	group[1][2]=new Option("50mm slat", "50");

	group[2][0]=new Option("Whites", "12");
	group[2][1]=new Option("Creams", "2");
	group[2][2]=new Option("Silvers", "4");
	group[2][3]=new Option("Greys", "14");	
	group[2][4]=new Option("Blacks", "10");
	group[2][5]=new Option("Blues", "1");
	group[2][6]=new Option("Yellows", "9");
	group[2][7]=new Option("Greens", "3");
	group[2][8]=new Option("Reds", "7");
	group[2][9]=new Option("Browns", "8");
	group[2][10]=new Option("Pinks", "6");


	//Vertical
	//group[3][0]=new Option("89mm slat", "89"); // OLD
	group[3][0]=new Option("Whites", "12");
	group[3][1]=new Option("Creams", "2");
	//group[3][2]=new Option("Blackout", "22");
	group[3][2]=new Option("Blues", "1");
	group[3][3]=new Option("Greys", "14");
	//group[3][5]=new Option("Yellows", "9");
	//group[3][6]=new Option("Greens", "3");
	group[3][4]=new Option("Reds", "7");
	group[3][5]=new Option("Pinks", "6");
	group[3][6]=new Option("Blacks", "10");
	group[3][7]=new Option("Browns", "8");
	group[3][8]=new Option("Real woods", "17");
	group[3][9]=new Option("Wood effects", "18");
	//group[3][13]=new Option("PVC", "20");
	//group[3][14]=new Option("Pattern", "19");
	//group[3][15]=new Option("Oranges", "5");
	group[3][10]=new Option("Beiges", "13");
	
	group[4][0]=new Option("Roman", "1");
	group[4][1]=new Option("Roll up", "2");
	
		//Roller
	group[5][0]=new Option("Blackout", "0");
	group[5][1]=new Option("Whites", "12");
	group[5][2]=new Option("Creams", "2");
	group[5][3]=new Option("Blues", "1");
	group[5][4]=new Option("Greys", "14");
	//group[5][5]=new Option("Yellows", "9");
	group[5][5]=new Option("Reds", "7");
	group[5][6]=new Option("Greens", "3");
	group[5][7]=new Option("Browns", "8");
	//group[5][9]=new Option("Oranges", "5");
	//group[5][10]=new Option("Lilacs", "16");
	group[5][8]=new Option("Pinks", "6");
	group[5][9]=new Option("Blacks", "10");
	//group[5][13]=new Option("Pattern", "19");
	//group[5][12]=new Option("Oranges", "5");
	
	//velux
	group[6][0]=new Option("Roller","1");
	group[6][1]=new Option("Awning","2");
	group[6][2]=new Option("Pleated","3");
	group[6][3]=new Option("Venetian","4");
	group[6][4]=new Option("Blackout","5");
	
	
	var cookies = readCookie('params');
	if(cookies.length > 0)
		cookies = readCookie('params').split(',');
		
	var arrLink = (getParams() != '')? getParams() : cookies;
	
	if(arrLink[0] != 'none' && arrLink[0]){
		changeDrop($('cat').selectedIndex,0);
		new Autocompleter.SelectBox('slat', {debug:false});
		///////////////////////////
		var selElement = $('slat');
		var optNr = $('slat').options.length;
		for(var j = 0; j < optNr; j++){
		 if(selElement.options[j].value == arrLink[1]){
		 	var indexSelected = j;
			break;
		 }
		}
		$('slat').options[indexSelected].selected = true;
		$('slat_combo').value = selElement.options[indexSelected].text;
	}
}

function clearDefault(el)
{
	if (el.defaultValue==el.value)
  		el.value = ""
}

function verifyWidthDrop()
{
	var width=parseInt(document.search.width.value);
	var drop=parseInt(document.search.drop.value);
	var cat=document.search.cat.value;
	var slat=parseInt(document.search.slat.value);

	if (cat=="woven")
	{
		min_width=400;
		max_width=2000;
		min_drop=400;
		max_drop=2200;
		if(drop==1600 && slat==1)
			max_width=2000;
		else if(drop==2200 && slat==1)
			max_width=1600;
		else if(slat==1)
		{
			max_drop=2200;
			max_width=2000;
			if (drop>1800)
				max_width=1400;
			if (drop>1500)
				max_width=1600;
		}
		else if(slat==2)
		{
			max_width=2000;
			max_drop=2200;
		}
		if((min_width>width)||(max_width<width)||(isNaN(width)))
		{
			alert("Please enter width between "+min_width+"mm (min) and "+max_width+"mm (max) ");
			return false;
		}
		if((min_drop>drop)||(max_drop<drop)||(isNaN(drop)))
		{
			alert("Please enter drop between "+min_drop+"mm (min) and "+max_drop+"mm (max)");
			return false;
		}
	}
	if (cat=="wood")
	{
		min_width=300;
		max_width=2400;
		min_drop=300;
		max_drop=3000;
		if (slat==50)
		{
			max_drop=3500;
			max_width=3000;
			if (drop>3400)
				max_width=2000;
			else if (drop>3100)
				max_width=2200;
			else if (drop>2800)
				max_width=2400;
			else if (drop>2600)
				max_width=2600;
			else if (drop>2500)
				max_width=2800;
			else if (drop>2400)
				max_width=3000;
		}
		
		if((min_width>width)||(max_width<width)||(isNaN(width)))
		{
			alert("Please enter width between "+min_width+"mm (min) and "+max_width+"mm (max) ");
			return false;
		}
		if((min_drop>drop)||(max_drop<drop)||(isNaN(drop)))
		{
			alert("Please enter drop between "+min_drop+"mm (min) and "+max_drop+"mm (max)");
			return false;
		}
	}
	if (cat=="venetian" || cat == "aluminium")
	{
		min_width=300;
		max_width=3000;
		min_drop=300;
		max_drop=2400;
		if((min_width>width)||(max_width<width)||(isNaN(width)))
		{
			alert("Please enter width between "+min_width+"mm (min) and "+max_width+"mm (max) ");
			return false;
		}
		if((min_drop>drop)||(max_drop<drop)||(isNaN(drop)))
		{
			alert("Please enter drop between "+min_drop+"mm (min) and "+max_drop+"mm (max)");
			return false;
		}
	}
	if (cat=="vertical")
	{
		min_width=300;
		max_width=3046;
		min_drop=300;
		max_drop=3046;
		if((min_width>width)||(max_width<width)||(isNaN(width)))
		{
			alert("Please enter width between "+min_width+"mm (min) and "+max_width+"mm (max) ");
			return false;
		}
		if((min_drop>drop)||(max_drop<drop)||(isNaN(drop)))
		{
			alert("Please enter drop between "+min_drop+"mm (min) and "+max_drop+"mm (max)");
			return false;
		}
	}
	
	if (cat=="roller")
	{
		if(slat=="0")
		{
			min_width=300;
			max_width=3000;
			min_drop=300;
			max_drop=3000;
		}
		if((slat=="12") || (slat=="2") || (slat=="1") || (slat=="14") || (slat=="9") || (slat=="7") || (slat=="3") || (slat=="8") || (slat=="5") || (slat=="16") || (slat=="6") || (slat=="10"))
		{
			min_width=300;
			max_width=3000;
			min_drop=0;
			max_drop=3000;
		}
		if((min_width>width)||(max_width<width)||(isNaN(width)))
		{
			alert("Please enter width between "+min_width+"mm (min) and "+max_width+"mm (max) ");
			return false;
		}
		if((min_drop>drop)||(max_drop<drop)||(isNaN(drop)))
		{
			alert("Please enter drop between "+min_drop+"mm (min) and "+max_drop+"mm (max)");
			return false;
		}
	}
}

var newwindow;
function poptastic(url)
{
	newwindow=window.open(url,"inches","height=130,width=500,left=378,top=350");
	if (window.focus)
	{
		newwindow.focus()
	}
}

/*
VWLUX QQ ADDED
*/

function veluxType(){
 var elementType = {
	 	tag:'select',
		name:'type',
		id:'type',
		children:[{
				  	tag:'option',
				  	value:'1',
					innerHTML:'GGL'
				  },{
					tag:'option',
				  	value:'2',
					innerHTML:'GHL'
				  },{
					tag:'option',
				  	value:'3',
					innerHTML:'GPL' 
				  },{
					tag:'option',
				  	value:'4',
					innerHTML:'GGU' 
				  },{
					tag:'option',
				  	value:'5',
					innerHTML:'GPU' 
				  }]
	 }
	 return elementType;
}
function veluxSize(){
 var elementSize = {
	 	tag:'select',
		name:'size',
		id:'size',
		children:[{
				  	tag:'option',
				  	value:'size',
					innerHTML:'size'
				  }]
	 }
	 return elementSize;
}

function veluxSizesPopulate(slat){
	var slat = (slat)? slat : 0;  
	if(slat == 2){
		var sizes = Array(
						  '1','2','3','4','5',
						  '6','7','8','102','104',
						  '206','304','306','308',
						  '410','606','804','808',
						  'C02','C04','F06','M04',
						  'M06','M08','P10','S06',
						  'U04','U08'
						  );
	}else{
		var sizes = Array(
						  '1','2','3','4','5',
						  '6','7','8','9','102',
						  '104','206','304','306',
						  '308','410','606','804',
						  '808','C01','C02','C04',
						  'F06','M04','M06','M08',
						  'P04','P10','S06','U04','U08'
						);
	}
  var cnt = sizes.length;
  for(var i = 0; i < cnt; i++){
			$('size').options[i] = new Option(sizes[i], i+1);
	  }
}
function addVelux(cat){ 
	if(cat == 6){
			addTypeOption();
			addSizeOption();
	}else{
		var cookies = readCookie('params');
	if(cookies.length > 0)
		cookies = readCookie('params').split(',');
		
	var arrLink = (getParams() != '')? getParams() : cookies;
		$('s3').removeClassName('s3v');
		$('s4').removeClassName('s4v');
		$('so4').innerHTML = '';
		$('so3').innerHTML = '';
		var drop = {
				tag:'input',
				name:'drop',
				id:'drop',
				type:'text',
				value:arrLink[3],
				onclick:function(){
					this.value = '';
					}
			}
		var width = {
				tag:'input',
				name:'width',
				id:'width',
				type:'text',
				value:arrLink[2],
				onclick:function(){
					this.value = '';
					}
			}
		$('so3').appendChild($E(width));
		$('so4').appendChild($E(drop));
	}
}

function addSizeOption(slat){
	var slat = (slat)? slat : 0; 
	$('so4').innerHTML = '';
	$('s4').addClassName('s4v');
	if(!$('size')){
		var el = veluxSize();
		$('so4').appendChild($E(el));
		veluxSizesPopulate(slat);
		new Autocompleter.SelectBox('size', {debug:false});
	}
}

function addTypeOption(){
		$('so3').innerHTML = '';
		$('s3').addClassName('s3v');
		if(!$('type')){
			var el = veluxType();
			$('so3').appendChild($E(el));
			new Autocompleter.SelectBox('type', {debug:false});
		}
}


//CREATE ELEMENT FUNCTION
// JavaScript Document
function $E(data) {
    var el;
    if ('string'==typeof data) {
        el=document.createTextNode(data);
    } else {
        //create the element
        el = document.createElement(data.tag);
        delete(data.tag);
        //append the children
        if ('undefined' != typeof data.children) {
            if ('string' == typeof data.children || 'undefined'==typeof data.children.length) {
                //strings and single elements
                el.appendChild($E(data.children));
            } else {
                //arrays of elements
                for (var i=0, child=null; 'undefined' != typeof (child=data.children[i]); i++) {
                    el.appendChild($E(child));
                }
            }
            delete(data.children);
        }

        //any other data is attributes
        for (attr in data){ 
			if(attr == 'handler'){
				el.onclick = function(){
									return eval(data.handler);
								}
			}else{
				el[attr] = data[attr];
			}
        }
    }
		
    return el;
}

//COOKIES
function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return new Array;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}

