// Creates a marker whose info window displays the given number
function createMarker(point, markerCopy, index) {
    //var marker = new GMarker(point);
    // Show this markers index in the info window when it is clicked
    var html = markerCopy;

    var baseIcon = new GIcon(G_DEFAULT_ICON);
    var numberIcon = new GIcon(baseIcon);
    //numberIcon.image = "/assets/img/maps/marker" + index + ".png";
    numberIcon.image = "/assets/img/maps/logo_opsm.png";

    markerOptions = { icon: numberIcon };
    var marker = new GMarker(point, markerOptions);

    GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
    return marker;
};

(function($){$.InFieldLabels=function(b,c,d){var f=this;f.$label=$(b);f.label=b;f.$field=$(c);f.field=c;f.$label.data("InFieldLabels",f);f.showing=true;f.init=function(){f.options=$.extend({},$.InFieldLabels.defaultOptions,d);if(f.$field.val()!=""){f.$label.hide();f.showing=false};f.$field.focus(function(){f.fadeOnFocus()}).blur(function(){f.checkForEmpty(true)}).bind('keydown.infieldlabel',function(e){f.hideOnChange(e)}).change(function(e){f.checkForEmpty()}).bind('onPropertyChange',function(){f.checkForEmpty()})};f.fadeOnFocus=function(){if(f.showing){f.setOpacity(f.options.fadeOpacity)}};f.setOpacity=function(a){f.$label.stop().animate({opacity:a},f.options.fadeDuration);f.showing=(a>0.0)};f.checkForEmpty=function(a){if(f.$field.val()==""){f.prepForShow();f.setOpacity(a?1.0:f.options.fadeOpacity)}else{f.setOpacity(0.0)}};f.prepForShow=function(e){if(!f.showing){f.$label.css({opacity:0.0}).show();f.$field.bind('keydown.infieldlabel',function(e){f.hideOnChange(e)})}};f.hideOnChange=function(e){if((e.keyCode==16)||(e.keyCode==9))return;if(f.showing){f.$label.hide();f.showing=false};f.$field.unbind('keydown.infieldlabel')};f.init()};$.InFieldLabels.defaultOptions={fadeOpacity:0.5,fadeDuration:300};$.fn.inFieldLabels=function(c){return this.each(function(){var a=$(this).attr('for');if(!a)return;var b=$("input#"+a+"[type='text'],"+"input#"+a+"[type='password'],"+"textarea#"+a);if(b.length==0)return;(new $.InFieldLabels(this,b[0],c))})}})(jQuery);

function SearchInfieldLabel() {
    if ($.browser.msie && $.browser.version == "6.0") {
        var label = $(".infield label");
        $(".infield .textbox").focus(
            function() {
                label.text('');
                //$(".location-search .search").css("margin-top", "1px");
                $(".infield").css("margin-top", "1px");
            }
        )
    }
    else {
        if ($(".infield").length) {
            $(".infield label").inFieldLabels();
            $(".infield input").attr("autocomplete","off");
        }
    }
}


function SetFilterState() {
    // capture click event for filter
    $(".filter ul li a").click
    (
        function() {
            // traverse from <a> elemement up to <ul>
            var myParent = $(this).parent();
            var myGrandParent = $(myParent).parent();

            $(myGrandParent).children().each(
            // foreach child (<li>), remove class attribute
                function() {
                    $(this).children().removeAttr("class");
                }
            )
            // add onstate for selected element
            $(this).addClass("on");
            
            // use rel attribute to talk to flash??
            //alert($(this).attr("rel"));
            
            return false;
        }
    )
}

function ButtonHover() {
    if ($("input[id$=btnSubmit]").length) {
        $("input[id$=btnSubmit]").mouseenter(function() {
            $(this).attr("src", "assets/v2/images/buttons/btnSubmitHover.gif");
            $(this).mouseleave(function() {
                $(this).attr("src", "assets/v2/images/buttons/btnSubmit.gif");
            });
        });
    }
    
    if ($("input[id$=btnNext]").length) {
        $("input[id$=btnNext]").mouseenter(function() {
            $(this).attr("src", "assets/v2/images/buttons/btnNextHover.gif");
            $(this).mouseleave(function() {
                $(this).attr("src", "assets/v2/images/buttons/btnNext.gif");
            });
        });
    }
    
    if ($("input[id$=btnBack]").length) {
        $("input[id$=btnBack]").mouseenter(function() {
            $(this).attr("src", "assets/v2/images/buttons/btnBackHover.gif");
            $(this).mouseleave(function() {
                $(this).attr("src", "assets/v2/images/buttons/btnBack.gif");
            });
        });
    }
    
    if ($("[id$=btnBookTest]").length) {
        $("[id$=btnBookTest]").mouseenter(function() {
            $(this).attr("src", "../../assets/v2/images/buttons/btnBookTestHover.gif");
            $(this).mouseleave(function() {
                $(this).attr("src", "../../assets/v2/images/buttons/btnBookTest.gif");
            });
        });
    }
    
    if ($("input[id$=btnChange]").length) {
        $("input[id$=btnChange]").mouseenter(function() {
            $(this).attr("src", "assets/v2/images/buttons/btnChangeHover.gif");
            $(this).mouseleave(function() {
                $(this).attr("src", "assets/v2/images/buttons/btnChange.gif");
            });
        });
    }
    
    if ($("input[id$=btnGo]").length) {
        $("input[id$=btnGo]").mouseenter(function() {
            $(this).attr("src", "assets/v2/images/buttons/btnGoHover.gif");
            $(this).mouseleave(function() {
                $(this).attr("src", "assets/v2/images/buttons/btnGo.gif");
            });
        });
    }
    
    if ($("[id$=btnSearchAgain]").length) {
        $("[id$=btnSearchAgain]").mouseenter(function() {
            $(this).attr("src", "../../assets/v2/images/buttons/btnSearchAgainHover.gif");
            $(this).mouseleave(function() {
                $(this).attr("src", "../../assets/v2/images/buttons/btnSearchAgain.gif");
            });
        });
    }
}

