// JavaScript Document

function errorOutput(errorHtml){
	$('shuttererror').hide();
	if(typeof(errorHtml) != "undefined" && errorHtml != ""){
		$('shuttererrortext').innerHTML = errorHtml;
		$('shuttererror').show();
	}
}

function capturelinks() {

	if (!document.all) {
		//$('pageid145').onclick = function (e) {loadtab(146);return false;};
		$('pageid146').onclick = function (e) {loadtab(146);return false;};
		$('pageid147').onclick = function (e) {loadtab(147);return false;};
		$('pageid148').onclick = function (e) {loadtab(148);return false;};
		$('pageid149').onclick = function (e) {loadtab(149);return false;};
		$('pageid150').onclick = function (e) {loadtab(150);return false;};
	}

}
function capturetablinks(pageid) {

	$('pageid146').removeClassName('menuon');
	$('pageid147').removeClassName('menuon');
	$('pageid148').removeClassName('menuon');
	$('pageid149').removeClassName('menuon');
	$('pageid150').removeClassName('menuon');

	$(pageid).addClassName('menuon');

	if (!document.all) {
		$('tabid146').onclick = function (e) {loadtab(146);return false;};
		$('tabid147').onclick = function (e) {loadtab(147);return false;};
		$('tabid148').onclick = function (e) {loadtab(148);return false;};
		$('tabid149').onclick = function (e) {loadtab(149);return false;};
		$('tabid150').onclick = function (e) {loadtab(150);return false;};

		if($('linkid147')){
			$('linkid147').onclick = function (e) {loadtab(147);return false;};
		}
		if($('linkid148')){
			$('linkid148').onclick = function (e) {loadtab(148);return false;};
		}
		if($('linkid149')){
			$('linkid149').onclick = function (e) {loadtab(149);return false;};
		}
	}
}
function onTick() {
	timerCookie = null;

	if (!document.all) {
		if(document.location.hash == "" && currentpageid != 146){
			loadtab(146);
		}
	}
	if(document.location.hash == "#Designsizes" && currentpageid != 146){
		loadtab(146);
	}
	if(document.location.hash == "#Louverspanels" && currentpageid != 147){
		loadtab(147);
	}
	if(document.location.hash == "#Stainspaints" && currentpageid != 148){
		loadtab(148);
	}
	if(document.location.hash == "#Finishingtouches" && currentpageid != 149){
		loadtab(149);
	}
	if(document.location.hash == "#Help" && currentpageid != 150){
		loadtab(150);
	}
	timerCookie = window.setTimeout(onTick, 200);
}
function loadtab(pageid) {
	currentpageid = pageid;
	new Ajax.Request('/sitestyle/modules/code/shutterskh/tabloader.php?pageid='+pageid, {onSuccess: loadtabdispay});
	switch (pageid) {
		case 146:
			window.location.hash = "Designsizes";
			break;
		case 147:
			window.location.hash = "Louverspanels";
			break;
		case 148:
			window.location.hash = "Stainspaints";
			break;
		case 149:
			window.location.hash = "Finishingtouches";
			break;
		case 150:
			window.location.hash = "Help";
			break;
	}
	return false;
}
function loadtabdispay(transport) {
	$('tabszone').replace(transport.responseText);
	$$('.columns').each(function(item) { item.style.height = "";});
	setEqualHeightColumns('columns');
}

function unitswitch(unit) {
	Delete_Cookie('defaultunits');
	Delete_Cookie('defaultunits', '/', 'theshutterstore.com' );
	Set_Cookie( 'defaultunits', unit, 60, '/', '.www.theshutterstore.com' );
	if($('unitesmm')) {
		if(unit == 'mm'){
			$('unitesmm').style.display = '';
			$('unitesinch').style.display = 'none';
		}
		else {
			$('unitesmm').style.display = 'none';
			$('unitesinch').style.display = '';
		}
	}
	detaillayout();
}

