var uri = document.location.search;
var selectedProductType = "";
var selectedManufactor = "";
if ( uri) {
	uri = uri.substring(1);
	uri = uri.split("&");
	for ( var i = 0; i < uri.length; i++) {
		if (uri[i].indexOf("product_type=") == 0) selectedProductType = uri[i].split("=")[1];
		if (uri[i].indexOf("manufactor=") == 0) selectedManufactor = uri[i].split("=")[1];
	}
}

dsProducts.setColumnType("price1","number");
dsProducts.setColumnType("sdesc","html");
dsProducts.setColumnType("ldesc","html");

function reloadData() {
	var form1= document.getElementById("form1");
	var formData = "product_type=" + form1.productTypeSelector.value + "&manufactor=" + encodeURI(form1.manufactorSelector.value) + "&price=" + form1.price.value + "&gears_no=" + form1.gears.value;
	if ( form1.bikename.style.color=='black') formData += "&product_name=" + encodeURI( form1.bikename.value);
	dsProducts.setURL("/site/components/com_bikes/db/getproducts_json.php?" + formData);
	dsProducts.loadData();
}

function checkEnter(e){ 
    var characterCode

    if(e && e.which){ //if which property of event object is supported (NN4)
        e = e;
        characterCode = e.which; //character code is contained in NN4's which property
    }
    else{
        e = event;
        characterCode = e.keyCode; //character code is contained in IE's keyCode property
    }

    if(characterCode == 13){ //if generated character code is equal to ascii 13, Enter
        return false
    }
    else{
        return true
    }
}

// Skapa objekt för att visa stapel för ramtypen
function getFrame(region, lookupFunc) {
	return "<div title='" + lookupFunc("{frame_name}") + "' style='background: transparent url(/site/components/com_bikes/images/filled_bar_180x14.gif) no-repeat;height:13px;width:" + (parseInt(lookupFunc("{frame}"))*6) +  "px;' >" + "</div>";
}

// Skapa objekt för att visa stapel för antal växler
function getGears(region, lookupFunc) {
	//return "width: {formated_price}px;";
	return "<div title='" + lookupFunc("{gears_no}") + " st' style='background: transparent url(/site/components/com_bikes/images/filled_bar_180x14.gif) no-repeat;height:13px;width:" + (parseInt(lookupFunc("{gears_no}"))*6) +  "px;' >" + "</div>";
}

// Skapa objekt för att visa stapel för vikt
function getWeight(region, lookupFunc) {
	//return "width: {formated_price}px;";
	return "<div title='" + lookupFunc("{weight}") + " kg' style='background: transparent url(/site/components/com_bikes/images/filled_bar_180x14.gif) no-repeat;height:13px;width:" + (parseInt(lookupFunc("{weight}"))*6) +  "px;' >" + "</div>";
}

// Formatera pris med tusen avgränsare
function getPrice(region, lookupFunc) {
	var number = parseInt(lookupFunc("{price1}"));
	var ns = "" + number;
	
	var out = "";
	if (number >= 1000) {
		var count = 0;
		for ( var i = ns.length; i >= 0; i--) {
			if ( count == 4) {
				count = 0;
				out = " " + out;
			}
			out = ns.charAt(i) + out;
			count++;
		}
		return out 
	} else {
		return ns;
	}
}

// Formatera pris1 med tusen avgränsare
function getPrice1(region, lookupFunc) {
	var number = parseInt(lookupFunc("{price1}"));
	var ns = "" + number;
	
	var out = "";
	if (number >= 1000) {
		var count = 0;
		for ( var i = ns.length; i >= 0; i--) {
			if ( count == 4) {
				count = 0;
				out = " " + out;
			}
			out = ns.charAt(i) + out;
			count++;
		}
		return out 
	} else {
		return ns;
	}
}

// Formatera pris2 med tusen avgränsare
function getPrice2(region, lookupFunc) {
	var number = parseInt(lookupFunc("{price2}"));
	var ns = "" + number;
	
	var out = "";
	if (number >= 1000) {
		var count = 0;
		for ( var i = ns.length; i >= 0; i--) {
			if ( count == 4) {
				count = 0;
				out = " " + out;
			}
			out = ns.charAt(i) + out;
			count++;
		}
		return out 
	} else {
		return ns;
	}
}

