var strTabCurrent = null;

/*
Ext.onReady(function() {
	
	var storeSearch0 = new Ext.data.Store({
		proxy: new Ext.data.HttpProxy({url: '/ajaxProductSearch.inc.php'}),
	    reader: new Ext.data.JsonReader({
            totalProperty: 'productCount',
			encoding: 'iso-8859-1',
		    root:'products'
        }, [{name: 'productId'}, {name: 'productTitle'}, {name: 'productAvl'}])
    });
	
	var resultTpl = new Ext.XTemplate(
        '<tpl for="."><div class="x-combo-list-item"><img src="/images/status_{productAvl}.gif" alt="{productAvl}" style="width: 10px; height: 10px; float: right;" />{productTitle}</div></tpl>'
    );

	var comboSearch0 = new Ext.form.ComboBox({
	    store: storeSearch0,
	    displayField:'productTitle',
		valueField: 'productId',
		tpl: resultTpl,
	    typeAhead: true,
		triggerAction: 'all',
		loadingText: 'wird geladen...',
		width: 435,
		minChars: 3,
		applyTo: 'frmComboSearch0'
	});
	
	comboSearch0.on('select', function() {

		$('searchContent').innerHTML = '<div id="searchLoader"></div>';

		new Ajax.Updater('searchContent', 
		                 '/ajaxProductDetails.inc.php?inanr=' + comboSearch0.getValue(),
		                 {evalScripts: true});
	});
	
	Ext.get('tab_bilderleisten').on('click', function() {
		switchTab('tab_bilderleisten', null);
		storeSearch0.proxy= new Ext.data.HttpProxy({url: '/ajaxProductSearch.inc.php?type=0'});
		storeSearch0.load();
		comboSearch0.reset();
	});
	
	Ext.get('tab_wechselrahmen').on('click', function() {
		switchTab('tab_wechselrahmen', null);
		storeSearch0.proxy= new Ext.data.HttpProxy({url: '/ajaxProductSearch.inc.php?type=1'});
		storeSearch0.load();
		comboSearch0.reset();
	});
	
	Ext.get('tab_vergolderrahmen').on('click', function() {
		switchTab('tab_vergolderrahmen', null);
		storeSearch0.proxy= new Ext.data.HttpProxy({url: '/ajaxProductSearch.inc.php?type=2'});
		storeSearch0.load();
		comboSearch0.reset();
	});
	
	Ext.get('tab_bilderglas').on('click', function() {
		switchTab('tab_bilderglas', null);
		storeSearch0.proxy= new Ext.data.HttpProxy({url: '/ajaxProductSearch.inc.php?type=3'});
		storeSearch0.load();
		comboSearch0.reset();
	});
	
	Ext.get('tab_passepartous').on('click', function() {
		switchTab('tab_passepartous', null);
		storeSearch0.proxy= new Ext.data.HttpProxy({url: '/ajaxProductSearch.inc.php?type=4'});
		storeSearch0.load();
		comboSearch0.reset();
	});
	
	Ext.get('tab_zubehoer').on('click', function() {
		switchTab('tab_zubehoer', null);
		storeSearch0.proxy= new Ext.data.HttpProxy({url: '/ajaxProductSearch.inc.php?type=5'});
		storeSearch0.load();
		comboSearch0.reset();
	});	
});*/

function loadSearchForm() {
	
	var storeSearch0 = new Ext.data.Store({
		proxy: new Ext.data.HttpProxy({url: '/ajaxProductSearch.inc.php'}),
	    reader: new Ext.data.JsonReader({
            totalProperty: 'productCount',
			encoding: 'iso-8859-1',
		    root:'products'
        }, [{name: 'productId'}, {name: 'productTitle'}, {name: 'productAvl'}])
    });
	
	var resultTpl = new Ext.XTemplate(
        '<tpl for="."><div class="x-combo-list-item"><img src="/images/status_{productAvl}.gif" alt="{productAvl}" style="width: 10px; height: 10px; float: right;" />{productTitle}</div></tpl>'
    );

	var comboSearch0 = new Ext.form.ComboBox({
	    store: storeSearch0,
	    displayField:'productTitle',
		valueField: 'productId',
		tpl: resultTpl,
	    typeAhead: true,
		triggerAction: 'all',
		loadingText: 'wird geladen...',
		width: 435,
		minChars: 3,
		applyTo: 'frmComboSearch0'
	});
	
	comboSearch0.on('select', function() {

		$('searchContent').innerHTML = '<div id="searchLoader"></div>';

		new Ajax.Updater('searchContent', 
		                 '/ajaxProductDetails.inc.php?inanr=' + comboSearch0.getValue(),
		                 {evalScripts: true});
	});
	
	Ext.get('tab_bilderleisten').on('click', function() {
		switchTab('tab_bilderleisten', null);
		//storeSearch0.proxy= new Ext.data.HttpProxy({url: '/ajaxProductSearch.inc.php?type=0'});
		//storeSearch0.load();
		//comboSearch0.reset();
	});
	
	Ext.get('tab_wechselrahmen').on('click', function() {
		switchTab('tab_wechselrahmen', null);
		//storeSearch0.proxy= new Ext.data.HttpProxy({url: '/ajaxProductSearch.inc.php?type=1'});
		//storeSearch0.load();
		//comboSearch0.reset();
	});
	
	Ext.get('tab_vergolderrahmen').on('click', function() {
		switchTab('tab_vergolderrahmen', null);
		//storeSearch0.proxy= new Ext.data.HttpProxy({url: '/ajaxProductSearch.inc.php?type=2'});
		//storeSearch0.load();
		//comboSearch0.reset();
	});
	
	Ext.get('tab_bilderglas').on('click', function() {
		switchTab('tab_bilderglas', null);
		//storeSearch0.proxy= new Ext.data.HttpProxy({url: '/ajaxProductSearch.inc.php?type=3'});
		//storeSearch0.load();
		//comboSearch0.reset();
	});
	
	Ext.get('tab_passepartous').on('click', function() {
		switchTab('tab_passepartous', null);
		//storeSearch0.proxy= new Ext.data.HttpProxy({url: '/ajaxProductSearch.inc.php?type=4'});
		//storeSearch0.load();
		//comboSearch0.reset();
	});
	
	Ext.get('tab_zubehoer').on('click', function() {
		switchTab('tab_zubehoer', null);
		//storeSearch0.proxy= new Ext.data.HttpProxy({url: '/ajaxProductSearch.inc.php?type=5'});
		//storeSearch0.load();
		//comboSearch0.reset();
	});		
}

