var hasInit = false;
$(document).ready(function() {
    //$(".bim").change(function() {
    //    var str = "";
    //    $("input:checked").each(function() {
    //        str += $(this).next().text() + "_";
    //    });
    //    str = str.substr(0, str.length - 1);
    //    str = str.replace(" ", "-");
    //    alert(window.location.pathname + window.location.hash + "_" + str);
    //});




    $('#color_tabs a').click(function() {
        $('#color_tabs .selected').removeClass('selected');
        $("input[id$='HdnTabSelected']").val($(this).attr('class'));
        $('#color_tab_content>div').hide();
        $("#color_tab_content>div[id$='" + $(this).attr('class') + "']").show();
        updateHash($(this).attr('class'));
        $(this).addClass('selected');
        $("#aGoBack").hide();
        if ($(this).hasClass('finishes')) {
            $("#color_tab_content").css("background", "#F9F9F7 url(/resources/images/finishes_tab_sample.jpg) no-repeat 0% 100%");
            $("#finish_results").show();
            $("#results").hide();
            $("#graphic_element_results").hide();
            $("#tools_results").hide();
            if (!hasInit) return true;
        }
        else if ($(this).hasClass('tools')) {
            $("#color_tab_content").css("background", "#F9F9F7 url(/resources/images/dw_tools.jpg) no-repeat 0% 100%");
            //$("#finish_results").show();
            $("#tools_results").show();
            $("#results").hide();
            $("#graphic_element_results").hide();            
            if (!hasInit) return true;
        }
        else if ($(this).hasClass('graphic_elements')) {
            $("#color_tab_content").css("background", "#F9F9F7 url(/resources/images/graphical_elements.png) no-repeat 0% 100%");
            $("#finish_results").hide();
            $("#results").hide();
            $("#graphic_element_results").show();
            $("#tools_results").hide();
            if (!hasInit) return true;
        }
        else if ($(this).hasClass('bim')) {
            $("#color_tab_content").css("background", "#F9F9F7 url(/resources/images/bim.png) no-repeat 0% 100%");
            $("#finish_results").hide();
            $("#results").hide();
            $("#graphic_element_results").hide();
            $("#tools_results").hide();
            if (!hasInit) return true;
        }
        else {
            $("#color_tab_content").css("background", "#F9F9F6 none repeat scroll 0 0");
            $("#finish_results").hide();
            $("#results").show();
            $("#graphic_element_results").hide();
            $("#tools_results").hide();
        }

        $("input[id$='BtnTabChangePostback']").click();

        return false;

    });
    $("#finish_results div.right > div").hide();
    $("#finish_results").hide();
    $("#graphic_element_results").hide();
    $("#tools_results").hide();
    $("#finish_results div.right > div:first").show();
    $(".finish_options a").click(function() {
        if (!$('.finishes').hasClass('selected')) {
            $('.finishes').click();
        }

        $(".finish_options a.selected").removeClass("selected");
        $("#finish_results div.right > div").hide();
        $("#finish_results div#" + $(this).attr('class')).show();

        updateHash($(this).attr('class'));
        $(this).addClass("selected");


        return false;
    });


    $("#graphic_element_results div.right > div").hide();
    $("#graphic_element_results div.right > div:first").show();
    $(".graphic_element_options a").click(function() {
        if (!$('.graphic_elements').hasClass('selected')) {
            $('.graphic_elements').click();
        }

        $(".graphic_element_options a.selected").removeClass("selected");
        $("#graphic_element_results div.right > div").hide();
        $("#graphic_element_results div#" + $(this).attr('class')).show();

        updateHash($(this).attr('class'));
        $(this).addClass("selected");


        return false;
    });

    $("#tools_results div.right > div").hide();
    $("#tools_results div.right > div:first").show();
    $(".diamondwright_options a").click(function() {
        if (!$('.tools').hasClass('selected')) {
            $('.tools').click();
        }

        $(".diamondwright_options a.selected").removeClass("selected");
        $("#tools_results div.right > div").hide();
        $("#tools_results div#" + $(this).attr('class')).show();

        updateHash($(this).attr('class'));
        $(this).addClass("selected");


        return false;
    });



    $("div[id$='brand'] a").click(function() {
        $("input[id$='HdnMemorialBrand']").val($(this).html());
        $(".MemorialBrandPostback").click();
        $("div[id$='brand'] a.selected").removeClass('selected');
        updateHash($(this).attr('class'));
        $(this).addClass('selected');
        return false;
    });


    $("#color_tab_content > div").hide();
    $("#color_tab_content > div:first").show();
    $("#color_tabs a:first").addClass("selected");

    /* Begin - This section below reads the has tag and clicks its value */

    var hashTag = document.location.hash.substring(1, document.location.hash.length);
    if (hashTag != "") {
        $("a[id$='" + hashTag + "']").click();
    }
    hasInit = true;

    /* End */

    /* Begin -This is used to set some breadcrumbs */
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() {
        var hashTag = document.location.hash.substring(1, document.location.hash.length);
        if (hashTag != "") {
            $("#results a").each(function() {
                var url = $(this).attr('href');
                if (url.indexOf("javascript") < 0) {
                    if (url.indexOf("?") > -1) {
                        $(this).attr('href', url + "&r=" + hashTag);
                    } else {
                        $(this).attr('href', url + "?r=" + hashTag);
                    }
                }
            });
        }
    })
    /*End of breadcrumb*/
});
        