//(function($) { $.InFieldLabels = function(b, c, d) { var f = this; f.$label = $(b); f.label = b; f.$field = $(c); f.field = c; f.$label.data("InFieldLabels", f); f.showing = true; f.init = function() { f.options = $.extend({}, $.InFieldLabels.defaultOptions, d); if (f.$field.val() != "") { f.$label.hide(); f.showing = false }; f.$field.focus(function() { f.fadeOnFocus() }).blur(function() { f.checkForEmpty(true) }).bind('keydown.infieldlabel', function(e) { f.hideOnChange(e) }).change(function(e) { f.checkForEmpty() }).bind('onPropertyChange', function() { f.checkForEmpty() }) }; f.fadeOnFocus = function() { if (f.showing) { f.setOpacity(f.options.fadeOpacity) } }; f.setOpacity = function(a) { f.$label.stop().animate({ opacity: a }, f.options.fadeDuration); f.showing = (a > 0.0) }; f.checkForEmpty = function(a) { if (f.$field.val() == "") { f.prepForShow(); f.setOpacity(a ? 1.0 : f.options.fadeOpacity) } else { f.setOpacity(0.0) } }; f.prepForShow = function(e) { if (!f.showing) { f.$label.css({ opacity: 0.0 }).show(); f.$field.bind('keydown.infieldlabel', function(e) { f.hideOnChange(e) }) } }; f.hideOnChange = function(e) { if ((e.keyCode == 16) || (e.keyCode == 9)) return; if (f.showing) { f.$label.hide(); f.showing = false }; f.$field.unbind('keydown.infieldlabel') }; f.init() }; $.InFieldLabels.defaultOptions = { fadeOpacity: 0.5, fadeDuration: 300 }; $.fn.inFieldLabels = function(c) { return this.each(function() { var a = $(this).attr('for'); if (!a) return; var b = $("input#" + a + "[type='text']," + "input#" + a + "[type='password']," + "textarea#" + a); if (b.length == 0) return; (new $.InFieldLabels(this, b[0], c)) }) } })(jQuery);

var productKeyValue = ''; var mySex = ''; var myFrame = ''; var myUse = ''; var myContactWear = ''; var myContactType = '';  var myPrice = '';  var myColour = ''; var myLensType = ''; var myAccessories = '';var myBrand = '';

function ProductKeyValue(myKey, myValue) {
    var myKeyLabel = "type";
    var myValueLabel = "tag";

    switch (myKey) {
        case "Sex": mySex = ",{" + myKeyLabel + ":'" + myKey + "'," + myValueLabel + ":'" + myValue + "'}"; break;
        case "Frame type": myFrame = ",{" + myKeyLabel + ":'" + myKey + "'," + myValueLabel + ":'" + myValue + "'}"; break;
        case "Use": myUse = ",{" + myKeyLabel + ":'" + myKey + "'," + myValueLabel + ":'" + myValue + "'}"; break;
        case "Contact wear": myContactWear = ",{" + myKeyLabel + ":'" + myKey + "'," + myValueLabel + ":'" + myValue + "'}"; break;
        case "Contact type": myContactType = ",{" + myKeyLabel + ":'" + myKey + "'," + myValueLabel + ":'" + myValue + "'}"; break;
        case "Price": myPrice = ",{" + myKeyLabel + ":'" + myKey + "'," + myValueLabel + ":'" + myValue + "'}"; break;
        case "Frame colour": myColour = ",{" + myKeyLabel + ":'" + myKey + "'," + myValueLabel + ":'" + myValue + "'}"; break;
        case "Lens type": myLensType = ",{" + myKeyLabel + ":'" + myKey + "'," + myValueLabel + ":'" + myValue + "'}"; break;
        case "Accessories": myAccessories = ",{" + myKeyLabel + ":'" + myKey + "'," + myValueLabel + ":'" + myValue + "'}"; break;
        case "Brand": myBrand = ",{" + myKeyLabel + ":'" + myKey + "'," + myValueLabel + ":'" + myValue + "'}"; break;
    }

    productKeyValue = '['+(mySex + myFrame + myUse + myContactWear + myContactType + myPrice + myColour + myLensType + myAccessories + myBrand).substr(1) + ']';
    alert(productKeyValue);
}

function playFlashVideo(myFlv, myTitle) {
    //alert(myFlv);
    Shadowbox.open(
        {
            content:    myFlv,
            title:      myTitle,
            player:     'flv',
            width: '610',
            height: '400'
        }
    );
}

function showPage() {
    //alert('show stuff');
    $("header").attr("style", "visibility:visible");
    $("footer").attr("style", "visibility:visible");
    $("nav").attr("style", "visibility:visible");
    $(".bottomFlash-wrapper").show();
}

function HideNz() {
    var myCookie = $.cookie("country");
    if (myCookie == "nz")
        $(".hide-nz").hide();
}