function switchMarker(strTab) {

	if (!strTab) {
		var strTab = strTabCurrent;
	}
	
	$('tab_bilderleisten').className   = 'searchTab';
	$('tab_wechselrahmen').className   = 'searchTab';
	$('tab_vergolderrahmen').className = 'searchTab';
	$('tab_bilderglas').className      = 'searchTab';
	$('tab_passepartous').className    = 'searchTab';
	$('tab_zubehoer').className        = 'searchTab';
	
	$(strTab).className                = 'searchTab focus';
	
	switch(strTab) {

		case 'tab_bilderleisten': $('searchTitle').innerHTML = "Holz- &amp; Aluminium Bilderleisten"; break;
		case 'tab_wechselrahmen': $('searchTitle').innerHTML = "Wechselrahmen &amp; Objektboxen"; break;
		case 'tab_vergolderrahmen': $('searchTitle').innerHTML = "Vergolder- &amp; Modellrahmen"; break;
		case 'tab_bilderglas': $('searchTitle').innerHTML = "Bilderglas"; break;
		case 'tab_passepartous': $('searchTitle').innerHTML = "Passepartouts und R&uuml;ckw&auml;nde"; break;
		case 'tab_zubehoer': $('searchTitle').innerHTML = "Zubeh&ouml;r und Pr&auml;sentationsmaterialien"; break;
		default: $('searchTitle').innerHTML = "Holz- und Aluminiumbilderleisten"; break;
	}
}

function switchTab(strTab, strParams) {

	$('searchContent').innerHTML = '<div id="searchLoader"></div>';

	strTabCurrent = strTab;

	switchMarker(strTab);

	new Ajax.Request(
		'/ajaxProductDetails.inc.php', {
			method: 'get',
			parameters: 'searchTab=' + strTab + '&' + strParams + '&' + $('narf').innerHTML,
			encoding: 'iso-8859-1',
	        evalScripts: 'true',
			onComplete: function(objReq){
				onSwitchTabComplete(objReq, strTab);
			}
		}
	);
}

function onSwitchTabComplete(objReq, strTab) {

	$('searchContent').innerHTML = objReq.responseText;

	getElement("id", "content_" + strTab, 0).style.display = "block";
	getElement("id", "suchoption", 0).value = strTab;
}

function submitSearch() {

	var frmSearch = Form.serialize('frmSearch');

	$('searchContent').innerHTML = '<div id="searchLoader"></div>';

	new Ajax.Updater('searchContent', 
	                 '/ajaxProductDetails.inc.php',
	                 { parameters: frmSearch,
	                   method: 'get',
	                   encoding: 'iso-8859-1',
	                   evalScripts: true});
}

function reload(strParams) {

	$('searchContent').innerHTML = '<div id="searchLoader"></div>';

	new Ajax.Updater('searchContent', 
	                 '/ajaxProductDetails.inc.php',
	                 { parameters: strParams,
	                   method: 'get',
	                   encoding: 'iso-8859-1',
	                   evalScripts: true});
}

function submitOrder(strProductId) {

	var frmBestellung = Form.serialize('frmBestellung');

	$('searchContent').innerHTML = '<div id="searchLoader"></div>';

	new Ajax.Updater('searchContent', 
	                 '/ajaxProductDetails.inc.php?inanr=' + strProductId,
                     { method: 'post',
                       parameters: frmBestellung,
					   encoding: 'iso-8859-1',
	                   onComplete: updateCart,
	                   evalScripts: true});
}

function updateCart() {

	self.location = '#top';

	new Ajax.Updater('warenkorbAnzahl', 
	                 '/ajaxCart.inc.php');
}