function submitFormJson(formId,formdata){
	var frm='#'+formId;
	var frmAction=$(frm).attr('action');

   var processAction=$('#processAction').attr('value');
   if(formdata){

	$.post(
	frmAction,
	formdata,
	function(data){
		 //alert(processAction)
	processFormData(data,processAction)
 }, "json");
   }else{
	 $.post(
	frmAction,
	$(frm).serialize(),
	function(data){
	processFormData(data,processAction)

 }, "json");

   }
 //});
 return false;
}
function processFormData(data,processAction){
	//alert(data.price);
	if(processAction=='setDimension'){
		if(data.price=='0.00'){
			alert('The selected size is not available. Please select different size.');
			return false;
		}
		else{
	   var price='£'+data.price;
		$('#costz').html(price);
		$('#dimensionOverV').html(data.size);
		$('#loader-img').show();
		 $('#configurator-overview').load('price-overview.php')
		$('#designBlocks').load('select-doors.php', function() {
				$('#loader-img').hide();
			 });
		}
	}
	if(processAction=='setFrame'){
	$('#frameOverV').html(data.frameName);
	  var price='£'+data.price;
		$('#costz').html(price);
		burl='url('+data.topFramBackGround+')';
		//alert(burl)
		frameId='frame'+data.frameId;
		$('#'+frameId).addClass("selected");
		$('#top-frame').css('background', burl);
		$('#bottom-frame').css('background', burl);
		 $('#configurator-overview').load('price-overview.php');
	}
	if(processAction=='setDoorColour'){

	  setDoorColour(data,processAction)

	}

}
function processFrame(frameId){

   var d='processAction=setFrame&frameId='+frameId;
   $('#selectedFrame').attr('value',frameId);
   submitFormJson('frmDesign',d);
   return false;

}
function setFrame(data,processAction){
	$('#frameOverV').html(data.frameName);
	  var price='£'+data.price;
		$('#costz').html(price);
		burl='url('+data.topFramBackGround+')'
		$('#top-frame').css('background', burl);
		 $('#configurator-overview').load('price-overview.php')
}
function selectDoors(){
	if($('#selectedFrame').attr('value')==''){
		alert('Please select Frame');
		return false;
	}
	///alert('kkk');
	$('#loader-img').show();
	 $('#configurator-overview').load('price-overview.php')
		$('#designBlocks').load('select-doors.php', function() {
				$('#loader-img').hide();
			 });
}
function setDoorSelect(doorId,panelId){
 $('#selected-door').attr('value',doorId);
 $('#selected-panel').attr('value',panelId);
 drli='door-'+doorId+'-'+panelId;
 $('.wardrobe-door').each(function(){

	 $(this).removeClass('selected');
 })
/// alert(drli)
 $('#'+drli).addClass('selected');
  $('#configurator-overview').load('price-overview.php')
 //$('#'+drli).attr({'border':'2px solid black'});

}
function setDoor(colourId){
	$('#colour-'+colourId).addClass('selected');
	var doorId= $('#selected-door').attr('value');
	var panelId= $('#selected-panel').attr('value');
	var d='processAction=setDoorColour&colourId='+colourId+'&doorId='+doorId+'&panelId='+panelId;
  //alert(d)
   submitFormJson('frmDesign',d);
   return false;

}
function setDoorColour(data,processAction){
	//alert(data.backGround)
	//alert(data.doorId)
	$('#myDiv').css('background', 'url(path/to/image.jpg)');
	$('#frameOverV').html(data.frameName);
	 var price='£'+data.price;
	  var bgId='bg-door-'+data.doorId+'-'+data.panelId;
	  //alert(bgId)
	 // alert(data.backGround)
	  doorClrName=data.colourName;
	  //alert(doorClrName)
		$('#'+'overview-door-'+data.doorId).after('<dd>'+doorClrName+'</dd>')
		//$('#costz').html(price);
		burl='url('+data.backGround+')'
		$('#'+bgId).css('background', burl);
		 //$('#configurator-overview').load('price-overview.php')
}

function tabbedContent(cnt,elem){
	//alert(cnt)
	$(elem).addClass('selected')
	$('ul.configurator-swatch-tabs li').each(function(){
		$(this).removeClass('selected');
	})
	$('.configurator-swatch-content-panel').each(function(){
		$(this).hide();
	})
	$('#tab-'+cnt).show();
	$('#tab-head-'+cnt).addClass('selected');

}

