/// <reference path="jquery-1.3.2-vsdoc2.js" />

$(document).ready(function() {
    var $newContainer = $("<div class=\"selectCont\"></div>");
    var $newlist = $("<div class=\"selectOptions\"></div>");
    var $selection = $("<div class=\"selectTop\"></div>");
    var $options = $(".sizes > option");

    $selection.appendTo($newContainer);
    $newlist.appendTo($newContainer);

    $(".sizes").hide();
    $newlist.hide();
    $selection.text($(".sizes :selected").text());

    $(".sizes > option").each(function() {
        var $opt = $(this);
        $("<div><a class=\"sizebtn\" href=\"" + $opt.val() + "\">" + $opt.text() + "</a></div>").appendTo($newlist);
    });

    $newContainer.appendTo("#prodSizing");

    $(".sizebtn").click(function() {
        var $opt = $(this);
        var url = fixUrl($opt.attr("href"));
        $selection.text($opt.text());
        $(".sizes > option").each(function() {
            if ($(this).val() == url)
                $(this).attr("selected", "true");
        });
        $newlist.slideUp("fast");

        requestNewPrice(url);

        return false;
    });

    $selection.click(function() {
        $newlist.slideToggle("fast");
    });

    var requestNewPrice = function(id) {
        if(id != "")
            $(".prodPrice").load("/Assets/ajax/GetPrice.aspx?id=" + id);
    }
});

function fixUrl(url) {
    var loc = window.location.toString();
    loc = loc.substring(0, loc.lastIndexOf("/") + 1);
    return url.replace(loc, "");
}