function railstyle(heightmm) {
	if (heightmm >= 500) {
		$('typeFullHeightwithRail').show();
		$('typeFullHeightwithRailOff').hide();
		$('typeCafeStylewithRail').show();
		$('typeCafeStylewithRailOff').hide();
	} else {
		$('typeFullHeightwithRail').hide();
		$('typeFullHeightwithRailOff').show();
		$('typeCafeStylewithRail').hide();
		$('typeCafeStylewithRailOff').show();
	}
	if (heightmm >= 1800) {
		$('typeFullHeight').hide();
		$('typeFullHeightOff').show();
		$('typeCafeStyle').hide();
		$('typeCafeStyleOff').show();
	} else {
		$('typeFullHeight').show();
		$('typeFullHeightOff').hide();
		$('typeCafeStyle').show();
		$('typeCafeStyleOff').hide();
	}
}

function sizevalue(transport) {
	$('shuttererror').style.display = "NONE";
	if(transport){
		var sizes = transport.responseText.evalJSON(true);
		switch(sizes.field) {
			case 'widthmm':
			  $('widthmm').innerHTML = sizes.value;
			  $('widthin').innerHTML = sizes.value2;
			  break;
			case 'widthin':
			  $('widthin').innerHTML = sizes.value;
			  $('widthmm').innerHTML = sizes.value2;
			  break;
			case 'heightmm':
			  $('heightmm').innerHTML = sizes.value;
			  $('heightin').innerHTML = sizes.value2;
			  railstyle(sizes.value);
			  break;
			case 'heightin':
			  $('heightin').innerHTML = sizes.value;
			  $('heightmm').innerHTML = sizes.value2;
			  railstyle(sizes.value2);
			  break;
			case 'dividerpositionmm':
			  $('dividerpositionmm').innerHTML = sizes.value;
			  $('dividerpositionin').innerHTML = sizes.value2;
			  break;
			case 'dividerpositionin':
			  $('dividerpositionin').innerHTML = sizes.value;
			  $('dividerpositionmm').innerHTML = sizes.value2;
			  break;
		}
	}
	if (sizes.type != "") {
		$("type"+sizes.type).siblings().each(function(s) {s.removeClassName('imagechoice-on');});
		$("type"+sizes.type).addClassName('imagechoice-on');
	}
	drawlayout();
	detaillayout();
	errorOutput(sizes.error);
};

Object.extend(Ajax.InPlaceEditor.prototype, {
	getText: function() {
		return this.element.innerHTML.stripTags();
	}
});

function sectionaction(action) {
	new Ajax.Request('/sitestyle/modules/code/shutterskh/sectionchange.php?action='+action, {onSuccess: sectiondisplay});
}
function sectiondisplay(transport) {
	var sectioncode = transport.responseText.evalJSON(true);
	$('sectionlayout').replace(sectioncode.layout);
	if(sectioncode.remove == 1) {
		$('sectionremove').style.display = "none";
	}
	else {
		$('sectionremove').style.display = "";
	}
	if(sectioncode.add == 1) {
		$('sectionadd').style.display = "none";
	}
	else {
		$('sectionadd').style.display = "";
	}
	$('sectioncount').innerHTML = sectioncode.count;
	drawlayout();
	detaillayout();
	errorOutput(sectioncode.error);
}



