/*
   v1.01 Added specials
   v1.02 Properly handled querystring for return to stock page, added viewport autoheight depends on comments,remove features field if has no value, efficiency ratings added, data access security, preload images, added thumbnails
   v1.03 datasource fetched from jquery.dealerbase.co.nz or jquery service, optional not to provide
*/
(function ($) {

    $.fn.stocklist = function (options) {

        var defaults = $.extend({
            ver: 1.03,
            branchId: 0,
            datasource: null,
            pagetype: 0, /*0 - stocklist, 1 - details, 2- compare*/
            detailspage: 'http:\/\/' + document.domain + '\/details.html',
            stockpage: 'http:\/\/' + document.domain + '\/vehicle.html',
            viewtype: 0, /*0 - galleryview, 1 - listview*/
            marker: null,
            loancalculator: false,
            loanparam: null,
            financethisvehicle: false,
            playvideo: false,
            maxgalleryview: 12,
            maxlistview: 5,
            mediapath: 'https://trademe.tmcdn.co.nz/photoserver',
            mediapathautobase: 'http://media.autobase.co.nz',
            jsonpath: 'http://jquery.dealerbase.co.nz',
            scriptautoload: true,
            css: null,
            branches: null,
            queryvehicleid: 'id',
            gstincluded: true
        }, options);

        var loan =
        {
            "PPSR": 10,
            "rate": 15.95,
            "processfee": 325,
            "amount": 0,
            "deposit": 0,
            "depositrate": "0.10",
            "year": 0,
            "years": 0,
            "months": 24,
            "GETPVIFA": function (rate, years, period) {
                var monthly_rate = rate / period;
                var factor = 0;
                var base_rate = 1 + monthly_rate;
                var denominator = base_rate;

                for (var i = 0; i < (years * period); i++) {
                    factor += (1 / denominator);
                    denominator *= base_rate;
                }

                return factor;
            }
        };

        var fuelefficiency = {
            "rating": null,
            "value": null,
            "cost": null,
            "message": null,
            "toString": function () {
                var effinfo = [];
                if (this.rating) {
                    effinfo.push("This vehicle has a Fuel Economy Star Rating of <b>" + this.rating + "</b> out of 6.");
                }
                if (this.value && parseFloat(this.value) > 0) {
                    effinfo.push("It consumes <b>" + this.value + "L</b> litres per 100km travelled.");
                }
                if (this.cost) {
                    effinfo.push("The Estimated Annual Cost of running this vehicle is <b>" + this.cost + "</b>.");
                }
                if (this.message) {
                    effinfo.push(this.message);
                }

                //blank fillup
                if (parseFloat(this.value) == 0) {
                    effinfo.push("<br/><br/>");
                }

                if (effinfo.length > 0) {
                    return effinfo.join(" ");
                }
                return null;
            },
            "tooltip": function () {
                var tooltip = trademe.structure.create("div", "fuel-economy-tooltip", "ui-curve-med ui-shadow-large");

                if (this.toString()) {
                    tooltip
                        .append(trademe.structure.create("div", null, "arrow-left-border"))
                        .append(trademe.structure.create("div", null, "arrow-left"))
                        .append(trademe.structure.create("div", null, "fuel-rating-medium fuel-rating-medium-" + this.rating.replace(".", "_")))
                        .append(trademe.structure.create("h5", null, null).html("Vehicle Fuel Economy Labelling"))
                        .append(trademe.structure.create("p", null, null).html(this.toString()))
                        .append(trademe.structure.create("p", null, "disclaimer").html("<b>Disclaimer:</b> The Fuel Saver Information displayed here is provided for comparative purposes. Your actual cost per year and fuel consumption will vary from that shown, depending on factors such as vehicle condition and any vehicle modifications, driving style, traffic conditions, distance travelled and fuel price variations. You should not expect to meet exactly what this information says. Visit <a href='http://www.fuelsaver.govt.nz' target='_blank'>www.fuelsaver.govt.nz</a> to find out more about this information and fuel saver labels, and how to improve fuel economy."))
                        .css("display", "none");


                    if ($("#fuel-economy-tooltip").length > 0) {
                        $("#fuel-economy-tooltip").remove();
                    }
                    $("body").append(tooltip);

                    var tooltipfunc = function () {
                        //do tooltip
                        var _pt = window.setInterval(function () {
                            //if (listing.listingdatafetched != 'undefined' && listing.listingdatafetched == true) {
                            if (defaults.datasource) {
                                $("." + trademe.cssclass.fueleconomyhelp).TradeMeMotorsTooltip({ tooltipid: "fuel-economy-tooltip" });
                                window.clearInterval(_pt);
                            }
                            //}
                        }, 100);
                    };

                    //load tooltip script
                    if (defaults.scriptautoload) {
                        $.getScript(defaults.jsonpath + "\/trademe.motors.tooltip.js",
                            function (data, textStatus, jqxhr) {
                                tooltipfunc();
                            });
                    } else {
                        tooltipfunc();
                    }

                    return true;

                }

                return null;
            }

        };
        var carousel = {
            "create": function () {
                if ($("#carousel").length > 0) {
                    $("#carousel").remove();
                }

                var c = trademe.structure.create("div", "carousel", null);

                trademe.structure.target.after(c);

                var carouselfunc = function () {
                    //populate data
                    var _populate = window.setInterval(function () {
                        //if (listing.listingdatafetched != 'undefined' && listing.listingdatafetched == true) {
                        if (defaults.datasource) {
                            $("#carousel").TradeMeMotorsCarousel({ datasource: defaults.datasource, carouseltype: 0 });
                            $("#carousel").appendTo("#details-viewport .details-form");
                            window.clearInterval(_populate);
                        }
                        //}
                    }, 100);
                };

                //load carousel script
                if (defaults.scriptautoload) {
                    $.getScript(defaults.jsonpath + "\/trademe.motors.carousel.js",
                        function (data, textStatus, jqxhr) {
                            carouselfunc();
                        });
                } else {
                    carouselfunc();
                }
            }
        };

        var listing = {
            minpage: 0, maxpage: 0, totalpage: 0, currentpage: 0, currentmakeId: 0, currentsortby: 7, currentviewtype: 0, populatecallback: null,
            init: function () {
                if (!listing.hasViewport()) {
                    return;
                }

                if (!trademe.structure.target.hasClass(trademe.cssclass.viewportcontainer)) {
                    trademe.structure.target.addClass(trademe.cssclass.viewportcontainer);
                }

                //load data
                listing.loaddata();

                //do load cookie 1st
                listing.loadcookie();

                if (!listing.hasHeader()) {
                    listing.createHeader();
                    trademe.structure.fetchlistingextra();
                    listing.addFilterOption();
                }

                //populate data
                var _populate = window.setInterval(function () {
                    if (listing.listingdatafetched != 'undefined' && listing.listingdatafetched == true && typeof trademe.selection.fetched != 'undefined' && trademe.selection["fetched"] == true) {
                        if (listing.populatecallback) {
                            listing.populatecallback();
                            window.clearInterval(_populate);
                        }
                        if (!defaults.scriptautoload) {
                            listing.populatecallback();
                            window.clearInterval(_populate);
                        }
                    }
                }, 100);

                if (!listing.hasFooter()) {
                    listing.createFooter();
                }
                listing.createContainer();
            },
            hasViewport: function () {
                if (defaults.pagetype == trademe.enume.pagetype.stock) {
                    return (trademe.structure.target.attr("id") == trademe.id.viewport);
                }
                return false;
            },
            hasHeader: function () {
                return (trademe.structure.target.find("." + trademe.cssclass.header).length > 0);
            },
            hasFooter: function () {
                return (trademe.structure.target.find("." + trademe.cssclass.footer).length > 0);
            },
            loadcookie: function () {
                //can be optimized, todo next
                var cookienames = [{ listingobj: "currentpage", name: "currentpage" }, { listingobj: "currentmakeId", name: "ManufacturerId" }, { listingobj: "currentsortby", name: "SortBy" }, { listingobj: "currentviewtype", name: "viewtype" }, { listingobj: "branchId", name: "branchId"}];
                $.each(cookienames, function (i, v) {
                    if (cookie(v.name)) {
                        listing[v.listingobj] = $.IsNumber(cookie(v.name)) ? parseInt(cookie(v.name)) : cookie(v.name);
                    }
                });
            },
            createHeader: function () {
                var header = trademe.structure.create("div", null, trademe.cssclass.header);
                var galleryview = trademe.structure.create("a", null, trademe.cssclass.galleryview).attr("href", "");
                var listview = trademe.structure.create("a", null, trademe.cssclass.listview).attr("href", "");
                var label = trademe.structure.create("span", trademe.id.totallisting, null);
                var makelabel = trademe.structure.create("span", trademe.id.makelabel, null).html("Make");
                var sortbylabel = trademe.structure.create("span", trademe.id.sortbylabel, null).html("Sort By");
                var makeselect = trademe.structure.create("select", trademe.id.makeoption, null);
                var sortbyselect = trademe.structure.create("select", trademe.id.sortoption, null);

                trademe.structure.target
                    .append(header
                        .append(galleryview)
                        .append(listview)
                        .append(label)
                        .append(sortbyselect)
                        .append(sortbylabel)
                        .append(makeselect)
                        .append(makelabel)
                    );

                galleryview.bind("click", trademe.event.galleryviewclicked);
                listview.bind("click", trademe.event.listviewclicked);
                $("#" + trademe.id.makeoption).bind("change", trademe.event.makeoptionclicked);
                $("#" + trademe.id.sortoption).bind("change", trademe.event.sortbyclicked);
            },
            createFooter: function () {
                var footer = trademe.structure.create("div", null, trademe.cssclass.footer);
                var poweredby = trademe.structure.create("div", null, trademe.cssclass.poweredby).html("Powered by ").append($("<a></a>").attr("href", "http://www.trademe.co.nz/motors").attr("target", "_new").html("TradeMe Motors"));
                trademe.structure.target
                    .append(footer.append(poweredby));

                var f = window.setTimeout(function () {
                    footer.css({ marginTop: parseInt(trademe.structure.target.css("height").replace("px", "")), width: trademe.structure.target.width() });
                    window.clearTimeout(f);
                }, 100);
            },
            createContainer: function () {
                var container = trademe.structure.create("div", trademe.id.itemcontainerlist, trademe.cssclass.itemcontainerlist);
                if (trademe.structure.target.find("." + trademe.cssclass.itemcontainerlist).length == 0) {
                    trademe.structure.target.append(container);
                }
            },
            arrangeGalleryView: function () {
                if ($(".item-container").length == 0) return;

                var parentWidth = $(".gallery-view").innerWidth();
                var item_per_row = Math.floor(parentWidth / $(".item-container").innerWidth());
                //var marginLeft = parseInt($(".item-container").css("marginLeft").replace("px", ""));
                var marginRight = parseInt($(".item-container").css("marginRight").replace("px", ""));
                var marginTop = parseInt($(".item-container").css("marginTop").replace("px", ""));

                //set position of each item-container
                var item_index = 1;
                var item_left = 0;
                var item_top = 0;

                $.each($(".gallery-view .item-container"), function (i, v) {

                    if (item_index > item_per_row) {
                        item_index = 1;
                        item_left = 0;
                        item_top += $(".item-container").outerHeight() + marginTop;
                    }

                    $(this).css({ 'left': item_left, 'top': item_top });
                    item_left = ($(".item-container").outerWidth() + marginRight) * item_index;
                    $(this).data("imageindex", 0);
                    //$(this).prepend("<div class='galleryview-menu'><a href='#' class='galleryview-menu-button button-details'>Details</a><a href='#' class='galleryview-menu-button button-video'>Video</a><a href='#' class='galleryview-menu-button button-compare'>Compare</a></div>");
                    item_index++;
                });
            },
            setpage: function (a) {

                var maxpaging = listing.currentviewtype == trademe.enume.pagetype.stock ? defaults.maxgalleryview : defaults.maxlistview;

                listing.totalpage = Math.ceil((a.length) / maxpaging);
                listing.currentpage = listing.totalpage > 0 && listing.currentpage == 0 ? listing.currentpage = 1 : listing.currentpage;
                listing.minpage = Math.min(Math.round(Math.max(1, listing.currentpage - (maxpaging / 2))), Math.max(1, listing.totalpage - maxpaging + 1));
                listing.maxpage = Math.max(maxpaging, listing.minpage + maxpaging);
                listing.maxpage = (listing.maxpage > listing.totalpage ? listing.totalpage : listing.maxpage);

                $("." + trademe.cssclass.pagecontainer).remove();

                if (listing.maxpage == 1) return;

                var pg = trademe.structure.create("div", null, trademe.cssclass.pagecontainer);
                pg.append(trademe.structure.create("a", null, trademe.cssclass.pageprev + " ui-curve-small ui-shadow-small").html("Prev").attr("href", ""));
                for (var i = listing.minpage; i <= listing.maxpage; i++) {
                    var p = trademe.structure.create("a", null, trademe.cssclass.pagelink + " ui-curve-small ui-shadow-small" + (listing.currentpage == i ? " selected" : "")).html(i).attr("href", "").data("number", i);
                    pg.append(p);
                }

                pg.append(trademe.structure.create("a", null, trademe.cssclass.pagenext + " ui-curve-small ui-shadow-small").html("Next").attr("href", ""));

                $("." + trademe.cssclass.footer).append(pg);

                $("." + trademe.cssclass.pagelink).bind("click", trademe.event.pagelinkclicked);
                $("." + trademe.cssclass.pagenext).bind("click", trademe.event.pagenextclicked);
                $("." + trademe.cssclass.pageprev).bind("click", trademe.event.pageprevclicked);

                if (listing.currentpage <= 1) {
                    $("." + trademe.cssclass.pageprev).hide();
                } else {
                    $("." + trademe.cssclass.pageprev).show();
                }

                if (listing.currentpage >= listing.maxpage) {
                    $("." + trademe.cssclass.pagenext).hide();
                } else {
                    $("." + trademe.cssclass.pagenext).show();
                }
            },
            populate: function () {
                if (!defaults.datasource) {
                    return;
                }

                var container = trademe.structure.target.find("." + trademe.cssclass.itemcontainerlist);
                container.html("");
                container.focus();
                container.removeClass("gallery-view").removeClass("list-view");

                //get from querystring
                var _datasource = [];
                $.each(defaults.datasource, function (i, v) {

                    if (trademe.structure.foundinquery({
                        "ManufacturerId": v.manufacturerId,
                        "ModelId": v.modelId,
                        "PriceFrom": v.price.replace("$", "").replace(",", ""),
                        "PriceTo": v.price.replace("$", "").replace(",", ""),
                        "TransmissionTypeId": v.transmissiontypeid,
                        "OdometerFrom": v.odometer.replace(",", ""),
                        "OdometerTo": v.odometer.replace(",", ""),
                        "VehicleTypeId": v.vehicletypeid,
                        "new": v.isnew == "true" ? "1" : "0",
                        "specials": v.isspecial == "true" ? "1" : "0",
                        "intransit": typeof v.details.Status != 'undefined' && v.details.Status.toLowerCase() == "in transit" ? "1" : "0",
                        "branchId": v.branchId
                    }) && trademe.structure.foundinfilter({ "ManufacturerId": v.manufacturerId })) {
                        _datasource.push(v);
                    }
                });

                //lets sort
                _datasource = trademe.structure.sortthis(_datasource);

                //set page control
                listing.setpage(_datasource);

                //initially display all counts
                if (_datasource.length > 0) {
                    $("#" + trademe.id.totallisting).html("We have " + _datasource.length + " vehicle(s) listed.");
                }

                //gallery view
                if (listing.currentviewtype == trademe.enume.viewtype.galleryview) {
                    container.addClass("gallery-view");

                    $.each(_datasource.slice((listing.currentpage * (defaults.maxgalleryview)) - defaults.maxgalleryview, listing.currentpage * (defaults.maxgalleryview)), function (i, v) {
                        /**************/
                        //create items
                        var item = trademe.structure.create("div", "item-" + v.id, "item-container");

                        var img = trademe.structure.create("img", null, "preview-image").attr("src", v.images.length > 0 ?
                            defaults.mediapath + "/Med/" + v.images[0].split('_')[1] + ".jpg" :
                            defaults.jsonpath + "\/images\/imageunavailable_medium.png");
                        var price = trademe.structure.create("label", null, "price").html(defaults.gstincluded ? v.price : listing.gstexclude(v.price));
                        //var year = trademe.structure.create("label", null, "year").html(v.year);
                        var pricelabel = trademe.structure.create("label", null, "pricelabel").html("Price");
                        var title = trademe.structure.create("label", null, "title").html((v.year ? v.year + " " : "") + "<b>" + v.makemodel + "</b>" + (v.modeldetails ? " " + v.modeldetails : ""));
                        var previcon = trademe.structure.create("a", null, "prev-icon").attr("href", "");
                        var nexticon = trademe.structure.create("a", null, "next-icon").attr("href", "");
                        var imgindex = trademe.structure.create("span", null, "img-index").html((v.images.length > 0 ? "1" + " of " + v.images.length : ""));

                        if (v.images.length < 2) {
                            previcon.attr("style", "display:none;");
                            nexticon.attr("style", "display:none;");
                        }

                        item.append("\r\n");
                        item.append(img).append("\r\n")
                        .append(price).append("\r\n")
                        .append(pricelabel).append("\r\n")
                        .append(title).append("\r\n")
                        .append(previcon).append("\r\n")
                        .append(imgindex).append("\r\n")
                        .append(nexticon).append("\r\n");

                        //execute extrascript
                        if (typeof listing.fetchedlistingextra != 'undefined' && listing.fetchedlistingextra == true) {
                            if (listing.listingextra.display) {
                                $.each(listing.listingextra.display, function (_i, _v) {
                                    //type object - function, array
                                    if (_v["label"] && _v["label"].indexOf("|") > -1 && typeof v[_v["label"].split("|")[0]][_v["label"].split("|")[1]] != "undefined") {
                                        var label = trademe.structure.create("label", _v["label"].split("|")[0].replace("#", "").toLowerCase() + "-" + _v["label"].split("|")[1].replace("#", "").toLowerCase(), null);
                                        label.html(_v["label"].split("|")[1] + " " + v[_v["label"].split("|")[0]][_v["label"].split("|")[1]]);
                                        item.append(label);
                                    }
                                });
                            }
                        }

                        container.append("\r\n");
                        container.append(item.clone()).append("\r\n");
                        item = null;
                        /**************/
                    });

                    listing.arrangeGalleryView();

                    $(".item-container a.prev-icon").bind("click", trademe.event.prevclick);
                    $(".item-container a.next-icon").bind("click", trademe.event.nextclick);

                }

                //[2] list view type
                if (listing.currentviewtype == trademe.enume.viewtype.listview) {
                    container.addClass("list-view");

                    $.each(_datasource.slice((listing.currentpage * (defaults.maxlistview)) - defaults.maxlistview, listing.currentpage * (defaults.maxlistview)), function (i, v) {

                        if (trademe.structure.foundinquery({ "ManufacturerId": v.manufacturerId, "ModelId": v.modelId,
                            "PriceFrom": v.price.replace("$", "").replace(",", ""),
                            "PriceTo": v.price.replace("$", "").replace(",", ""),
                            "TransmissionTypeId": v.transmissiontypeid,
                            "OdometerFrom": v.odometer.replace(",", ""),
                            "OdometerTo": v.odometer.replace(",", ""),
                            "VehicleTypeId": v.vehicletypeid,
                            "new": v.isnew == "true" ? "1" : "0",
                            "specials": v.isspecial == "true" ? "1" : "0"
                        })) {

                            //create items
                            var item = trademe.structure.create("div", "item-" + v.id, "item-container");
                            var img = trademe.structure.create("img", null, "preview-image").attr("src", v.images.length > 0 ?
                                defaults.mediapath + "/Med/" + v.images[0].split('_')[1] + ".jpg" :
                                defaults.jsonpath + "\/images\/imageunavailable_medium.png");

                            var price = trademe.structure.create("label", null, "price").html(defaults.gstincluded ? v.price : listing.gstexclude(v.price));
                            var title = trademe.structure.create("label", null, "title").html((v.year ? v.year + " " : "") + "<b>" + v.makemodel + "</b>" + (v.modeldetails ? " " + v.modeldetails : ""));
                            var description = trademe.structure.create("label", null, "description").html(v.description);

                            item.append("\r\n");
                            item.append(img).append("\r\n")
                                .append(price).append("\r\n")
                                .append(title).append("\r\n")
                                .append(description).append("\r\n");

                            //execute extrascript
                            if (typeof listing.fetchedlistingextra != 'undefined' && listing.fetchedlistingextra == true) {
                                if (listing.listingextra.display) {
                                    $.each(listing.listingextra.display, function (_i, _v) {
                                        //type object - function, array
                                        if (_v["label"] && _v["label"].indexOf("|") > -1 && typeof v[_v["label"].split("|")[0]][_v["label"].split("|")[1]] != "undefined") {
                                            var label = trademe.structure.create("label", _v["label"].split("|")[0].replace("#", "").toLowerCase() + "-" + _v["label"].split("|")[1].replace("#", "").toLowerCase(), null);
                                            label.html(_v["label"].split("|")[1] + " " + v[_v["label"].split("|")[0]][_v["label"].split("|")[1]]);
                                            item.append(label);
                                        }
                                    });
                                }
                            }

                            container.append("\r\n");
                            container.append(item.clone()).append("\r\n");
                        }
                    });

                    var marginTop = parseInt($(".item-container").css("marginTop").replace("px", ""));
                    var item_top = 0;
                    $.each($(".list-view .item-container"), function (i, v) {

                        $(this).css({ 'top': item_top });

                        item_top += $(".item-container").outerHeight() + marginTop;
                    });

                }

                //bind item click
                $(".item-container").bind("click", trademe.event.itemclick);

            },
            populatemakeoption: function (func) {

                if (typeof trademe.selection.fetched == 'undefined') {
                    $.support.cors = true;

                    $.getJSON(defaults.jsonpath + "/quicksearchdata.js?branchId=" + defaults.branchId + "&callback=" + (browser && browser.msie ? "?" : ""), function (data) {
                        var json = data;

                        if (typeof trademe.selection.fetched == 'undefined') {
                            trademe.selection["fetched"] = true;
                        }

                        trademe.selection["makeoption"] = json ? json["manufacturermodel"] : "{}";

                        var c = window.setTimeout(function () {
                            $("#" + trademe.id.makeoption).html("");
                            $("#" + trademe.id.makeoption).append($("<option></option>").attr("value", "0").attr("selected", "true").html("All Makes"));
                            $.each(trademe.selection.makeoption, function (i, v) {
                                $("#" + trademe.id.makeoption).append($("<option></option>").attr("value", v.ManufacturerId).html(v.ManufacturerName));
                            });

                            if (listing.currentmakeId) {
                                $("#" + trademe.id.makeoption).val(listing.currentmakeId);
                            }

                            $.each(trademe.selection.sortoption, function (i, v) {
                                $("#" + trademe.id.sortoption).append($("<option></option>").attr("value", v.value).html(v.display));
                            });

                            if (listing.currentsortby) {
                                $("#" + trademe.id.sortoption).val(listing.currentsortby);
                            }

                            if (func) {
                                func();
                            }

                            window.clearTimeout(c);
                        }, 10);
                    })
                    .fail(function (jqxhr, settings, exception) {
                        var x = 0;
                    });
                }

            },
            addFilterOption: function () {
                listing.populatemakeoption(trademe.structure.loadbranches);
            },
            loaddefaultstyle: function () {
                if ($("head").find("link#_stock-list-theme").length == 0) {
                    var link = trademe.structure.create("link", "_stock-list-theme", null);
                    var url = defaults.jsonpath + "/css/trademe.motors.stocklist.css";
                    link.attr("rel", "stylesheet").attr("type", "text/css").attr("href", url);

                    //for IE
                    if ((typeof $.browser != 'undefined' && $.browser.msie) || document.createStyleSheet) { document.createStyleSheet(url); }

                    $("head").prepend(link);
                }
            },
            loaddata: function () {
                if (defaults.datasource == null) {
                    if (listing.listingdatafetched != 'undefined' && listing.listingdatafetched == true) {
                        return;
                    }

                    $.support.cors = true;
                    $.getJSON(defaults.jsonpath + "/trademe.motors.stocklistdata.js?branchId=" + defaults.branchId + "&callback=" + (browser && browser.msie ? "?" : ""), function (data) {

                        if (typeof listing.listingdatafetched == 'undefined' && data) {
                            listing["listingdatafetched"] = true;
                        }

                        defaults.datasource = data;
                    })
                    .fail(function (jqxhr, settings, exception) {
                        var x = 0;
                    });

                }
            },
            loaddatascript: function (filename, containerobject, postfunc) {
                $.support.cors = true;
                //$.getJSON(defaults.jsonpath + "/" + filename + "?branchId=" + defaults.branchId + "&callback=" + (browser && browser.msie ? "?" : "?"), function (data) {
                $.getJSON(defaults.jsonpath + "/" + filename + "?branchId=" + (typeof listing.currentbranchId == "undefined" || listing.currentbranchId == 0 ? defaults.branchId : listing.currentbranchId) + "&callback=" + (browser && browser.msie ? "?" : "?"), function (data) {

                    if (typeof trademe.structure[containerobject + "fetched"] == 'undefined' && data) {
                        trademe.structure[containerobject + "fetched"] = true;
                    }

                    trademe.structure[containerobject] = data;

                    if (postfunc) {
                        postfunc();
                    }

                })
                .error(function (jqxhr, settings, exception) {
                    var x = 0;
                });
            },
            gstexclude: function (price) {
                return price ? $.currency(Math.round(parseFloat(price.replace("$", "").replace(",", "")) / 1.15), { roundToDecimalPlace: false }) : "$0";
            }
        };
        var extracss = {
            "load": function (css) {
                if (!css) return;
                var style = {};
                if ($("head style").length == 0) {
                    style = $("style");
                    style.attr("type", "text/css");
                    $("head").append(style);
                } else {
                    style = $("head style:first");
                }

                //do insert the style
                $.each(css, function (k, v) {
                    var val = [];
                    $.each(v, function (_k, _v) {
                        val.push(_k + ": " + _v);
                    });
                    style.append(k + " {" + val.join(";\r\n") + "}");
                });
            }
        };

        var printform = {
            "print": function () {
                if (!defaults.datasource) return;

                var vehicleId = querystring("id") ? querystring("id") : 0;

                $.each(defaults.datasource, function (i, v) {
                    if (v.id == vehicleId) {

                        if ($("#print-form").length > 0) {
                            $("#print-form").remove();
                        }

                        //load branch details
                        listing.loaddatascript("trademe.motors.branchdata.js", "branchdata", function () {
                            var branch = trademe.structure["branchdata"];

                            var frameName = ("printer-" + (new Date()).getTime());
                            var jFrame = $("<iframe name='" + frameName + "'>").attr("id", "print-form");
                            jFrame
                                .css({ "width": "900px", "height": "100%", "position": "absolute", "zIndex": "10000", "zoom": "1" })
                                .css("border", "1px solid #000000")
                                .prependTo($("body"));

                            jFrame.css({ "top": (($(window).height() - jFrame.outerHeight()) / 2) + "px", "left": (($(window).width() - jFrame.outerWidth()) / 2) + "px" });

                            var objFrame = window.frames[frameName];
                            var objDoc = objFrame.document;

                            objDoc.open();
                            objDoc.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">");
                            objDoc.write("<html>");
                            objDoc.write("<body>");
                            objDoc.write("<head>");
                            objDoc.write("<title>");
                            objDoc.write(document.title);
                            objDoc.write("</title>");
                            objDoc.write("<style type='text\/css'>");
                            objDoc.write("body {padding:0px;margin:0px;background-color:#ffffff; font-family:\"Arial\";zoom:1; text-align:left;}");
                            objDoc.write("table tr td{vertical-align:top;}");
                            objDoc.write("#title-header {height:18pt;width:100%;display:block;margin:0px;padding:0px;border-top:0.063em solid #000000;border-bottom:0.063em solid #000000;line-height:18pt;}");
                            objDoc.write(".right {float:right;}");
                            objDoc.write(".left {float:left;}");
                            objDoc.write("#title-header .left {margin-top:0px;margin-left:1pt;width:auto;}");
                            objDoc.write("#title-header .right {margin-top:0px;margin-right:1pt;width:80pt;text-align:right;}");
                            objDoc.write("#attributes {display:block;width:376pt;height:100%;margin-left:1pt;clear:left;}");
                            objDoc.write("#attributes dl {display:block;width:100%;height:auto;font-size:12pt;}");
                            objDoc.write("#attributes dl dt {width:88pt;}");
                            objDoc.write("#attributes dl dd {width:282pt;font-weight:bold;}");
                            objDoc.write("#attributes dl dt,#attributes dl dd {margin:0px;padding:0px;display:block;height:26pt;line-height:26pt;border-bottom:1px dotted #000000;display:inline-block;}");
                            objDoc.write("#features {display:block;width:376pt;height:auto;margin-left:1pt;font-size:12pt;line-height:18pt; }");
                            objDoc.write("#images {display:block;width:315px;margin-right:1pt;}");
                            objDoc.write("#images img {float:right;margin-bottom:2pt;width:100%;/*height:120pt;*/}");
                            objDoc.write("#fuel-economy {display:block;position:relative; width:376pt;height:135.75pt;margin-left:1pt;margin-top: 10pt;}");
                            objDoc.write("#fuel-economy img{position:absolute:left:0px;top:0px;}");
                            objDoc.write("#fuel-economy span:nth-child(1) {position:absolute; top:24pt;left:108.75pt; height:17.25pt;line-height:17.25pt; text-indent:5pt;font-size:18pt;}");
                            objDoc.write("#fuel-economy span:nth-child(2) {position:absolute; top:45.7pt;left:90pt; height:17.25pt; ;line-height:17.25pt; text-indent:5pt;}");
                            objDoc.write("#fuel-economy span:nth-child(3) {position:absolute; top:62pt;left:90pt; height:17.25pt;width:93pt;line-height:17.25pt; text-indent:5pt;overflow:hidden;}");
                            objDoc.write("#fuel-economy span:nth-child(4) {position:absolute; top:91.25pt;left:33pt; height:3.75pt;width:148.5pt;line-height:3.75pt; font-size:3.75pt;}");
                            objDoc.write("#fuel-economy span:nth-child(5) {position:absolute; top:33pt;left:34.75pt; height:0.938em;width:1.625em;line-height:0.938em;font-weight:bold;text-align:center; }");
                            objDoc.write("#comments {display:block;width:376pt;height:auto;margin-left:1pt;margin-top: 1pt;font-size:12pt;line-height:18pt; }");
                            objDoc.write("#contact-dealer {display:block;top:0px;right:1pt; width:100%;height:auto;padding:8pt;}");
                            objDoc.write("#contact-dealer h3 {font-size:18pt;}");
                            objDoc.write("#contact-dealer label {font-size:12pt;display:block;width:auto;height:18pt;line-height:18pt;}");
                            objDoc.write("#contact-dealer label b {display:inline-block;height:18pt; width:60pt;}");
                            objDoc.write("#contact-dealer label:nth-child(4),#contact-dealer label:nth-child(5) {display:inline-block;}");
                            objDoc.write("#contact-dealer label:nth-child(5) {margin-left:1pt;}");
                            objDoc.write("#contact-dealer label.contact-person {float:left;margin-left:65pt;display:block;width:145pt;height:auto;line-height:18pt;}");
                            objDoc.write("</style>");
                            objDoc.write("</head>");
                            objDoc.write("<body>");
                            //insert body here
                            objDoc.write("<img id='banner-img' src='" + defaults.mediapathautobase + "//Logos//Branch//Full//" + defaults.branchId + ".gif' />");
                            objDoc.write("<div id='title-header'><h3 class='left'>" + v.year + " " + v.title + "<\/h3><h3 class='right'>" + (defaults.gstincluded ? v.price : listing.gstexclude(v.price)) + "<\/h3><\/div>");

                            objDoc.write("<table border='0' cellpadding='0' cellspacing='0' ><tr><td rowspan='2'>");
                            //---------------
                            //details
                            if (v.details) {
                                objDoc.write("<div class='left' id='attributes'>");
                                objDoc.write("<dl>");
                                $.each(v.details, function (text, val) {
                                    objDoc.write("<dt>" + text + "<\/dt><dd>" + val + "<\/dd>");
                                });
                                objDoc.write("</dl>");
                                objDoc.write("</div>");
                            }

                            //images here previously

                            //features
                            if (v.features) {
                                objDoc.write("<div class='left' id='features'><b>Features</b><br/><br/>" + v.features.join() + "<\/div>");
                            }

                            //fuel economy
                            if (v.efficiencyrating > 0) {

                                objDoc.write("<div class='left' id='fuel-economy'>");
                                objDoc.write("<span>" + v.efficiencyfuelcost.replace("$", "") + "</span>");
                                objDoc.write("<span>" + v.makemodel + "</span>");
                                objDoc.write("<span>" + v.modeldetails + "</span>");
                                objDoc.write("<span>" + v.efficiencymessage + "</span>");
                                objDoc.write("<span>" + v.efficiencyrating + "</span>");
                                objDoc.write("<img src='" + "http:\/\/jquery.dealerbase.co.nz\/images\/fuel-economy\/stars_" + v.efficiencyrating + ".png" + "' border='0'/>");
                                objDoc.write("<\/div>");
                            }

                            //contact here previously

                            //comments
                            if (v.comments) {
                                objDoc.write("<div class='left' id='comments'><br/><b>Comments</b><br/><br/>" + v.comments + "<\/div>");
                                /*objDoc.write("<div style='clear:both'></div>");*/
                            }
                            //---------------

                            objDoc.write("</td>");
                            objDoc.write("<td>");

                            //---------------
                            //images
                            if (v.images.length > 0) {
                                objDoc.write("<div class='right' id='images'>");

                                for (var i = 0; i < 3; i++) {
                                    var _v = v.images[i];
                                    var imgsrc = _v.length > 0 ? defaults.mediapath + "/Full/" + _v.split('_')[1] + ".jpg" :
                                        "images\/imageunavailable_medium.png";

                                    objDoc.write("<img src='" + imgsrc + "' />");

                                }
                                objDoc.write("</div>");
                            }
                            //---------------

                            objDoc.write("</td>");
                            objDoc.write("</td></tr><tr><td>");
                            //---------------
                            //contact
                            objDoc.write("<div id='contact-dealer'>");
                            objDoc.write("<h3>" + branch[0].trading_name + "</h3>");
                            if (branch[0].Phone) {
                                objDoc.write("<label><b>Phone</b>: " + branch[0].Phone + "</label>");
                            }
                            if (branch[0].Mobile) {
                                objDoc.write("<label><b>Mobile</b>: " + branch[0].Mobile + "</label>");
                            }
                            if (branch[0].Fax) {
                                objDoc.write("<label><b>Fax</b>: " + branch[0].Fax + "</label>");
                            }
                            if (branch[0].Address) {
                                objDoc.write("<label><b>Address</b>: " + branch[0].Address + "</label>");
                            }
                            if (branch[0].City) {
                                objDoc.write("<label>" + branch[0].City + "</label>");
                            }

                            if (branch[2].repeat) {
                                var branchcontacts = eval(branch[2].repeat);
                                if (branchcontacts.length > 0) {
                                    objDoc.write("<label><b>Contacts</b>: </label>");
                                    $.each(branchcontacts, function (_idx, _val) {
                                        var cn = [];
                                        if (_val.mobile) {
                                            cn.push(_val.mobile);
                                        }
                                        if (_val.Mobile) {
                                            cn.push(_val.Mobile);
                                        }
                                        if (_val.work_phone) {
                                            cn.push(_val.work_phone);
                                        }
                                        objDoc.write("<label class='contact-person'><u>" + _val.first_name + " " + _val.last_name + "</u><br/>" + cn.join("<br/>") + "</label>");
                                        objDoc.write("<br/>");
                                    });
                                }
                            }
                            objDoc.write("<\/div>");
                            //---------------
                            objDoc.write("</td></tr></table>");


                            objDoc.write("</div>");
                            objDoc.write("</body>");
                            objDoc.write("</html>");
                            objDoc.close();


                            objFrame.focus();
                            objFrame.print();

                            /*alert("Document sent to printer...");*/
                            var x = window.setTimeout(function () {
                                $("#print-form").remove();
                                window.clearTimeout(x);
                            }, 1000);



                        });
                    }
                });

            }
        };

        var trademe = {
            "cssclass": {
                "itemcontainerlist": "item-container-list",
                "viewportcontainer": "viewport-container",
                "detailscontainer": "details-container",
                "header": "headerbar",
                "footer": "footerbar",
                "poweredby": "poweredby",
                "viewoption": "view-option",
                "galleryview": "icon gallery-icon gallery-view-link",
                "listview": "icon gallery-list-icon list-view-link",
                "galleryviewlink": "gallery-view-link",
                "listviewlink": "list-view-link",
                "detailsform": "details-form",
                "vehicleattribute": "vehicle-attribute",
                "vehiclefeatures": "vehicle-features",
                "vehiclecomments": "vehicle-comments",
                "closemedium": "close-medium",
                "emailseller": "email-seller",
                "fueleconomylabel": "fuel-economy-label",
                "fueleconomyhelp": "fuel-economy-help",
                "pagecontainer": "page-container",
                "pagelink": "page-link",
                "pagenext": "page-next",
                "pageprev": "page-prev",
                "qrtag": "qrtag",
                "dealercontactinfo": "dealer-contact-info"
            },
            id: {
                "itemcontainerlist": "item-container-list",
                "viewport": "gallery-viewport",
                "totallisting": "total-listing-count",
                "makelabel": "make-label",
                "sortbylabel": "sortby-label",
                "sortoption": "sort-option",
                "makeoption": "make-option",
                "branchlabel": "branch-label",
                "branchoption": "branch-option",
                "detailsviewport": "details-viewport",
                "detailsform": "details-form",
                "detailstitle": "title",
                "detailsprice": "price",
                "vehicleattribute": "vehicle-attribute",
                "vehiclefeatures": "vehicle-features",
                "vehiclecomments": "vehicle-comments",
                "actionlinks": "action-links",
                "printvehicle": "print-vehicle",
                "loancalculator": "loan-calculator",
                "loancalculatorform": "loan-calculator-form",
                "financethis": "finance-this",
                "playvideo": "play-video",
                "emailseller": "email-seller",
                "carousel": "carousel-basic",
                "dealercontactinfo": "dealer-contact-info"

            },
            selection: {
                sortoption:
                [
                    { "value": 0, "display": "Lowest Price", "classname": "price", "sortorder": 0, "objectname": "price" },
                    { "value": 1, "display": "Highest Price", "classname": "price", "sortorder": 1, "objectname": "price" },
                    { "value": 2, "display": "Oldest Vehicle", "classname": "year", "sortorder": 0, "objectname": "year" },
                    { "value": 3, "display": "Newest Vehicle", "classname": "year", "sortorder": 1, "objectname": "year" },
                    { "value": 4, "display": "Lowest Km", "classname": "odometer", "sortorder": 0, "objectname": "odometer" },
                    { "value": 5, "display": "Highest Km", "classname": "odometer", "sortorder": 1, "objectname": "odometer" },
                    { "value": 6, "display": "Latest Listing", "classname": "created", "sortorder": 1, "objectname": "created" },
                    { "value": 7, "display": "Make/Model (A-Z)", "classname": "makemodel", "sortorder": 0, "objectname": "makemodel" }
                ],
                hiddendata:
                [
                    "price", "odometer", "cc", "year", "makemodel"
                ]
            },
            "enume": {
                viewtype: { "galleryview": 0, "listview": 1 },
                rotate: { "right": 0, "left": 1 },
                pagetype: { "stock": 0, "details": 1, "compare": 2 }
            },
            selectedvalue: {
                viewtype: 0, commenttop: 310,
                vehicleprice: 0
            },
            link: {
                plugincsspath: "http://" + document.domain + "/css/trademe.motors.stocklist.css"
            },
            structure: {
                target: null,
                hasHeader: function () {
                    return (this.target.find("." + trademe.cssclass.header).length > 0);
                },
                hasViewport: function () {
                    if (defaults.pagetype == trademe.enume.pagetype.stock) {
                        return (this.target.attr("id") == trademe.id.viewport);
                    }
                    if (defaults.pagetype == trademe.enume.pagetype.details) {
                        return (this.target.attr("id") == trademe.id.detailsviewport);
                    }
                    return false;
                },
                hasTMMotorsCss: function () {
                    return ($("head").find("script[src*='" + trademe.link.plugincsspath.replace("http:\/\/" + document.domain + "\/", "") + "']").length > 0);
                },
                hasDetailsForm: function () {
                    if (defaults.pagetype == trademe.enume.pagetype.details) {
                        return (this.target.find(trademe.cssclass.detailsform).length > 0);
                    }
                    return false;
                },
                addHeadCss: function () {
                    var css = this.createCssLink(trademe.link.plugincsspath);
                    if (!this.hasTMMotorsCss()) {
                        if (document.createStyleSheet) {
                            document.createStyleSheet(css);
                        } else {
                            $("head").append(css);
                        }
                    }
                },
                createHeader: function () {
                    this.target.append(
                        $("<div></div>")
                            .addClass(trademe.cssclass.header)
                            .append($("<div><span>VIEW BY</span></div>")
                            .addClass(trademe.cssclass.viewoption)
                        ));
                    this.target
                        .find("." + trademe.cssclass.viewoption + " span")
                        .after($("<a></a>").attr("href", "javascript:return false;")
                            .addClass(trademe.cssclass.galleryview)
                            .click(trademe.event.galleryviewclick));
                    this.target
                        .find("." + trademe.cssclass.viewoption + " span")
                        .after($("<a></a>").attr("href", "javascript:return false;")
                            .addClass(trademe.cssclass.listview)
                            .click(trademe.event.listviewclick));
                },
                createcontainer: function () {
                    //create item-container-list
                    var containerlist = this.create("div", trademe.id.itemcontainerlist, trademe.cssclass.itemcontainerlist);
                    if (this.target.find("." + trademe.cssclass.itemcontainerlist).length == 0) {
                        this.target.append(containerlist);
                    }
                },
                createdetailsform: function () {

                    var detailsform = this.create("div", null, trademe.cssclass.detailsform);
                    var qs = [];
                    $.each(window.location.search.substring(1).split("&"), function (i, v) {
                        if (v.split("=")[0] != "id") {
                            qs.push(v);
                        }
                    });

                    var closebutton = this.create("a", null, trademe.cssclass.closemedium).attr("href", defaults.stockpage + (qs && qs.length > 0 ? "?" + qs.join("&") : ""));
                    var title = this.create("h1", trademe.id.detailstitle, null);
                    var price = this.create("div", trademe.id.detailsprice, "price-tag")
                                .append(this.create("div", null, "arrow-right"));

                    var actionlink = trademe.structure.create("div", trademe.id.actionlinks, null)
                                            .append(trademe.structure.create("a", trademe.id.printvehicle, null).html("Print Vehicle").attr("href", ""));

                    if (defaults.loancalculator) {
                        actionlink.append(trademe.structure.create("a", trademe.id.loancalculator, null).html("Loan Calculator").attr("href", "#"));
                    }

                    if (defaults.financethisvehicle) {
                        actionlink.append(trademe.structure.create("a", trademe.id.financethis, null).html("Finance this Vehicle").attr("href", "finance.aspx?id=" + querystring("id")));
                    }

                    if (defaults.playvideo) {
                        actionlink.append(trademe.structure.create("a", trademe.id.playvideo, null).html("Play Video").attr("href", "#"));
                    }

                    if ($("." + trademe.cssclass.emailseller).length == -1) {
                        actionlink.append(trademe.structure.create("a", trademe.id.emailseller, trademe.cssclass.emailseller).html("Email the Seller").attr("href", "#"));
                    } else if ($("#" + trademe.id.actionlinks).find("." + trademe.cssclass.emailseller).length == 0) {
                        actionlink.append($("." + trademe.cssclass.emailseller));
                    }

                    var attribute = this.create("dl", trademe.id.vehicleattribute, trademe.cssclass.vehicleattribute);
                    var features = this.create("div", trademe.id.vehiclefeatures, trademe.cssclass.vehiclefeatures);
                    var comments = this.create("div", trademe.id.vehiclecomments, trademe.cssclass.vehiclecomments);
                    var dealercontactinfo = this.create("div", trademe.id.dealercontactinfo, trademe.cssclass.dealercontactinfo);

                    if (!trademe.structure.hasDetailsForm()) {
                        this.target.append(detailsform);
                    }

                    var margin = detailsform.css("marginTop") ? parseInt(detailsform.css("marginTop")) : 10;
                    detailsform
                            .width(detailsform.parent().innerWidth() - (margin * 2))
                    //.height(detailsform.parent().innerHeight() - (margin * 2))
                            .css({ "marginTop": margin, "marginLeft": margin, "height": "100%" })
                            .addClass("ui-shadow-med")
                            .addClass("ui-curve-small")
                            .append(closebutton)
                            .append(title)
                            .append(price)
                            .append(actionlink)
                            .append(attribute)
                            .append(features)
                            .append(comments)
                            .append(dealercontactinfo);

                    if (defaults.loancalculator) {
                        //trademe.selectedvalue.vehicleprice = 
                        $("#" + trademe.id.loancalculator).click(function () {
                            trademe.structure.createloancalculator();
                            trademe.structure.initloancalculator();
                            return false;
                        });
                    }

                    $("#" + trademe.id.printvehicle).bind("click", trademe.event.printthis);

                    //qrtag
                    var qrtag = trademe.structure.create("iframe", null, trademe.cssclass.qrtag)
                            .attr("scrolling", "no")
                            .attr("frameborder", "0");
                    detailsform.append(qrtag);

                    //initially hide
                    detailsform.hide();
                },
                /*Not in the standard yet*/
                createloancalculator: function () {
                    var form = trademe.structure.create("div", trademe.id.loancalculatorform, "ui-shadow-large");
                    var header = trademe.structure.create("h1", null, null);

                    form.append(header.html("FINANCE CALCULATOR"))
                        .append(trademe.structure.create("a", null, "close-link").attr("href", "#"))
                        .append(trademe.structure.create("span", null, "small-text").html("To calculate your car payments, simply enter in the relevant information and hit the 'Calculate' button."))
                        .append(trademe.structure.create("div", null, "input-container ui-curve-small")
                            .append(trademe.structure.create("label", null, "price").html("Vehicle Price"))
                            .append(trademe.structure.create("input", null, "price-input ui-textbox").attr("type", "text"))
                            .append(trademe.structure.create("label", null, "deposit").html("Deposit"))
                            .append(trademe.structure.create("input", null, "deposit-input ui-textbox").attr("type", "text"))
                            .append(trademe.structure.create("label", null, "terms").html("Terms of Payment (Months)"))
                            .append(trademe.structure.create("input", null, "terms-input ui-textbox").attr("type", "text"))
                            .append(trademe.structure.create("a", null, "calculate-link ui-button").html("Calculate"))
                            .append(trademe.structure.create("a", null, "reset-link ui-button").html("Reset"))
                            .append(trademe.structure.create("h3", null, null).html("Repayment Amounts"))
                            .append(trademe.structure.create("label", null, "weekly").html("Weekly"))
                            .append(trademe.structure.create("input", null, "weekly-input ui-textbox").attr("type", "text"))
                            .append(trademe.structure.create("label", null, "monthly").html("Monthly"))
                            .append(trademe.structure.create("input", null, "monthly-input ui-textbox").attr("type", "text"))
                        )
                        .append(trademe.structure.create("span", null, "smaller-text").html("This is an indication only. Terms and conditions apply. Please contact us for a quote."));

                    $("body").find("#" + trademe.id.loancalculatorform).remove();

                    $("body").append(form);

                    //close event
                    $(".close-link").click(trademe.event.financecalculatorclosed);

                },
                initloancalculator: function () {

                    //copy defaults value to loan variable
                    if (defaults.loanparam) {
                        loan = $.extend(loan, defaults.loanparam);
                    }

                    //initialized values
                    loan.depositrate = Math.round(parseFloat(loan.depositrate) * 100) / 100;

                    if ($("#" + trademe.id.loancalculatorform).length > 0) {
                        $(".price-input").val(trademe.selectedvalue.vehicleprice);
                        $(".deposit-input").val(parseFloat(trademe.selectedvalue.vehicleprice * loan.depositrate).toFixed(2));
                        $(".terms-input").val(loan.months);
                    }

                    //add computations
                    if ($(".calculate-link").length > 0) {

                        $(".calculate-link").click(function () {

                            loan.amount = $(".price-input").val() > 0 ? parseFloat($(".price-input").val()) : 0;
                            loan.deposit = $(".deposit-input").val() > 0 ? parseFloat($(".deposit-input").val()) : 0;
                            //loan.year = $(".terms-input").val() > 0 ? parseFloat($(".terms-input").val()) : 0;
                            loan.months = $(".terms-input").val() > 0 ? parseFloat($(".terms-input").val()) : 0;

                            var _loan = (parseFloat(loan.amount) + parseFloat(loan.PPSR)) - parseFloat(loan.deposit);

                            var interest = parseFloat(loan.rate) / 100;

                            if (!loan.months || !loan.amount) return;

                            loan.year = loan.months / 12;

                            var forthnightly_factor = loan.GETPVIFA(interest, loan.year, 48);
                            var monthly_factor = loan.GETPVIFA(interest, loan.year, 12);
                            var base_amount = parseFloat(_loan) + parseFloat(loan.processfee);

                            if (forthnightly_factor == 0 && monthly_factor == 0) {
                                $(".weekly-input").html("");
                                $(".monthly-input").html("");
                            } else {
                                $(".weekly-input").val(parseFloat((Math.round((base_amount / monthly_factor) * 100) / 100) / 4).toFixed(2));
                                $(".monthly-input").val(Math.round((base_amount / monthly_factor) * 100) / 100);
                            }

                        });
                    }

                    if ($(".reset-link").length > 0) {
                        $(".reset-link").click(function () {
                            $(".deposit-input").val(0);
                            $(".terms-input").val(0);
                            $(".weekly-input").val(0);
                            $(".monthly-input").val(0);
                        });
                    }

                },
                initcontainerview: function () {

                    //add class to viewport
                    if (!this.target.hasClass(trademe.cssclass.viewportcontainer)) {
                        this.target.addClass(trademe.cssclass.viewportcontainer);
                    }

                    //add header bar
                    if (!trademe.structure.hasHeader()) {
                        trademe.structure.createHeader();
                    }

                    this.createcontainer();

                },
                createCssLink: function (path) {
                    return "<link href=\"" + path + "\" rel=\"stylesheet\" type=\"text/css\" \/>";
                },
                initdetails: function () {

                    //add class to viewport
                    if (!this.target.hasClass(trademe.cssclass.detailscontainer)) {
                        this.target.addClass(trademe.cssclass.detailscontainer);
                    }

                    //add form
                    if (!trademe.structure.hasDetailsForm()) {
                        trademe.structure.createdetailsform();
                    }


                },
                foundinquery: function (queryStrings, tofind) {
                    var isfound = false;
                    if (window.location.search) {
                        var ismatchedarr = [];
                        $.each(queryStrings, function (i, v) {
                            if (querystring(i) && i.indexOf("From") == -1 && i.indexOf("To") == -1) {
                                if (querystring(i).indexOf(",") > -1) {
                                    ismatchedarr.push($.inArray(v, querystring(i).split(",")) > -1);
                                } else {
                                    if (querystring(i) == v) {
                                        ismatchedarr.push(true);
                                    } else {
                                        ismatchedarr.push(false);
                                    }
                                }
                            }
                            if (i == "PriceFrom" || i == "PriceTo") {
                                var ismatched = false;
                                if (querystring("PriceFrom") != "0" && querystring("PriceTo") != "0" &&
                                 parseInt(querystring("PriceFrom")) <= parseInt(v) && parseInt(querystring("PriceTo")) >= parseInt(v)) {
                                    ismatched = true;
                                }
                                if (querystring("PriceFrom") != "0" && querystring("PriceTo") == "0" &&
                                 parseInt(querystring("PriceFrom")) <= parseInt(v)) {
                                    ismatched = true;
                                }
                                if (querystring("PriceFrom") == "0" && querystring("PriceTo") != "0" &&
                                 parseInt(querystring("PriceTo")) >= parseInt(v)) {
                                    ismatched = true;
                                }
                                if (querystring(i)) {
                                    if (ismatched) {
                                        ismatchedarr.push(true);
                                    } else {
                                        ismatchedarr.push(false);
                                    }
                                }
                            }
                            if (i == "OdometerFrom" || i == "OdometerTo") {
                                var ismatched = false;
                                if (querystring("OdometerFrom") != "0" && querystring("OdometerTo") != "0" &&
                                 parseInt(querystring("OdometerFrom")) <= parseInt(v) && parseInt(querystring("OdometerTo")) >= parseInt(v)) {
                                    ismatched = true;
                                }
                                if (querystring("OdometerFrom") != "0" && querystring("OdometerTo") == "0" &&
                                 parseInt(querystring("OdometerFrom")) <= parseInt(v)) {
                                    ismatched = true;
                                }
                                if (querystring("OdometerFrom") == "0" && querystring("OdometerTo") != "0" &&
                                 parseInt(querystring("OdometerTo")) >= parseInt(v)) {
                                    ismatched = true;
                                }
                                if (querystring(i)) {
                                    if (ismatched) {
                                        ismatchedarr.push(true);

                                    } else {
                                        ismatchedarr.push(false);

                                    }
                                }
                            }

                        });

                        isfound = true;
                        $.each(ismatchedarr, function (index, val) {
                            if (!val) {
                                isfound = false;
                            }
                        });

                        return isfound;
                    } else {
                        return true;
                    }
                },
                foundinfilter: function (filterparams) {
                    var isfound = false;

                    if ($("#" + trademe.id.makeoption).children().length == 0 ||
                       $("#" + trademe.id.makeoption + " option:selected").val() == 0) {
                        return true;
                    }

                    var ismatchedarr = [];
                    $.each(filterparams, function (i, v) {
                        if (parseInt($("#" + trademe.id.makeoption + " option:selected").val()) == v) {
                            ismatchedarr.push(true);
                        } else {
                            ismatchedarr.push(false);
                        }
                    });

                    isfound = true;
                    $.each(ismatchedarr, function (index, val) {
                        if (!val) {
                            isfound = false;
                        }
                    });

                    return isfound;
                },
                populatedetails: function () {

                    //check datasource, need value
                    if (!defaults.datasource) {
                        return;
                    }

                    //branch details
                    var getBranchDetails = function (func) {
                        listing.loaddatascript("trademe.motors.branchdata.js", "branchdata", function () {
                            if (func) {
                                func();
                            }
                        });
                    };

                    $.each(defaults.datasource, function (i, v) {
                        if (v.id == querystring("id")) {

                            $("." + trademe.cssclass.detailsform).fadeIn();

                            //title
                            if ($("#" + trademe.id.detailstitle).length > 0) {
                                $("#" + trademe.id.detailstitle).html(v.year + " " + v.title);
                            }

                            //price
                            if ($("#" + trademe.id.detailsprice).length > 0) {
                                $("#" + trademe.id.detailsprice).prepend(trademe.structure.create("span", null, null).append(defaults.gstincluded ? v.price : listing.gstexclude(v.price)));
                            }

                            //vehicle price for loan calculator
                            if (v.price) {
                                trademe.selectedvalue.vehicleprice = parseInt(v.price.replace("$", "").replace(",", "")) > 0 ? parseFloat(v.price.replace("$", "").replace(",", ""), 2) : 0;
                            }

                            //details
                            if (v.details && $("#" + trademe.id.vehicleattribute).length > 0) {
                                var attribute = $("#" + trademe.id.vehicleattribute);

                                $.each(v.details, function (text, val) {
                                    attribute.append("\r\n");
                                    attribute.append(trademe.structure.create("dt", null, null).html(text))
                                              .append("\r\n")
                                              .append(trademe.structure.create("dd", null, null).html((val ? val : "&nbsp;")))
                                              .append("\r\n");
                                });

                                //efficiency rating
                                if (parseFloat(v.efficiencyrating) > 0) {

                                    var effInfo = [];
                                    if (v.efficiency && parseFloat(v.efficiency)) {
                                        effInfo.push(v.efficiency + "L per 100km");
                                    }
                                    if (v.efficiencyfuelcost) {
                                        effInfo.push("Annual fuel cost of " + v.efficiencyfuelcost);
                                    }


                                    attribute.append("\r\n");
                                    attribute.append(trademe.structure.create("dt", null, trademe.cssclass.fueleconomylabel).html("Fuel Economy Info <div class='" + trademe.cssclass.fueleconomyhelp + "'>(Source: Fuelsaver)</div>"))
                                              .append("\r\n")
                                              .append(
                                                  trademe.structure.create("dd", null, "fuel-economy-label")
                                                  .append(trademe.structure.create("div", null, "fuel-economy fuel-rating-" + v.efficiencyrating.replace(".", "_"))
                                                          .html(effInfo.length > 0 ? "<br/>" + effInfo.join("<br/>") : "&nbsp;")
                                                          .attr("title", v.efficiencyrating + " of 6"))
                                              )
                                              .append("\r\n");

                                    fuelefficiency.cost = v.efficiencyfuelcost;
                                    fuelefficiency.message = v.efficiencymessage;
                                    fuelefficiency.rating = v.efficiencyrating;
                                    fuelefficiency.value = v.efficiency;

                                    var tooltip = fuelefficiency.tooltip();

                                }

                                $("#" + trademe.id.vehicleattribute).show();

                            } else {
                                $("#" + trademe.id.vehicleattribute).hide();
                            }

                            //features
                            if (v.features && v.features.length > 0 && $("#" + trademe.id.vehiclefeatures).length > 0) {

                                $("#" + trademe.id.vehiclefeatures).append("<b class='features'>Features : </b>");
                                $("#" + trademe.id.vehiclefeatures).append(trademe.structure.create("p", null, null).html(v.features.join()));

                                if ($("#" + trademe.id.vehicleattribute).length > 0) {
                                    $("#" + trademe.id.vehiclefeatures).css({ top: parseInt($("#" + trademe.id.vehicleattribute).outerHeight()) + parseInt($("#" + trademe.id.vehicleattribute).css("top")) + 16 });
                                }
                            }

                            //features = 0
                            if (v.features && v.features.length == 0) {
                                $("#" + trademe.id.vehiclefeatures).remove();
                            }

                            //comments
                            var vcomments = $("#" + trademe.id.vehiclecomments);
                            var vfeatures = $("#" + trademe.id.vehiclefeatures);
                            var vattributes = $("#" + trademe.id.vehicleattribute);

                            /* Order
                            1. Attributes
                            2. Features
                            3. Comments
                            */

                            //vfeatures.css({ "height": "auto" });

                            if (v.comments && vcomments.length > 0) {
                                var p = trademe.structure.create("p", null, null).css({ "display": "block", "height": "auto" });
                                var clear = trademe.structure.create("div", null, "clear");
                                vcomments.append(p.html("\r\n" + v.comments + "\r\n")).css({ "display": "block", "height": "auto" });
                                vcomments.append(clear);

                                //qrtag
                                if ($("." + trademe.cssclass.qrtag).length > 0 && v.mobileurl) {
                                    $("." + trademe.cssclass.qrtag)
                                    .attr("src", "https://chart.googleapis.com/chart?cht=qr&chs=120x120&chf=bg,lg,0,FFFFFF,0,FFFFFF,1&chl=" + v.mobileurl + "\/details\/" + v.id);
                                }
                                $("." + trademe.cssclass.qrtag).prependTo(p);
                            }

                            //IE
                            if (browser.msie) {
                                vfeatures.css({ "height": "auto" });
                            }



                            //set comments height based on features or carousel-thumbnails
                            var updateCommentsTop = function () {
                                if (vfeatures.length > 0) {
                                    var featuresTopHeight = vfeatures.offset().top + vfeatures.height() - $(".details-form").offset().top;
                                    if (featuresTopHeight > 523) {

                                        vcomments.css({ top: featuresTopHeight + 10 });
                                    } else {
                                        vcomments.css({ top: 530 });
                                    }
                                } else {
                                    vcomments.css({ top: 530 });
                                }
                            };

                            //fixture for details height
                            var updateDetailsHeight = function () {
                                var detailsHeight = $(".vehicle-comments p").length > 0 ? $(".vehicle-comments p").offset().top + $(".vehicle-comments p").height() + $("#" + trademe.id.dealercontactinfo).height() - $(".details-form").offset().top + 40 : $(".details-form").offset().top + 525;

                                if ($("." + trademe.cssclass.detailsform).height() == 0) {
                                    $("." + trademe.cssclass.detailsform).css({ "min-height": "900px" });
                                }
                                $("." + trademe.cssclass.detailsform).css({ "height": detailsHeight });

                                //for parent of the details container that are fixed in height
                                var detailsParent = $("." + trademe.cssclass.detailsform).closest(".details-parent");
                                if (detailsParent.length > 0) {
                                    detailsParent.height(detailsHeight);
                                }
                            };



                            //dealer contact details
                            //Dealer Contact Details
                            listing.currentbranchId = v.branchId;
                            getBranchDetails(function () {
                                var branchdata = trademe.structure["branchdata"];
                                updateCommentsTop();
                                if ($("#" + trademe.id.dealercontactinfo).length > 0) {

                                    //Trading Name
                                    var tradingName = $("<h2>" + branchdata[0].trading_name + "</h2>");

                                    //Contact
                                    var contact = $("<table></table>");

                                    //Address
                                    var address = [branchdata[0].Address, branchdata[0].Suburb, branchdata[0].City].join(", ");
                                    address = address ? address : "[Address here]";
                                    contact.append($("<tr></tr>")
                                        .append($("<td>Address :</td>"))
                                        .append($("<td>" + address + "</td>")));

                                    //Phone
                                    var phone = branchdata[0].Phone;
                                    phone = phone ? phone : "[Phone here]";
                                    contact.append($("<tr></tr>")
                                        .append($("<td>Phone :</td>"))
                                        .append($("<td>" + phone + "</td>")));

                                    //Contact
                                    var staff = [];
                                    $.each(eval(branchdata[2].repeat), function (i, v) {
                                        var name = [v.first_name, v.last_name].join(" ");
                                        var staffcontact = $.grep([v.Mobile ? v.Mobile : "",
                                                                   v.work_phone ? v.work_phone : "",
                                                                   v.mobile ? v.mobile : ""
                                                                ], function (n, x) {
                                                                    return (n !== "" && n != null && typeof (n) != "undefined");
                                                                });

                                        staff.push([name, staffcontact.join(", ")].join("<br/>"));
                                    });
                                    staff = staff && staff.length > 0 ? staff.join("<br/><br/>") : "[Contact List here]";
                                    contact.append($("<tr></tr>")
                                        .append($("<td>Contact :</td>"))
                                        .append($("<td>" + staff + "</td>")));

                                    $("#" + trademe.id.dealercontactinfo)
                                        .append(tradingName)
                                        .append(contact);

                                    trademe.structure.initjquerycontactpopup();

                                    //Dealer Info Position
                                    var table = $("#" + trademe.id.dealercontactinfo).find("table");
                                    var emailLink = $("#" + trademe.id.dealercontactinfo).find("#" + trademe.cssclass.emailseller);
                                    var commentsDistance = $(".vehicle-comments p").length>0? $(".vehicle-comments p").offset().top + $(".vehicle-comments p").height():0;
                                    var contactTop = (commentsDistance > 0 ? commentsDistance : $(".details-form").offset().top + 525) - $(".details-form").offset().top + 20;

                                    //emailLink.css({ "position": "absolute", "top": parseInt(table.offset().top + table.height() - $(".details-form").offset().top + 10) });
                                    emailLink.css({ "top": parseInt(table.offset().top + table.height()) - $("#details-viewport").offset().top - 50 });

                                    var contactInfoHeight = emailLink.length > 0 ? parseInt(emailLink.offset().top + emailLink.height() - $(".details-form").offset().top + 10) : parseInt(table.offset().top + table.height() - $(".details-form").offset().top);
                                    contactInfoHeight -= 50; //not sure why

                                    $("#" + trademe.id.dealercontactinfo).css({ "top": contactTop, "height": contactInfoHeight });

                                    $("#" + trademe.id.dealercontactinfo).addClass("ui-shadow-med");

                                    updateDetailsHeight();

                                    //update content height(container height)
                                    if ($("#content").length > 0) {
                                        $("#content").height($("." + trademe.cssclass.detailsform).height() + $("." + trademe.cssclass.detailsform).offset().top - $("#content").offset().top);
                                    }
                                }
                            });

                        }
                    });

                },
                sortorder: { "asc": 0, "desc": 1 },
                sort: function () {

                    var sortby = 7;
                    var orderby = trademe.structure.sortorder.asc;
                    var classname = null;

                    var sorted_elements = new Array();
                    var unsorted_elements = new Array();

                    $.each(trademe.selection.sortoption, function (i, v) {
                        if (v.value == sortby) {
                            orderby = v.sortorder;
                            classname = v.classname;
                        }
                    });

                    var parent = $("." + trademe.cssclass.itemcontainerlist);

                    $(parent.find(".item-container")).each(function (i, v) {
                        var val = $(this).find("." + classname).html();
                        val = val.replace("$", "").replace(",", "");
                        if ($.IsNumber(val)) {
                            val = parseInt(val);
                        }

                        //save unsorted elements
                        unsorted_elements.push(new Array(val, $(this).clone(true)));
                    });

                    var sortedR = [];
                    for (var i = 0; i < unsorted_elements.length; i++) {
                        sortedR.push(unsorted_elements[i][0]);
                    }

                    //start sorting
                    sortedR.sort();
                    if (orderby == trademe.structure.sortorder.desc) {
                        sortedR.reverse();
                    }

                    var max = unsorted_elements.length * 2;
                    for (var si = 0; si < sortedR.length; si++) {

                        var ui = 0;
                        while (unsorted_elements.length > -1) {

                            if (unsorted_elements[ui][0] == sortedR[si]) {
                                sorted_elements.push(unsorted_elements[ui][1]);
                                unsorted_elements.splice(ui, 1);
                                break;
                            }

                            ui++;
                            if (ui > max) {
                                break;
                            }
                        }
                    }

                    var _temp_sorted_elements = [];

                    parent.html("");
                    $.each(sorted_elements, function (i, v) {
                        var id = v.attr("id");
                        if ($("#" + trademe.id.itemcontainerlist).find(id).length == 0) {
                            v.appendTo($("#" + trademe.id.itemcontainerlist));
                        }

                    });


                    $(".hidden").hide();
                    //$(".listing-stat").html(parent.children().length + " found");
                },
                sortthis: function (data) {
                    var sortby = 7;
                    var sortorder = trademe.structure.sortorder.desc;
                    var objectname = null;

                    var sorted_elements = new Array();
                    var unsorted_elements = new Array();

                    if ($("#" + trademe.id.sortoption).children().length == 0) {
                        return data;
                    }

                    if ($("#" + trademe.id.sortoption).children().length > 0 && $("#" + trademe.id.sortoption).find("option:selected").val() > -1) {
                        sortby = $("#" + trademe.id.sortoption).find("option:selected").val();
                    }

                    //load what and how to sort the datasource
                    $.each(trademe.selection.sortoption, function (i, v) {
                        if (v.value == sortby) {
                            sortorder = v.sortorder;
                            //orderby = v.sortby;
                            objectname = v.objectname;
                        }
                    });

                    //save unsorted yet and save sortlabel
                    var sortedlabel = [];
                    var isnum = null;
                    $.each(data, function (i, v) {
                        if (v[objectname]) {
                            var val = !$.IsNumber(v[objectname]) ? v[objectname].replace('$', '').replace(new RegExp(',', 'g'), '') : parseInt(v[objectname]);
                            if (val == "") {
                                var rex = 0;
                            }
                            sortedlabel.push(!$.IsNumber(val) || val == "" ? val : parseInt(val));
                            unsorted_elements.push(new Array(!$.IsNumber(val) || val == "" ? val : parseInt(val), v));
                            if (isnum == null) {
                                isnum = $.IsNumber(val);
                            }
                        }
                    });

                    //start sorting alphabet
                    if (!isnum) {
                        sortedlabel.sort();
                        if (sortorder == trademe.structure.sortorder.desc) {
                            sortedlabel.reverse();
                        }
                    } else {
                        sortedlabel.sort(function (a, b) { return a - b });
                        if (sortorder == trademe.structure.sortorder.desc) {
                            sortedlabel.reverse(function (a, b) { return b - a });
                        }
                    }

                    var max = unsorted_elements.length * 2;
                    for (var si = 0; si < sortedlabel.length; si++) {
                        var ui = 0;
                        while (unsorted_elements.length > -1) {

                            if (unsorted_elements[ui][0] == sortedlabel[si]) {
                                sorted_elements.push(unsorted_elements[ui][1]);
                                unsorted_elements.splice(ui, 1);
                                break;
                            }

                            ui++;
                            if (ui > max) {
                                break;
                            }
                        }
                    }

                    return sorted_elements;

                },
                create: function (nodename, nodeid, nodeclass) {
                    var node = document.createElement(nodename);
                    if (nodeid) {
                        $(node).attr("id", nodeid);
                    }
                    if (nodeclass) {
                        $(node).addClass(nodeclass);
                    }
                    return $(node);
                },
                rotateimg: function (rotatedirection, target) {
                    var parent = target.parent("div");
                    var vId = parseInt(parent.attr("id").replace("item-", ""));
                    var currentImageIndex = parseInt(parent.data("imageindex"));

                    $.each(defaults.datasource, function (i, v) {

                        if (v.id == vId) {

                            if (rotatedirection == trademe.enume.rotate.left) {

                                if (currentImageIndex == 0) {
                                    currentImageIndex = v.images.length;
                                }

                                parent.find(".img-index").html(currentImageIndex + " of " + v.images.length);

                                var imagesrc = defaults.mediapath + "/Med/" + v.images[currentImageIndex - 1].split('_')[1] + ".jpg";

                                parent.children(".preview-image").attr("src", imagesrc);
                                parent.data("imageindex", currentImageIndex - 1);

                            }

                            if (rotatedirection == trademe.enume.rotate.right) {

                                if (currentImageIndex >= (v.images.length - 1)) {
                                    currentImageIndex = -1;
                                }

                                parent.find(".img-index").html(parseInt(currentImageIndex + 2) + " of " + v.images.length);

                                var imagesrc = defaults.mediapath + "/Med/" + v.images[currentImageIndex + 1].split('_')[1] + ".jpg";

                                parent.children(".preview-image").attr("src", imagesrc);
                                parent.data("imageindex", currentImageIndex + 1);

                            }

                        }
                    });

                },
                fetchselectionjson: function (url, callback) {

                    //this is a flag that fetched has been done
                    if (typeof trademe.selection.fetched != 'undefined' && trademe.selection.fetched == true) {
                        return;
                    }

                    trademe.structure.fetch(url, callback);
                },
                loadbranches: function () {
                    if (defaults.branches) {
                        var branchlabel = trademe.structure.create("span", trademe.id.branchlabel, null).html("Branch");
                        var branchselect = trademe.structure.create("select", trademe.id.branchoption, null);
                        branchselect.append(trademe.structure.create("option", null, null).attr("Value", 0).html("All Branches"));
                        $.each(defaults.branches, function (i, v) {
                            branchselect.append(trademe.structure.create("option", null, null).attr("Value", v.id).html(v.name));
                        });
                        $("." + trademe.cssclass.header).append(branchlabel.append(branchselect));
                        if (querystring("branchId")) {
                            listing["branchId"] = $.IsNumber(querystring("branchId")) ? parseInt(querystring("branchId")) : querystring("branchId");
                        }
                        if (typeof listing["branchId"] != "undefined") {
                            $("#" + trademe.id.branchoption).val(listing["branchId"]);
                        }
                        $("#" + trademe.id.branchoption).bind("change", trademe.event.branchoptionselected);
                    }
                },
                fetchlistingextra: function () {

                    if (listing.fetchedlistingextra != 'undefined' && listing.fetchedlistingextra == true) {
                        return;
                    }

                    $.support.cors = true;
                    $.getJSON("http://" + document.domain + "/listingextrascript.js?cached=1&callback=" + (browser && browser.msie ? "?" : ""), function (data) {
                        var json = data;

                        /*todo: handle this script
                        if (typeof listing.fetchedlistingextra == 'undefined' && data) {
                        listing["fetchedlistingextra"] = true;
                        }

                        var arr_data = jqxhr.split(";");

                        $.each(arr_data, function(i, v) {
                        if (v) {
                        var o = v.replace(new RegExp('var', 'g'), '').split("=");
                        if (typeof listing[o[0].trim()] == 'undefined') {
                        var jsonval = o[1].trim().replace(new RegExp(' ', 'g'), '');
                        listing[o[0].trim()] = eval("(" + jsonval + ")");
                        }
                        }
                        });
                        */
                    })
                    .fail(function (jqxhr, settings, exception) {
                        var x = 0;
                    });

                },
                fetch: function (url, callback, dataType, cache, ifModified) {

                    //if (typeof $.browser != 'undefined' && $.browser.msie && window.XDomainRequest) {
                    if (window.XDomainRequest) {
                        // Use Microsoft XDR
                        var xdr = new XDomainRequest();
                        xdr.open("get", url);
                        xdr.onload = function () {
                            // XDomainRequest doesn't provide responseXml, so if you need it:
                            var dom = new ActiveXObject("Microsoft.XMLDOM");
                            dom.async = false;
                            dom.loadXML(xdr.responseText);
                        };
                        xdr.send();
                    } else {
                        // your ajax request here
                        dataType = !dataType ? "text" : dataType;
                        $.ajax({
                            url: url,
                            dataType: dataType, cache: (cache ? cache : false), ifModified: (ifModified ? ifModified : false),
                            success: function (jqxhr, settings, exception) {

                                if (!jqxhr) return;

                                if (callback) {
                                    callback(jqxhr, settings, exception);
                                }
                            },
                            error: function (jqXHR, textStatus, errorThrown) {
                                var x = 0;
                            }
                        });
                    }


                },
                initjquerycontactpopup: function () {
                    //manual call to popup extender
                    var form = $(".contact-form");
                    if (form.length > 0) {

                        if (!form.attr("current-style")) {
                            form.attr("current-style", form.attr("style"));
                        }

                        var emaillink = trademe.structure.create("a", trademe.id.emailseller, trademe.cssclass.emailseller).html("Email the Seller").attr("href", "#");
                        $("#" + trademe.id.dealercontactinfo).append(emaillink);

                        if ($("#" + trademe.id.emailseller).length > 0) {
                            emaillink.unbind("click").bind("click", function () {
                                form.css({ "top": "50%", "margin-top": -(parseInt(form.height() / 2)), "left": "50%", "margin-left": -(parseInt(form.width() / 2)) });
                                form.show();

                                if ($("#dealerModalPopupBehavior_backgroundElement").length == 0) {
                                    $("body").append($("<div></div>").attr("id", "dealerModalPopupBehavior_backgroundElement"));
                                } else {
                                    $("#dealerModalPopupBehavior_backgroundElement").css({ "width": "100%", "height": "100%" }).show();
                                }
                                return false;
                            });

                            form.find(".close-link").bind("click", function () {
                                form.attr("style", form.attr("current-style"));
                            });

                            form.find(".cancel-link").bind("click", function () {
                                form.attr("style", form.attr("current-style"));
                            });
                        }


                    }
                }
            },
            event: {
                makeoptionclicked: function () {
                    cookie("ManufacturerId", $(this).find("option:selected").val());
                    listing.currentpage = 0;
                    listing.populate();
                },
                branchoptionselected: function () {
                    if ($(this).find("option:selected").val() == 0) {
                        cookie("branchId", null);
                    } else {
                        cookie("branchId", $(this).find("option:selected").val());
                    }
                    var qs = window.location.search.substring(1).split("&");
                    var _i = -1;
                    for (var i = 0; i < qs.length; i++) {
                        if (qs[i].indexOf("branch") > -1) {
                            _i = i;
                            break;
                        }
                    }
                    qs.splice(_i, 1);

                    window.location.href = defaults.stockpage + ($(this).find("option:selected").val() > 0 ? "?branchId=" + $(this).find("option:selected").val() : "") + (qs && qs.length > 0 ? "&" + qs.join("&") : "");
                },
                sortbyclicked: function () {
                    cookie("SortBy", $(this).find("option:selected").val());
                    listing.populate();
                },
                galleryviewclicked: function () {
                    //reset
                    listing.maxpage = 0; listing.minpage = 0; listing.currentpage = 0;
                    listing.currentviewtype = trademe.enume.viewtype.galleryview;
                    cookie("viewtype", trademe.enume.viewtype.galleryview);
                    listing.populate();
                    return false;
                },
                listviewclicked: function () {
                    //reset
                    listing.maxpage = 0; listing.minpage = 0; listing.currentpage = 0;
                    listing.currentviewtype = trademe.enume.viewtype.listview;
                    cookie("viewtype", trademe.enume.viewtype.listview);
                    listing.populate();
                    return false;
                },
                prevclick: function (e) {
                    if (e) { e.stopPropagation(); }
                    else { window.event.cancelBubble = true; }
                    trademe.structure.rotateimg(trademe.enume.rotate.left, $(this));
                    return false;
                },
                nextclick: function (e) {
                    if (e) { e.stopPropagation(); }
                    else { window.event.cancelBubble = true; }
                    trademe.structure.rotateimg(trademe.enume.rotate.right, $(this));
                    return false;
                },
                itemclick: function () {
                    if (defaults.detailspage) {

                        var qs = window.location.search.substring(1);

                        //window.location.href = defaults.detailspage + "?id=" + $(this).attr("id").replace("item-", "") + (querystring("branchId") ? "&branchId=" + querystring("branchId") : "") + (querystring("new") ? "&new=" + querystring("new") : "") + (querystring("specials") ? "&specials=" + querystring("specials") : "");
                        window.location.href = defaults.detailspage + "?" + defaults.queryvehicleid + "=" + $(this).attr("id").replace("item-", "") + (qs ? "&" + qs : "");
                    }
                },
                printthis: function () {
                    printform.print();
                    //window.print();
                    //$("#" + trademe.id.detailsviewport).print({ csspath: '../../App_Themes/trademe.motors.stocklist.css' });
                    //window.open('http:\/\/' + document.domain + '\/vehicle-print.aspx?id=' + querystring("id"), '_blank');
                    return false;
                },
                pagelinkclicked: function () {
                    cookie("currentpage", $(this).data("number"));
                    listing.currentpage = parseInt($(this).data("number"));
                    listing.populate();
                    return false;
                },
                pagenextclicked: function () {
                    listing.currentpage += 1;
                    cookie("currentpage", listing.currentpage);
                    listing.populate();
                    return false;
                },
                pageprevclicked: function () {
                    listing.currentpage -= 1;
                    cookie("currentpage", listing.currentpage);
                    listing.populate();
                    return false;
                },
                financecalculatorclosed: function () {
                    $("#" + trademe.id.loancalculatorform).fadeOut();
                }
            }
        };

        return this.each(function (i, obj) {
            $this = $(this);

            trademe.structure.target = $this;

            //if hidden dont do this
            if (!$this.is(":visible")) return;

            //get default theme for stockpage
            listing.loaddefaultstyle();

            //add the trademe motors css
            if (!trademe.structure.hasTMMotorsCss()) {
                trademe.structure.addHeadCss();
            }

            //setup stock list page
            if (defaults.pagetype == trademe.enume.pagetype.stock) {

                listing.init();

                listing.populatecallback = function () {
                    listing.currentpage = cookie("currentpage") ? parseInt(cookie("currentpage")) : 0;
                    listing.currentviewtype = cookie("viewtype") ? parseInt(cookie("viewtype")) : defaults.viewtype;
                    listing.populate();

                    //load stylesheet
                    extracss.load(defaults.css);
                };
            }

            //setup details list page
            if (defaults.pagetype == trademe.enume.pagetype.details) {

                //redirect to stockpage if no querystring(:"id")
                if (!querystring("id") && defaults.stockpage) {
                    window.location.href = defaults.stockpage;
                }

                trademe.structure.initdetails();

                /*
                //load data
                listing.loaddata();

                var _p = window.setInterval(function () {
                if (listing.listingdatafetched != 'undefined' && listing.listingdatafetched == true) {
                //display details
                trademe.structure.populatedetails();

                window.clearInterval(_p);
                }
                }, 100);
                */
                //display details
                listing.loaddatascript("trademe.motors.stocklistdata.js", "datasource", function () {
                    defaults.datasource = trademe.structure.datasource;
                    trademe.structure.populatedetails();

                    //display carousel
                    carousel.create();
                });


                //display carousel
                //carousel.create();
            }



        });
    };
})(jQuery);


$(document).ready(function () {
    if ($("#gallery-viewport").length > 0) {
        var param = eval("[{" + $("#gallery-viewport").attr("param") + "}]");
        if (!param || param.length == 0) return;
        $("#gallery-viewport").stocklist(param[0]);
    }

    if ($("#details-viewport").length > 0) {
        var param = eval("[{" + $("#details-viewport").attr("param") + "}]");
        if (!param || param.length == 0) return;
        $("#details-viewport").stocklist(param[0]);
    }

});