var navImgCount = 4;
var preloadedImgs = new Array();

function preloadImages(){

    var i = 0;

    // Preload nav images.

    for (i; i < navImgCount; i++){

        preloadedImgs[i] = new Image()
		preloadedImgs[i].src = '/assets/img/menu_' + (i + 1) + '_on.gif'
	}
}

function nav_in(id) {

	document.getElementById('nav_' + id).src = '/assets/img/menu_' + id + '_on.gif';
}

function nav_out(id) {

	document.getElementById('nav_' + id).src = '/assets/img/menu_' + id + '_off.gif';
}
function xmas_nav_in(id) {

	document.getElementById('nav_' + id).src = '/assets/img/chocolate_orders/menu_' + id + '_on.gif';
}

function xmas_nav_out(id) {

	document.getElementById('nav_' + id).src = '/assets/img/chocolate_orders/menu_' + id + '_off.gif';
}
function writeNav(navOn) {

    document.write(

        '<div id="common_nav">' + 
            (navOn != '1' ? '<a href="page1.html"><img onmouseover="nav_in(\'1\')" onmouseout="nav_out(\'1\')" id="nav_1" src="./img/nav_01_off.gif" alt="Page 1" border="0" width="200" height="10"></a>' : '<img src="./img/nav_01_on.gif" alt="Page 1" width="200" height="10">') + '<br/>' +
            (navOn != '2' ? '<a href="page2.html"><img onmouseover="nav_in(\'2\')" onmouseout="nav_out(\'2\')" id="nav_2" src="./img/nav_02_off.gif" alt="Page 2" border="0" width="200" height="10"></a>' : '<img src="./img/nav_02_on.gif" alt="Page 2" width="200" height="10">') + '<br/>' +
        '</div>'
    );
}

var highlightCols;

/*
 * Specifiy which columns will be highlighted in a highlight table.
 */
function setHighlightCols(cols) {
	
	highlightCols = cols;
}

/*
 * Highlight relevant columns (highlightCols) in the 
 * specified row in a highlight table.
 */
function cell_in(tableType, id) {
	
	colsArray = highlightCols[tableType - 1];
	
	for (var i = 0; i < colsArray.length; i++) {
	
		document.getElementById('cell_' + tableType + "_" + id + '_' + colsArray[i]).style.backgroundColor = '#FFFF00';
	}
}

/*
 * Un-highlight relevant columns (highlightCols) in the 
 * specified row in a highlight table.
 */
function cell_out(tableType, id) {
	
	colsArray = highlightCols[tableType - 1];
	
	var bgColInherit = 
		document.getElementById('main_container').style.backgroundColor;

	for (var i = 0; i < colsArray.length; i++) {
		
		document.getElementById('cell_' + tableType + "_" + id + '_' + colsArray[i]).style.backgroundColor = bgColInherit
	}
}

function clientFilter(model) {
	
	var selectField = document.getElementById('client_filter_select')
	var idSelect = selectField[selectField.selectedIndex].value;
	self.location.href = "/" + model + "/client/" + idSelect;
}

function selectChange(model, filter) {
	
	var selectField = document.getElementById('item_select')
	var idSelect = selectField[selectField.selectedIndex].value;
	self.location.href = "/" + model + "/" + idSelect + "/" + filter;
}

function getMapsKey() {

	var googleMapsApiKeys = [];

	googleMapsApiKeys['http://www.pjure.com'] = 
        'ABQIAAAAUIiXOfVCKlMvPaS7znQaDBTaybUU-0e-IgpM4NVlQAYfij1AKRQT0fmV_flf81AFY_eUf2OOvP2y1A';
    googleMapsApiKeys['http://www.pjure.at'] = 
        'ABQIAAAAUIiXOfVCKlMvPaS7znQaDBRS4xMPtFLw5Q-2LaLq9xVoSnQozhQVbiNFuIe6y5QJXs5yM_1QJOFt_A';
    googleMapsApiKeys['http://www.pjure.ch'] = 
        'ABQIAAAAUIiXOfVCKlMvPaS7znQaDBRqM_OEy6T0ltQnU45CDhk5pzu3cRQskKT53I-a4ZoByFTwmAdaYqpz2A';
    googleMapsApiKeys['http://www.pjure.eu'] = 
        'ABQIAAAAUIiXOfVCKlMvPaS7znQaDBQy91FLmgtionI0bO4fPNSi5EFNsRSMADosgZZEnW0LTCPc3__FATsoRw';
    googleMapsApiKeys['http://www.pjure.net'] = 
        'ABQIAAAAUIiXOfVCKlMvPaS7znQaDBS5rVleMfgH4WNG86G0Ugv6rgh5xBSpkhAgMdFWHG6upUe2VM8h9x5Axg';
    googleMapsApiKeys['http://www.pjure.de'] = 
        'ABQIAAAAUIiXOfVCKlMvPaS7znQaDBQptScADx9EMEK_JozcDncg_j3hixS3hk8m-VhcnQRDxrnwTJWC2xMQgQ';
	googleMapsApiKeys['http://10.10.0.167:8000'] = 
		'ABQIAAAAUIiXOfVCKlMvPaS7znQaDBRDi4CBTcVqOrcsMKWEwSkHo4bw7RRUQ44PK1bACs2CY3Lgft-Zase92g';

	var domain = location.protocol + "//" + location.host;

	var key = googleMapsApiKeys[domain];
	
	return key;
}

function doGoogleMap() {

	if (GBrowserIsCompatible()) {

		var center = new GLatLng(48.271226, 16.401644);
	
		var map = new GMap2(document.getElementById("map_canvas"));
		map.setCenter(center, 11);
		
		map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());

        var marker = new GMarker(center, {draggable: true});
        map.addOverlay(marker);
	}
}

function doGoogleUnload() {
	
	// Do google mapping resources tidy-up.
	
	GUnload();
}