function addPanel(elem){

	if($(elem).is(':checked')){
		$('#split-level').show();

	}
	else{
		$('#split-level').hide();
		$('#selected-panel').attr('value','1');
		 var doorId= $('#selected-door').attr('value');
		 //alert(doorId)
		$.ajax({
			type:'GET',
			url:'process.php?processAction=removePanel&doorId='+doorId,

			success:function(data){
				$('#door-'+doorId+'-1').html(data)

			}

		});
		//$('#false').load('process.php?processAction=splitPanel',)
	}
	 $('#configurator-overview').load('price-overview.php')
}
function splitPanel(elem){
	numPanel=$(elem).val();
	 var doorId= $('#selected-door').attr('value');
	var panelId= $('#selected-panel').attr('value');
	$('#selected-panel').attr('value','2');
	var urll="process.php?processAction=splitPanel&numPanel="+numPanel+'&doorId='+doorId+'&panelId='+panelId;
	//alert(url)
	//$('#door-'+doorId+'-1').load(url)
	 $.ajax({
			type:'GET',
			url:urll,
			dataType:'json',

			success:function(data){
				//alert(data)
				var ll=data.loopp;
			   // alert(ll)
				for(var l=1;l<=ll;l++){
					//var k='d'+l;
					//alert(data.k);
					if(l==1){
					  $('#door-'+'1'+'-1').html(data.d1)
					}
					if(l==2){
					  $('#door-'+'2'+'-1').html(data.d2)
					}
					if(l==3){
					  $('#door-'+'3'+'-1').html(data.d3)
					}
					if(l==4){
					  $('#door-'+'4'+'-1').html(data.d4)
					}
					if(l==5){
					  $('#door-'+'5'+'-1').html(data.d5)
					}
					if(l==6){
					  $('#door-'+'6'+'-1').html(data.d6)
					}


				}



			}

		});
	 $('#configurator-overview').load('price-overview.php')
}




/*Panels*/
function selectPanel(){
	 $.ajax({
			type:'GET',
			url:'process.php?processAction=checkSelectDoorData',
			dataType:'json',
			success:function(data){
			   // alert(data.status)
				if(data.status=='F'){
					alert(data.msg)

				}
				else{
					selP();


				}

			}

		});


 $('#configurator-overview').load('price-overview.php')
}


function selP(){

	 $('#loader-img').show();
					$('#designBlocks').load('select-panels.php', function() {
						$('#loader-img').hide();
					});

}

function showPanelOptions(elem){
	var po=elem.value;
	panelType=po;
/*   alert(po)*/
   if(po=='ww'){
	$('#wardrobe-extras').show();
	$('#configurator-swatch-endpanels').hide();
	$('#configurator-visual-liner-left').show();
	$('#configurator-visual-liner-right').show();
	$('#configurator-visual-endpanel-left').hide();
	$('#configurator-visual-endpanel-right').hide();
	$('#ex-panlin').html('no end panels, 1 floor liner and 2 side liners');
   // $('#configurator-visuals').css({'top':'300px'});
   } else {
	$('#wardrobe-extras').show();
	$('#configurator-swatch-endpanels').show();
	if(po=='we'){
	$('#configurator-visual-liner-left').show();
	$('#configurator-visual-endpanel-left').hide();
	$('#configurator-visual-liner-right').hide();
	$('#configurator-visual-endpanel-right').show();
	$('#ex-panlin').html('1 end panel, 1 floor liner and 1 side liner');

	}
	if(po=='ew'){
	$('#configurator-visual-liner-left').hide();
	$('#configurator-visual-endpanel-left').show();
	$('#configurator-visual-liner-right').show();
	$('#configurator-visual-endpanel-right').hide();
	 $('#ex-panlin').html('1 end panel, 1 floor liner and 1 side liner');

	}
	if(po=='ee'){
	$('#configurator-visual-liner-left').hide();
	$('#configurator-visual-endpanel-left').show();
	$('#configurator-visual-liner-right').hide();
	$('#configurator-visual-endpanel-right').show();
	 $('#ex-panlin').html('2 end panels, 1 floor liner and 0 side liners');

	}

	$('#configurator-visuals').css({'top':'590px'});
   }
   setEndPanelData()
 //$('#configurator-overview').load('price-overview.php')
}
function setEndPanelData(){
	var additionalEndPanel=$('#var-extra-endpanels').val();
	var extraLiners =$('#var-extra-liners').val();
  var reqUrl='process.php?processAction=setEndPanelData'+'&endPanelType='+panelType+'&additionalEndPanel='+additionalEndPanel+'&extraLiners='+extraLiners;
	//alert(reqUrl)
   $.ajax({
		type:'get',
		url:reqUrl,
		success: function(r){
		  $('#configurator-overview').load('price-overview.php');
		}


	});

}
function setPanel(id){

	//burl='url(panel-images/1.jpg)';
	var additionalEndPanel=$('#var-extra-endpanels').val();
	var extraLiners =$('#var-extra-liners').val();
	//var panelType=$('input:radio[name="installation"]').val();
	$('input:radio[name="installation"]').each(function(){
		if($(this).is(':checked')){
			var panelType=$(this).val();
			//break;
		}
		//alert('cc');
	})
	var reqUrl='process.php?processAction=setEndPanel&endPanelId='+id+'&endPanelType='+panelType+'&additionalEndPanel='+additionalEndPanel+'&extraLiners='+extraLiners;
	//alert(reqUrl)
	//alert(reqUrl)
   $.ajax({
		type:'get',
		url:reqUrl,
		dataType:'json',
		success: function(r){
		  // alert(r.backGround);
		  burl='url('+r.backGround+')';
		   $('#configurator-visual-endpanel-left').css('background', burl);
	 $('#configurator-visual-endpanel-right').css('background', burl);
		}


	});



	 $('.configurator-swatch-content-panel ul li').each(function() {
		$(this).attr('class','');

	 })
	 $('#panel-img-'+id).attr('class','selected');
 $('#configurator-overview').load('price-overview.php')
   // burl='url('+data.backGround+')'
	//$('#'+bgId).css('background', burl);
	return false;
}