/* slider controls (color and portfolio) */
$(document).ready(function() {
    $
    var connector = new Connector();

    if ($("#myslider").slider) {

        $("#myslider").slider({
            orientation: "horizontal",
            value: 33, //33 final value
            min: 0,
            max: 100,
            stop: function(event, ui) {
                //var i = 0;
                //alert("test");
                //var percent = $('.ui-slider-handle').css('left');                
                var sliderPosition = $('#myslider').slider("value");
                //onlyNumber = sliderPosition.replace(/%/, "");
                onlyNumber = sliderPosition;
                //console.log(onlyNumber);
                //console.log(sliderPosition);
                //alert(sliderPosition);
                if (checkNumber(-1, 3)) { connector.filterColor(); }
                else if (checkNumber(3, 8)) { connector.filterColor("Black", "Black"); }
                else if (checkNumber(8, 11)) { connector.filterColor("Black", "Blue"); }
                else if (checkNumber(11, 15)) { connector.filterColor("Blue", "Blue"); }
                else if (checkNumber(15, 21)) { connector.filterColor("Blue", "Brown"); }
                else if (checkNumber(21, 26)) { connector.filterColor("Brown", "Brown"); }
                else if (checkNumber(26, 31)) { connector.filterColor("Brown", "Red"); }
                else if (checkNumber(31, 36)) { connector.filterColor("Red", "Red"); }
                else if (checkNumber(36, 41)) { connector.filterColor("Red", "Pink"); }
                else if (checkNumber(41, 45)) { connector.filterColor("Pink", "Pink"); }
                else if (checkNumber(45, 50)) { connector.filterColor("Pink", "Green"); }
                else if (checkNumber(50, 55)) { connector.filterColor("Green", "Green"); }
                else if (checkNumber(55, 61)) { connector.filterColor("Green", "Gold"); }
                else if (checkNumber(61, 65)) { connector.filterColor("Gold", "Gold"); }
                else if (checkNumber(65, 71)) { connector.filterColor("Gold", "Cream"); }
                else if (checkNumber(71, 75)) { connector.filterColor("Cream", "Cream"); }
                else if (checkNumber(75, 80)) { connector.filterColor("Cream", "Beige"); }
                else if (checkNumber(80, 85)) { connector.filterColor("Beige", "Beige"); }
                else if (checkNumber(85, 90)) { connector.filterColor("Beige", "Gray"); }
                else if (checkNumber(90, 95)) { connector.filterColor("Gray", "Gray"); }
                else if (checkNumber(95, 99)) { connector.filterColor("Gray", "White"); }
                else if (checkNumber(99, 101)) { connector.filterColor("White", "White"); }
            }
        });

        // sets default value - on page load
        $("input[id$='HdnColorSliderVal'").val("ALL");

        // drag help animation on color slider pages
        $('.drag_help')
		    .animate({ opacity: 0 }, 0)										// start invisible
			.animate({ opacity: 0 }, 1000) 								// 1 sec pause
			.animate({ opacity: 1, top: "10px" }, 500) 			// 1/2 sec slide
			.animate({ opacity: 1, top: "10px" }, 1000) 		// 1 sec pause
			.animate({ opacity: 0, top: "20px" }, 500) 			// 1/2 sec slide
			.animate({ opacity: 0, left: "-50000px" }, 0); 	// move offscreen to avoid clicking problems

    }
});

function checkNumber(min, max) {
	var num = onlyNumber;
	if (num >= min && max > num) { return true; } 
	else { return false; }
}


function updateHash(tag) {
    if (hasInit) {
        var loc = new String(window.location);
        if (loc.indexOf("#") > -1) {
            loc = loc.substring(0, loc.indexOf("#"));
        }
        loc = loc + "#" + tag;     
            
        
        window.location = loc; 

	 // added in for JS tracking of pages  -- fixed by nk 7/15/10
	//pageTracker._trackPageview(window.location.pathname + "#" + window.location.hash);
	//alert(window.location.pathname + window.location.hash);
    }
}