// Formatera data för attribut, samt skapa länkar till bilder för färgvarianter
function getAttributes(region, lookupFunc) {
	
	var colors = lookupFunc("{colors}");
        var gears_name = lookupFunc("{gears_name}");
        var gears_no = lookupFunc("{gears_no}");
        var frame_name = lookupFunc("{frame_name}");
        var size = lookupFunc("{size}");
        var sdesc = lookupFunc("{sdesc}");
	var rowId = lookupFunc("{ds_RowID}");
        var modell_year = lookupFunc("{modell_year}");
         
        var out = "";
        if ( colors && colors != "") {
             out = "<B>F&auml;rger:</B> " ;
             colorList = colors.split(",");
             if ( colorList.length > 1) {
                 for ( var i = 0; i < colorList.length; i++) {
                    if ( i > 0) out += ",&nbsp;";
                    var trimmed =  colorList[i].replace(/^\s+|\s+$/g, '') ;
                    out += trimmed;
                 }
             } else {
                out += colorList[0];
             }
             out += "&nbsp;";
        }
         
         if ( frame_name && frame_name != "") out += "<B>Ram:</B> " + frame_name + "&nbsp;";
         
         if ( gears_name && gears_name != "") {
             out += "<B>Växel:</B>&nbsp;"+ gears_name + "&nbsp;";
             if ( gears_no && gears_no != "") out += gears_no + " Vxl&nbsp;"
         }
         
        if ( size && size != "") out += "<B>Storlek:</B>&nbsp;" + size + "&nbsp;";
	if ( modell_year && modell_year != "") out += "<B>Årsmodell:</B>&nbsp;" + modell_year + "&nbsp;";
        
        if ( sdesc.length > 0 ) out += "<P>" + sdesc + "</P>";
	
	return out;
}

// Formatera och skapa länkar till bilder för färgvarianter
function getColorAttributes(region, lookupFunc) {
	
	var colors = lookupFunc("{colors}");
        var rowId = lookupFunc("{ds_RowID}");
        
        var out = "";
        if ( colors && colors != "") {
             out = "<B>V&auml;lj&nbsp;f&auml;rg:</B> " ;
             colorList = colors.split(",");
             if ( colorList.length > 1) {
                 for ( var i = 0; i < colorList.length; i++) {
                    if ( i > 0) out += ",&nbsp;";
                    var trimmed =  colorList[i].replace(/^\s+|\s+$/g, '') ;
                    out += "<A HREF='javascript:changeImage(" + rowId + "," + (i+1) + ")'>" + trimmed + "</A>";
                 }
             } else {
                out += colorList[0];
             }
             out += "&nbsp;";
        }
         
	return out;
}

function simulateClick(elId) {
    var evt;
    var el = document.getElementById(elId);
    if (document.createEvent){
        evt = document.createEvent("MouseEvents");
        evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    }
    (evt)? el.dispatchEvent(evt):(el.click && el.click());
}

// Dölj/visa thumbnails-bilder vid visning av stor bild
function showHideThumbNails( rowID, productId) {
	var currObj = document.getElementById( "img_no_s_" + rowID);

	if ( this.oldImage != "" && this.oldId != rowID) { 
		var o = document.getElementById( "img_no_s_" + this.oldId );
		o.style.backgroundImage= this.oldImage;
	}

	
	if ( currObj.style.backgroundImage == "") {
		currObj.style.backgroundImage = this.oldImage;
		this.oldImage="";
                document.getElementById("focusImage_"+ productId).innerHTML="<img src='/site/components/com_bikes/images/pilned.gif' />";
                document.getElementById("focusImage_"+ productId).title="Klicka för att visa mer";
	} else {
		this.oldImage = currObj.style.backgroundImage;
		this.oldId=rowID;
		currObj.style.backgroundImage = "";
                document.getElementById("focusImage_"+ productId).innerHTML="<img src='/site/components/com_bikes/images/pilup.gif' />";
                document.getElementById("focusImage_"+ productId).title="Klicka för att dölja detaljerna";
	}
}

// Visa färgvariant på stor cykelbild
function changeImage( rowId, colorNo) {
	var o = document.getElementById( "img_no_" + rowId );
			
	if ( o && o.src.indexOf("waitimage.jpg") < 0) {
		var imgName = o.src;
		var p = imgName.lastIndexOf(".");
		var imgType= imgName.substring(p); 
                 
		imgName = imgName.substring(0,p-1);
                 
		p = imgName.lastIndexOf("_");
		if ( p > 0) imgName = imgName.substring(0,p); // Remove old colorname
                 
                if ( colorNo < 10) colorNo = "0" + colorNo;
		imgName += "_" + colorNo + imgType;
		// alert( "New image name: " + imgName);
		o.src=imgName;
	}
}

// Välj förvalt värde i dropdown lista
function setSelectedId(o, id) {
	for ( var i = 0; i < o.options.length; i++) {
		if ( o.options[i].value == id) {
			o.options[i].selected = true;
			break;
		}
	}
}