function storageOption(){
	//alert('dd')
   /* if($('#selectedFrame').attr('value')==''){
		alert('Please select Frame');
		return false;
	}*/
	///alert('kkk');
	$('#loader-img').show();
		$('#designBlocks').load('storage-option.php', function() {
				$('#loader-img').hide();
			 });
			  $('#configurator-overview').load('price-overview.php')
}
function reviewAndBuy(){
	location.href='cart.php';
	//alert('dd')
   /* if($('#selectedFrame').attr('value')==''){
		alert('Please select Frame');
		return false;
	}*/
	///alert('kkk');
	/*$('#loader-img').show();
		$('#designBlocks').load('review-and-buy.php', function() {
				$('#loader-img').hide();
			 });*/
}

function setStorageOption(){
	var storageId=$('#storage_id').val();
	var d =new Array();
	d=storageId.split('_');
	var dd=d[0];
	//alert(dd)
	var qty=$('#qty_storage_cyberspacecc_'+dd).val();

	var reqUrl='process.php?processAction=setStorageOption&storageId='+storageId+'&qty='+qty;
	//alert(reqUrl)
	//alert(reqUrl)
   $.ajax({
		type:'get',
		url:reqUrl,
		dataType:'json',
		success: function(r){
		  $('#configurator-overview').load('price-overview.php')
		}


	});

}

function loadContentNav(id){
	switch(id){
		case '1':
		 $('#loader-img').show();
		 $('#configurator-overview').load('price-overview.php')
		 $('#designBlocks').load('select-dimensions.php', function() {
				$('#loader-img').hide();
			 });
		break;
		 case '2':
		 $('#loader-img').show();
		 $('#configurator-overview').load('price-overview.php')
		 $('#designBlocks').load('select-frame.php', function() {
				$('#loader-img').hide();
			 });
		break;
		case '3':
		 $('#loader-img').show();
		 $('#configurator-overview').load('price-overview.php')
		 $('#designBlocks').load('select-doors.php', function() {
				$('#loader-img').hide();
			 });
		break;
		case '4':
		 $('#loader-img').show();
		 $('#configurator-overview').load('price-overview.php')
		 $('#designBlocks').load('select-panels.php', function() {
				$('#loader-img').hide();
			 });
		break;
		case '5':
		 $('#loader-img').show();
		 $('#configurator-overview').load('price-overview.php')
		 $('#designBlocks').load('storage-option.php', function() {
				$('#loader-img').hide();
			 });
		break;
	}

}

function saveDesign(){
	var email=$('#designemail').val();
	if(email==''){
		alert('Please enter email.');
		return false;
	}
	else if(!isCheckEmail(email)){
		alert('Please enter valid email.');
		return false;
	}
	 var reqUrl='process.php?processAction=saveDesign&email='+email;
	//alert(reqUrl)
	//alert(reqUrl)
   $.ajax({
		type:'get',
		url:reqUrl,
		dataType:'json',
		success: function(r){

		  $('#des-message').html(r.resp)
		  $('#des-message').show()
		  $('#des-info').hide()
		}


	});
}
function removeStorage(id,imageId){

	 var reqUrl='process.php?processAction=removeStorage&id='+id+'&imageId='+imageId;
	//alert(reqUrl)
	//alert(reqUrl)
   $.ajax({
		type:'get',
		url:reqUrl,
		dataType:'json',
		success: function(r){

		 $('#configurator-overview').load('price-overview.php')
		}


	});
 return false;
}
function isCheckEmail(el)
{
		var str=el;
		var filter=/^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;

		var testresults;
		if (filter.test(str))
				testresults=true;
		else
				testresults=false;
		return (testresults);
}

function chnageDoorNumber(doorNum){
 url='design.php?act=changeDoor&doornum='+doorNum;
 location.href=url;
}