function drawlayout() {
	new Ajax.Request('/sitestyle/modules/code/shutterskh/drawlayout.php', {onSuccess: drawlayoutdisplay});
}
function drawlayoutdisplay(transport) {

	var shutter = transport.responseText.evalJSON(true);

	flash = $('shutterlayout');

	if(flash.drawShutterLayout) {
		flash.drawShutterLayout(shutter.width,shutter.height,shutter.dividerposition,shutter.type,shutter.left,shutter.right,shutter.colour,shutter.hingecolour,shutter.slatsize,shutter.pushrod,shutter.installation);
	}
	else {
		$('shutterlayoutembed').drawShutterLayout(shutter.width,shutter.height,shutter.dividerposition,shutter.type,shutter.left,shutter.right,shutter.colour,shutter.hingecolour,shutter.slatsize,shutter.pushrod,shutter.installation);
	}

	switch(shutter.colour) {
		case 'Poplar Pure White':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/poplar-pure-white.jpg" width="180" height="282" />';
		  break;

		case 'Poplar Elephant Grey':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/poplar-elephant-grey.jpg" width="180" height="282" />';
		  break;

		case 'Poplar Linen':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/poplar-linen.jpg" width="180" height="282" />';
		  break;

		case 'Poplar Mink':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/poplar-mink.jpg" width="180" height="282" />';
		  break;

		case 'Poplar Jet':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/poplar-jet.jpg" width="180" height="282" />';
		  break;


		case 'Gloss Pure White':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/gloss-pure-white.jpg" width="180" height="282" />';
		  break;

		case 'Gloss Elephant Grey':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/gloss-elephant-grey.jpg" width="180" height="282" />';
		  break;

		case 'Gloss Linen':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/gloss-linen.jpg" width="180" height="282" />';
		  break;

		case 'Gloss Mink':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/gloss-mink.jpg" width="180" height="282" />';
		  break;

		case 'Gloss Jet':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/gloss-jet.jpg" width="180" height="282" />';
		  break;


		case 'Elm Picket Fence White':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/elm-picket-fence-white.jpg" width="180" height="282" />';
		  break;

		case 'Elm Nantucket Taupe':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/elm-nantucket-taupe.jpg" width="180" height="282" />';
		  break;

		case 'Elm Silver Pepper':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/elm-silver-pepper.jpg" width="180" height="282" />';
		  break;

		case 'Elm Driftwood':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/elm-driftwood.jpg" width="180" height="282" />';
		  break;

		case 'Elm Stonewashed Clay':
		  $('closeupfinish').innerHTML = '<img src="/sitestyle/modules/code/shutterskh/colours/elm-stonewashed-clay.jpg" width="180" height="282" />';
		  break;
	}
}
function detaillayout() {
	new Ajax.Request('/sitestyle/modules/code/shutterskh/detailview.php', {onSuccess: function(transport) { $('detailview').replace(transport.responseText);}});
}
function listlayout() {
	new Ajax.Request('/sitestyle/modules/code/shutterskh/listview.php', {onSuccess: function(transport) { $('listview').replace(transport.responseText);}});
}


function buttonchange(field,action) {
	new Ajax.Request('/sitestyle/modules/code/shutterskh/buttonchange.php?button='+field+'&value='+action, {onSuccess: buttondisplay});
}
function buttondisplay(transport) {
	var btcode = transport.responseText.evalJSON(true);
	if(btcode.button != ""){
		$(btcode.button+btcode.value).siblings().each(function(s) {s.style.display = "none";});
		$(btcode.button+btcode.value).style.display = "";
	}
	drawlayout();
	detaillayout();

}
function choicechange(field,action) {
	new Ajax.Request('/sitestyle/modules/code/shutterskh/choicechange.php?choice='+field+'&value='+action, {onSuccess: choicedisplay});
}
function choicedisplay(transport) {
	var btcode = transport.responseText.evalJSON(true);
	if(btcode.choice != ""){

		$(btcode.choice+btcode.value).siblings().each(function(s) {s.removeClassName('imagechoice-on');});
		$(btcode.choice+btcode.value).addClassName('imagechoice-on');
		$('doc').scrollTo();
	}
	if (btcode.choice == "slatsize") {
		sectionaction('');
	} else {
		drawlayout();
		detaillayout();
	}
	errorOutput(btcode.error);
}
function setchoice(choice) {
	if($(choice)) $(choice).addClassName('imagechoice-on');
}