$(document).ready(function() {
													 
													 

	$("select#drpShowRoom").change(function () {
			showroomId = $(this).val();
			showroomTimesToShow = "openingTimes_" + $(this).val();
				
				if (showroomId > 0){
					$("p#viewOpeningTimes").show();
				} else {(showroomId < 1)
					$("p#viewOpeningTimes").hide();
				}
			
			$("p#viewOpeningTimes").hover(
				function () {
				$("p#viewOpeningTimes").css("color","#ff0000");
				$("ul#" + showroomTimesToShow).show();
				}, 
				function () {
					$("p#viewOpeningTimes").css("color","#666666");
					$("ul#" + showroomTimesToShow).hide();
					
				}
			);
	});
	

    if ($('input.datepicker').length > 0) {
        //$('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' });      

        $("input.datepicker").datepicker();
    }

    $("table.ui-datepicker-calendar td a").click(
		function() {
		    $(".datepicker").hide();
		    return false;
		}
	);


    // ------------------ WHERE TO BUY ---------------------------------------- //
    //------------------------------------------------------------------------- //
    //------------------------------------------------------------------------- //

    //EXTENDED WHERE TO BUY OPTIONS SEARCH LIST

    $(".search :input").focus(
		function() {
		    if ($(this).hasClass("search-int") && $(this).attr("value") == "Type in town or postcode") {
		        $(this).attr("value", "");
		    }
		}
	);

    // This doesnt work on the info box due to not existing at page ready - should be removed
    //$(".col-180 :input").focus(
    //	function() {
    //	    if ($(this).hasClass("directions") && $(this).attr("value") == "From") {
    //	        $(this).attr("value", "");
    //	    }
    //	}
    //);

	//EXTENDED WHERE TO BUY ADDITIONAL ADDRESSES

    $("a.search-f").click(
		function() {
		    $(".addy").fadeIn(500);
		    return false;
		}
	);

    $(".addy p.close").click(
		function() {
		    $(".addy").fadeOut(500);
		}
	);


    $("a.search-fl").click(
		function() {
		    $(".opts").hide();
		}
	);

    //EXTENDED WHERE TO BUY OPTIONS SEARCH LIST


    $(".search-drop a").toggle(
		function() {
		    $(".opts").show();
		    $(this).addClass("reduce");
		    return false;
		}, function() {
		    $(".opts").hide();
		    $(this).removeClass("reduce");
		}
	);

    //EXTENDED WHERE TO BUY OPTIONS

    $(".more-ext").hide();

    $(".show a.extra").click(
		function() {
		    $(".col-ext").fadeOut(500);
		    $(".more-ext").stop().slideDown();
		    return false;
		}
	);

    // PHOTO SCROLLER
    photoScrollerInit();

    $("#now-playing ul li").text($(".mask ul li img:first").attr("alt"));




    //LOCATION SELECTION
    $(".opts input").click(
		function() {
		    //alert($(".search .search-drop p#location strong a").text());
		    var re = /_/g
		    $(".search .search-drop p#location strong a").text($(this).attr("id").replace(re, " "));
		    $(".opts").hide();
		    $(".search-drop a").removeClass("reduce");
		}
	);




    // HIDE THE BOOKMARK LINK IF NOT IE
    if (!document.all) {
        $("a.bookmark-us").hide();
    }

    //GLOSSARY THUMBNAILS
    $("#glossary .thumbnail").hover(
		function() {
		    $(this).css("cursor", "pointer");
		    $("span", this).fadeIn(300);
		}, function() {
		    $("span", this).fadeOut(300);
		}
	);

    $.localScroll({
        target: "#glossary-wrap",
        hash: false
    });

    //VIDEO NAVIGATION
    $(".video-nav a").hover(
		function() {
		    $(this).siblings("span").fadeIn(300);
		}, function() {
		    $(this).siblings("span").fadeOut(300);
		}
	);
    $(".video-nav li a").click(
		function() {
		    var videoPath = $(this).attr("href");

		    var mieleVideo = document.getElementById("miele-player");
		    if (mieleVideo) {
		        mieleVideo.changeVideo(videoPath);
		    } else {
		        changeVideo(videoPath.split(":")[0], videoPath.split(":")[1]);
		    }

		    return false;
		}
	);



		//-------------------------------------------------
		// Show slide image as being selected for owners manuals
		$('ul#browseManuals li').each(function() {
				if ($("h1.manualsHd").attr("id") == $(this).attr("id")){
					$(this).find("img").css({"display":"inline"})
					$(this).find("span").css({"color":"#ff0000"})
					}
				
		});

    //PRODUCT CHOOSER
    var item_width = 127;
    var item_count = $("#chooser .range li").length;
    var range_width = item_width * item_count;
    var slider_width = 851;
    var chooser_width = 895;
    var range_min_x = 0 - range_width + chooser_width;
    var range_max_x = 0;

    var item_width_alt = 133;
    var item_count_alt = $("#chooser-alt .range li").length;
    var range_width_alt = item_width_alt * item_count_alt;
	
    //var slider_width_alt = 696;
    var slider_width_alt = 622;
    var chooser_width_alt = 666;
	
    var cat_item_width = 149;
    var cat_range_width = cat_item_width * item_count;
    
    if($("#chooser .range").hasClass("categories")) {
    	item_width = cat_item_width;
    	range_width = cat_range_width;
    	range_min_x = 0 - range_width + chooser_width;
    }
	
    //alert(item_count_alt);
		
		
		


    // -----------------------------------------------------------------------------------
    // SMALLER RANGE SCROLLER "FIX"

    if (item_count_alt > 0) {
        range_min_x_alt = 0 - range_width_alt + chooser_width_alt;
        range_max_x_alt = 0;
        range_min_x = range_min_x_alt;
        range_max_x = range_max_x_alt;
        slider_width = slider_width_alt;
        chooser_width = chooser_width_alt;
        item_width = item_width_alt;
        range_width = range_width_alt;
    }

    // -----------------------------------------------------------------------------------

    if (range_width > chooser_width) {
        var range_x_offset = (range_width - chooser_width) / (slider_width - 120);
    } else {
        var range_x_offset = 0;
        $("#slider-pill").hide();
        $("#slider-pill-button").hide();
        $("#chooser .slider .next").hide();
        $("#chooser .slider .previous").hide();
    }

    if (range_width_alt > chooser_width_alt) {
        var range_x_offset_alt = (range_width_alt - chooser_width_alt) / (slider_width_alt - 120);
    } else {
        var range_x_offset_alt = 0;
        $("#slider-pill-alt").hide();
        $("#slider-pill-button-alt").hide();
        $("#chooser-alt .slider .next").hide();
        $("#chooser-alt .slider .previous").hide();
    }

    // -----------------------------------------------------------------------------------
    // SMALLER RANGE SCROLLER "FIX"
    if (item_count_alt > 0) {
        range_x_offset = range_x_offset_alt;
    }
    // -----------------------------------------------------------------------------------



    $("#chooser .range").css("width", range_width);
    $("#chooser-alt .range").css("width", range_width_alt);

    $("#chooser .range li, #chooser-alt .range li").hover(
		function() {
		    $(this).css("cursor", "pointer");
		    $("img.over", this).fadeIn(300);

		    var hi_range = $("a", this).attr("href").substr(0, $("a", this).attr("href").indexOf("/"));

		    $("#multi-range a").removeClass("hover");

		    $("#multi-range li").each(
				function() {
				    var this_range = $("a", this).attr("href").substr(1, $("a", this).attr("href").indexOf("-") - 1);
				    if (this_range == hi_range) {
				        $("a", this).addClass("hover");
				    }
				}
			);

		    $("a", this).before("<a href='" + $("a", this).attr("href") + "' class='view'>View</a>");

		    /*
		    var compare_1 = $(this).prev("li").children("a").children("span.id").html();
		    var compare_2 = $("a span.id", this).html();
		    var compare_3 = $(this).next("li").children("a").children("span.id").html();
		    var compare_id = "";			
			
			if(compare_1 != null) {
		    compare_id += compare_1 + "||";
		    }
			
			compare_id += compare_2;
			
			if(compare_3 != null) {
		    compare_id += "||" + compare_3;
		    }
			
			var sectionPath = "washing-machines";
		    var currentSection = $("span:first", this).html().substr(0,1);
		    if(currentSection == "T") {
		    sectionPath = "tumble-dryers";
		    }
			
		    $("a", this).before("<a href='" + site_root + "../" + sectionPath + "/compare/?id=" + compare_id + "' class='compare'>Compare</a>");
		    
		    $(".range li a.compare").hover(
		    function() {
		    $(this).parent().next("li").children("a").children("img.adj").fadeIn(300);
		    $(this).parent().prev("li").children("a").children("img.adj").fadeIn(300);
		    }, function() {
		    $(this).parent().next("li").children("a").children("img.adj").fadeOut(300);
		    $(this).parent().prev("li").children("a").children("img.adj").fadeOut(300);
		    }
		    );
		    */

		}, function() {
		    $("img.over", this).fadeOut(300);
		    //$(".compare", this).remove();
		    $(".view", this).remove();
		    $("#multi-range li a").removeClass("hover");
		}
	);

    $("#slider-pill-button, #slider-pill-button-alt").hover(
		function() {
		    $(this).css("cursor", "pointer");
		}, function() {

		}
	);

    $("#slider-pill-button").draggable({
        axis: "x",
        containment: "parent",
        drag: function() {
            var slider_pill_x = $(this).css("left");
            slider_pill_x = slider_pill_x.split("px")[0];

            var range_x = Math.ceil(slider_pill_x * range_x_offset);
            range_x = "-" + range_x + "px";

            $("#chooser .range").css("left", range_x);
            $("#slider-pill").css("left", slider_pill_x + "px");
            $("#multi-range a").removeClass("hover");
        }
    });

    $("#slider-pill-button-alt").draggable({
        axis: "x",
        containment: "parent",
        drag: function() {
            var slider_pill_x_alt = $(this).css("left");
            slider_pill_x_alt = slider_pill_x_alt.split("px")[0];

            var range_x_alt = Math.ceil(slider_pill_x_alt * range_x_offset_alt);
            range_x_alt = "-" + range_x_alt + "px";

            $("#chooser-alt .range").css("left", range_x_alt);
            $("#slider-pill-alt").css("left", slider_pill_x_alt + "px");
            $("#multi-range a").removeClass("hover");
        }
    });

    $("#chooser .slider .next").click(
    	function() {
    	    var range_x = $("#chooser .range").css("left");
    	    range_x = range_x.split("px")[0];

    	    if (range_x > (0 - range_width + chooser_width)) {
    	        range_x -= item_width;

    	        if (range_x < range_min_x) {
    	            range_x = range_min_x;
    	        }

    	        var slider_pill_x = Math.ceil(range_x / range_x_offset);
    	        slider_pill_x = Math.abs(slider_pill_x);
    	        if (slider_pill_x > (slider_width - 117)) {
    	            slider_pill_x = slider_width - 117;
    	        }

    	        range_x = range_x + "px";

    	        $("#chooser .range").animate({
    	            left: range_x
    	        }, 500);

    	        $("#slider-pill").animate({
    	            left: slider_pill_x
    	        }, 500);
    	        $("#slider-pill-button").animate({
    	            left: slider_pill_x
    	        }, 500);


    	    }

    	    $("#multi-range a").removeClass("hover");

    	    return false;
    	}
    );

    $("#chooser-alt .slider .next").click(
    	function() {

    	    var range_x_alt = $("#chooser-alt .range").css("left");
    	    range_x_alt = range_x_alt.split("px")[0];

    	    if (range_x_alt > (0 - range_width_alt + chooser_width_alt)) {
    	        range_x_alt -= item_width_alt;

    	        if (range_x_alt < range_min_x_alt) {
    	            range_x_alt = range_min_x_alt;
    	        }

    	        var slider_pill_x_alt = Math.ceil(range_x_alt / range_x_offset_alt);
    	        slider_pill_x_alt = Math.abs(slider_pill_x_alt);
    	        if (slider_pill_x_alt > (slider_width_alt - 117)) {
    	            slider_pill_x_alt = slider_width_alt - 117;
    	        }

    	        range_x_alt = range_x_alt + "px";

    	        $("#chooser-alt .range").animate({
    	            left: range_x_alt
    	        }, 500);

    	        $("#slider-pill-alt").animate({
    	            left: slider_pill_x_alt
    	        }, 500);
    	        $("#slider-pill-button-alt").animate({
    	            left: slider_pill_x_alt
    	        }, 500);

    	    }

    	    $("#multi-range a").removeClass("hover");

    	    return false;
    	}
    );

    $("#chooser .slider .previous").click(
    	function() {
    	    var range_x = $("#chooser .range").css("left");
    	    range_x = range_x.split("px")[0];

    	    if (range_x < 0) {
    	        range_x = Math.abs(range_x);
    	        range_x -= item_width;

    	        var slider_pill_x = Math.ceil(range_x / range_x_offset);

    	        if (slider_pill_x < 0) {
    	            slider_pill_x = 0;
    	        }

    	        slider_pill_x = Math.abs(slider_pill_x);

    	        if (range_x < 0) {
    	            range_x = 0;
    	        }

    	        range_x = "-" + range_x + "px";

    	        $("#chooser .range").animate({
    	            left: range_x
    	        }, 500);

    	        $("#slider-pill").animate({
    	            left: slider_pill_x
    	        }, 500);
    	        $("#slider-pill-button").animate({
    	            left: slider_pill_x
    	        }, 500);

    	    }

    	    $("#multi-range a").removeClass("hover");

    	    return false;
    	}
    );

    $("#chooser-alt .slider .previous").click(
    	function() {
    	    var range_x_alt = $("#chooser-alt .range").css("left");
    	    range_x_alt = range_x_alt.split("px")[0];

    	    if (range_x_alt < 0) {
    	        range_x_alt = Math.abs(range_x_alt);
    	        range_x_alt -= item_width_alt;

    	        var slider_pill_x_alt = Math.ceil(range_x_alt / range_x_offset_alt);

    	        if (slider_pill_x_alt < 0) {
    	            slider_pill_x_alt = 0;
    	        }

    	        slider_pill_x_alt = Math.abs(slider_pill_x_alt);

    	        if (range_x_alt < 0) {
    	            range_x_alt = 0;
    	        }

    	        range_x_alt = "-" + range_x_alt + "px";

    	        $("#chooser-alt .range").animate({
    	            left: range_x_alt
    	        }, 500);

    	        $("#slider-pill-alt").animate({
    	            left: slider_pill_x_alt
    	        }, 500);
    	        $("#slider-pill-button-alt").animate({
    	            left: slider_pill_x_alt
    	        }, 500);

    	    }

    	    $("#multi-range a").removeClass("hover");

    	    return false;
    	}
    );


    $("#multi-range a").click(
    	function() {

    	    var target_range = $(this).attr("href");
    	    target_range = target_range.split("#")[1];

    	    var range_target_x = 0;

    	    var item_count = 0;

    	    $(".range li").each(
    			function() {
    			    if ($(this).attr("id") == target_range) {
    			        range_target_x = range_max_x - (item_width * item_count);

    			        return true;
    			    }
    			    item_count++;
    			}
		    );

    	    if (range_target_x < range_min_x) {
    	        range_target_x = range_min_x;
    	    }

    	    var slider_pill_target_x = Math.ceil(range_target_x / range_x_offset);
    	    slider_pill_target_x = Math.abs(slider_pill_target_x);

    	    if (slider_pill_target_x > (slider_width - 117)) {
    	        slider_pill_target_x = slider_width - 117;


    	    }
    	    if (slider_pill_target_x < 0) {
    	        slider_pill_target_x = 0;
    	    }

    	    range_target_x = range_target_x + "px";

    	    $(".range").animate({
    	        left: range_target_x
    	    }, 1000);

    	    $("#slider-pill").animate({
    	        left: slider_pill_target_x
    	    }, 1000);
    	    $("#slider-pill-alt").animate({
    	        left: slider_pill_target_x
    	    }, 1000);
    	    $("#slider-pill-button").animate({
    	        left: slider_pill_target_x
    	    }, 1000);
    	    $("#slider-pill-button-alt").animate({
    	        left: slider_pill_target_x
    	    }, 1000);

    	    $("#multi-range a").removeClass("hover");
    	    $(this).addClass("hover");

    	    $(".range li a").css("color", "#666");
    	    var thisRange = $(this).text();

    	    highlightRange(thisRange);

    	    return false;

    	}
    );

    //DEFINITION LISTS (FAQs & FEATURES)
    $(".toggle dt").toggle(
		function() {
		    $(this).next("dd").slideDown();
		    $(this).addClass("open");
		}, function() {
		    $(this).next("dd").slideUp();
		    $(this).removeClass("open");
		}
	);
	
	$(".toggle dt.open").unbind();
	
	$(".toggle dt").hover(
		function() {
		    $(this).addClass("hover");
		    $(this).css("cursor", "pointer");
		}, function() {
		    $(this).removeClass("hover");
		}
	);
	
	$(".toggle dt.open").toggle(
		function() {
		    $(this).next("dd").slideUp();
		    $(this).removeClass("open");
		}, function() {
		    $(this).next("dd").slideDown();
		    $(this).addClass("open");
		}
	);

    //TABBED NAVIGATION

    //var current_tab = "tab-1";
    var tab_i = 1;
    var tab_ids = new Array();

    $(".tabbed-nav li").each(
		function() {
		    var tab_hide = $(this).children("a").attr("id");
		    $("#content-" + tab_hide).hide();
		}
	);

    var current_tab = document.URL;

    if (current_tab.indexOf("?tab") > 0) {
        current_tab = current_tab.substr(current_tab.indexOf("?tab") + 5, 1);
        $("#content-tab-" + current_tab).show();
        current_tab = "tab-" + current_tab;
        $("#tab-1").parent().removeClass("current");
        $("#" + current_tab).parent().addClass("current");
        //alert(current_tab);
    } else {
        current_tab = "tab-1";
        $("#content-tab-1").show();
    }




    //$("#content-tab-1").show();


    $("#select-tab").click(
            function() {
                var tab_id = this.rel;
                if (current_tab != tab_id) {

                    $(".tabbed-nav li").each(
					function() {
					    var this_tab_id = $(this).children("a").attr("id");

					    if (current_tab == this_tab_id) {
					        $("#content-" + current_tab).fadeOut(300);
					        $("#content-" + tab_id).animate({ marginLeft: 0 }, 300).fadeIn(300);
					        $("#" + current_tab).parent("li").removeClass("current");

					        current_tab = tab_id;
					        $("#" + tab_id).parent("li").addClass("current");

					        return false;
					    }
					});


                }
                return false;
            }
    );


    $(".tabbed-nav li a").click(
		function() {
		    var tab_id = $(this).attr("id");

		    if (current_tab != tab_id) {

		        $(".tabbed-nav li").each(
					function() {
					    var this_tab_id = $(this).children("a").attr("id");

					    if (current_tab == this_tab_id) {
					        $("#content-" + current_tab).fadeOut(300);
					        $("#content-" + tab_id).animate({ marginLeft: 0 }, 300).fadeIn(300);
					        $("#" + current_tab).parent("li").removeClass("current");

					        current_tab = tab_id;
					        $("#" + tab_id).parent("li").addClass("current");

					        return false;
					    }
					}
				);

		    }

		    return false;
		}
	);

    //ARTICLE NAVIGATION
    var current_article = "article-1";
    var article_i = 1;
    var article_ids = new Array();

    $(".article-nav li").each(
		function() {
		    var article_hide = $(this).children("a").attr("id");
		    $("#content-" + article_hide).hide();
		}
	);

    $("#content-article-1").show();

    $(".article-nav li a").click(
		function() {
		    var article_id = $(this).attr("id");

		    if (current_article != article_id) {

		        $(".article-nav li").each(
					function() {
					    var this_article_id = $(this).children("a").attr("id");

					    if (current_article == this_article_id) {
					        $("#content-" + current_article).fadeOut(300);
					        $("#content-" + article_id).animate({ marginLeft: 0 }, 300).fadeIn(300);
					        $("#" + current_article).removeClass("current");

					        current_article = article_id;
					        $("#" + article_id).addClass("current");

					        return false;
					    }
					}
				);

		    }

		    return false;
		}
	);

    //PRODUCT HERO SLIDESHOW
    var slideshow_count = $("#hero-product .slideshow .images li").length;
    var slideshow_current = 1;

    $("#hero-product .slideshow ul.images li:first").show();

    function slideshow_run() {

        $("#slideshow-image-" + slideshow_current).fadeOut(1500);
        $("#slideshow-image-nav-" + slideshow_current).removeClass("current");
        $("#slideshow-image-nav-" + slideshow_current).addClass("previous");

        slideshow_current++;

        if (slideshow_current > slideshow_count) {
            slideshow_current = 1;
            $("#hero-product .slideshow ul.nav li").removeClass("previous");
        }

        $("#slideshow-image-" + slideshow_current).fadeIn(1500);
        $("#slideshow-image-nav-" + slideshow_current).addClass("current");

    }


    if ($("#hero-product .slideshow ul.images").length > 0) {
        $("#hero-product .slideshow ul.images").everyTime(8000, slideshow_run);
    }

    $("#hero-product .slideshow ul.nav li a").click(
		function() {
		    if ($(this).parent("li").attr("class") != "current") {

		        $("#hero-product .slideshow ul.images").stopTime();

		        var slideshow_target = $(this).attr("href");

		        $("#slideshow-image-" + slideshow_current).fadeOut(1500);
		        $(slideshow_target).fadeIn(1500);

		        slideshow_current = $(this).attr("href");
		        slideshow_current = slideshow_current.substr(slideshow_current.lastIndexOf("-") + 1);

		        $("#hero-product .slideshow ul.nav li").removeClass("current");
		        $("#hero-product .slideshow ul.nav li").removeClass("previous");

		        for (i = 1; i < slideshow_current; i++) {




		            $("#slideshow-image-nav-" + i).addClass("previous");
		        }

		        $("#slideshow-image-nav-" + slideshow_current).addClass("current");

		        $("#hero-product .slideshow ul.images").everyTime(8000, slideshow_run);
		    }

		    return false;
		}
	);

    //OVERLAYS
    $(".images .enlarge a").click(
		function() {
		    var this_image = $(this).attr("href");
		    overlay_enlarged_images(this_image);

		    return false;
		}
	);


    // GOOGLE ANALYTICS TRACKING OF DOWNLOADABLE CONTENT FROM MIELE	
    $("a").click(function() {
        var url = this.href.toLowerCase();
        var trackURL = "";
        if (!url.match("http://www.miele.co.uk") && !url.match("http://dev.fusedevelopment.com") && !url.match("http://localhost") && (url.match("http://") || url.match("https://"))) { trackURL = escape(url); }
        if (trackURL.length == 0) {
            url = unescape(url);
            var reg = /([a-zA-Z0-9\s\-_]+?)\/([a-zA-Z0-9\s\-_]+?)\/([a-zA-Z0-9\s\-_]+?)\.(doc|pdf|mp3)$/i;
            var ar = reg.exec(url);
            if (ar != null) {
                var trackableName = ar[1];
                if ((ar[2].length > 0) || (ar[3].length > 0)) trackableName += "/";
                trackableName += ar[2];
                if (ar[3].length > 0) trackableName += "/";
                trackableName += ar[3];
                var trackableExt = ar[4];
                if (ar.length > 3) {
                    if ((trackableExt.length > 0) && (trackableName.length > 0)) {
                        trackableName = trackableName.toLowerCase();
                        do {
                            trackableName = trackableName.replace(' ', '');
                        } while (trackableName.match(' '));

                        trackableExt = trackableExt.toLowerCase();
                        trackURL = "/downloads/" + trackableExt + "/" + trackableName;
                    }
                }
            }
        }
        if (trackURL > "") {
            pageTracker._trackPageview(trackURL);
            //alert(trackURL);
        }
    });

    //VIDEO SCROLLER
    videoScrollerInit("#section-1");

    //VIDEO SCROLLER SECTION NAVIGATION
    $("#video-browser #section-1").show();
    var vbCurrentSection = "#section-1";

    $("#video-browser #sidebar ul a").each(
		function() {

		    $(this).unbind("click");

		    $(this).click(
				function() {

				    var vbTargetSection = $(this).attr("href");

				    if (vbTargetSection != vbCurrentSection) {

				        $("#video-browser #sidebar ul a").removeClass("current");
				        $(this).addClass("current");

				        /*
				        $("#video-browser " + vbCurrentSection).fadeOut(500, function() {
							
							videoScrollerInit(vbTargetSection);
				        $("#video-browser " + vbTargetSection).fadeIn(500);
				        vbCurrentSection = vbTargetSection;
							
						})
				        */

				        $("#video-browser " + vbCurrentSection).hide();
				        videoScrollerInit(vbTargetSection);
				        $("#video-browser " + vbTargetSection).show();
				        vbCurrentSection = vbTargetSection;

				        //section init
				        $(".video-scroller ul li a").removeClass("current");
				        $(vbTargetSection + " .video-scroller ul li a:first").addClass("current");
				        $("#now-playing .title").html("<strong>Title:</strong> " + $(vbTargetSection + " .video-scroller ul li a:first img").attr("alt"));
				        $("#now-playing .section").html("<strong>Section:</strong> " + $(vbTargetSection + " .video-scroller ul li a:first").attr("rel"));

				        var videoPath = $(vbTargetSection + " .video-scroller ul li a:first").attr("href");
				        //alert(videoPath);
				        var mieleVideo = document.getElementById("miele-player");
				        if (mieleVideo) {
				            mieleVideo.changeVideo(videoPath);
				        } else {
				            changeVideo(videoPath.split(":")[0], videoPath.split(":")[1]);
				        }

				    }

				    return false;

				}
			);

		}
	);

});



//VIDEO SCROLLER
function videoScrollerInit(thisSection) {
	
	var vsWidth = 116; /* 96+20 */
	var vsTotal = $(thisSection + " .video-scroller .mask ul li").length;
	var vsShowing = 1;
	var vsVisible = 5;
	$(thisSection + " .video-scroller .mask ul").css("left","0px");
		
	if(vsTotal > 1) {
		//Set width of image container
		$(thisSection + " .video-scroller .mask ul").css({ "width": vsWidth * vsTotal + "px" });
	}
	
	$(thisSection + " .video-indicator ol li").remove();
	
	for(i = 1; i <= vsTotal; i++) {
		//video indicator dots
		if(i <= vsVisible) {
			$(thisSection + " .video-indicator ol").append("<li class=\"showing\">" + i + "</li>");
		} else {
			$(thisSection + " .video-indicator ol").append("<li>" + i + "</li>");
		}
	}
	
	$(thisSection + " .video-indicator p").text(vsTotal + " videos in this section");
	
	if(vsTotal > vsVisible) {
		$(thisSection + " .video-scroller .next a").removeClass("inactive");
	}
	
	$(thisSection + " .video-scroller .next a").unbind("click");
	$(thisSection + " .video-scroller .previous a").unbind("click");
	
	$(thisSection + " .video-scroller .next a").click(
		
		
		function() {
			
			if(vsShowing <= (vsTotal - vsVisible)) {
				
				$(thisSection + " .video-scroller .mask ul").animate({
					"left": "-=" + vsWidth + "px"
				}, 400);
				
				$(thisSection + " .video-scroller .previous a").removeClass("inactive");
				if(vsShowing == (vsTotal - vsVisible)) {
					$(thisSection + " .video-scroller .next a").addClass("inactive");
				} else {
					$(thisSection + " .video-scroller .next a").removeClass("inactive");
				}
				
				vsShowing++;
				
				//update video indicator dots
				$(thisSection + " .video-indicator ol li").remove();
				
				for(i = 1; i <= vsTotal; i++) {
					//video indicator dots
					if(vsShowing <= i && i <= (vsVisible + (vsShowing - 1))) {
						$(thisSection + " .video-indicator ol").append("<li class=\"showing\">" + i + "</li>");
					} else {
						$(thisSection + " .video-indicator ol").append("<li>" + i + "</li>");
					}
				}
				
			}
			
			return false;
			
		}
	);
	
	$(thisSection + " .video-scroller .previous a").click(
		function() {
			
			if(vsShowing > 1) {
				
				$(thisSection + " .video-scroller .mask ul").animate({
					"left": "+=" + vsWidth + "px"
				}, 400);
				
				$(thisSection + " .video-scroller .next a").removeClass("inactive");
				
				vsShowing--;
				
				if(vsShowing == 1) {
					$(thisSection + " .video-scroller .previous a").addClass("inactive");
				} else {
					$(thisSection + " .video-scroller .previous a").removeClass("inactive");
				}
				
				//update video indicator dots
				$(thisSection + " .video-indicator ol li").remove();
				
				for(i = 1; i <= vsTotal; i++) {
					//video indicator dots
					if(vsShowing <= i && i <= (vsVisible + (vsShowing - 1))) {
						$(thisSection + " .video-indicator ol").append("<li class=\"showing\">" + i + "</li>");
					} else {
						$(thisSection + " .video-indicator ol").append("<li>" + i + "</li>");
					}
				}
				
			}
			
			return false;
			
		}
	);
	
	$(thisSection + " .video-scroller ul li a").unbind("hover");
	$(thisSection + " .video-scroller ul li a").unbind("click");
	
	$(thisSection + " .video-scroller ul li a").hover(
		function() {
			
			$(thisSection + " p.bubble").remove();
			$(this).parents(".mask").after("<p class=\"bubble\"><span><strong>" + $("img", this).attr("alt") + "</strong></span></p>");
			
			var bubbleX = $(this).offset();
			bubbleX = bubbleX.left;
			var sliderOffset = $(this).parents(".mask").offset();
			sliderOffset = sliderOffset.left;
			bubbleX = (bubbleX - sliderOffset) + 30;
			
			$(thisSection + " p.bubble").css("left", bubbleX + "px");
			
		}, function() {
			
			$(thisSection + " p.bubble").remove();
			
		}
	);
	
	$(thisSection + " .video-scroller ul li a").click(
		function() {
			
			$(".video-scroller ul li a").removeClass("current");
			$(this).addClass("current");
			
			$("#now-playing .title").html("<strong>Title:</strong> " + $("img", this).attr("alt"));
			$("#now-playing .section").html("<strong>Section:</strong> " + $(this).attr("rel"));
			
			var videoPath = $(this).attr("href");
			
			var mieleVideo = document.getElementById("miele-player");
			if(mieleVideo) {
				mieleVideo.changeVideo(videoPath);
			} else {
				changeVideo(videoPath.split(":")[0], videoPath.split(":")[1]);
			}
			
			return false;
		}
		
	);
	
}

//PHOTO TITLE
	function photoTitleInit() {
		$("#photo-album").hide();
			photoScrollerInit();
			$("#photo-album").show();
			
			//section init
			$(".photo-scroller ul li a").removeClass("current");
			$(".photo-scroller ul li a:first").addClass("current");
			
			
		return false;
	}

//PHOTO SCROLLER

function photoScrollerInit() {
	
	var vsWidth = 192; 
	var vsTotal = $(".photo-scroller .mask ul li").length;
	var vsShowing = 1;
	var vsVisible = 1;
	var img_labels = new Array();
	var array_i = 0;
	
	$(".mask ul li img").each(
		function() {
			
			img_labels[array_i] = $(this).attr("alt");
			array_i++;
		
		}
	
	);
	
	$(".photo-scroller .mask ul").css("left","0px");
	
	
	if(vsTotal > 1) {
		
		//Set width of image container
		$(".photo-scroller .mask ul").css({ "width": vsWidth * vsTotal + "px" });
	}
	
	$(".photo-indicator ol li").remove();
	
	for(i = 1; i <= vsTotal; i++) {
		//photo indicator dots
		if(i <= vsVisible) {
			$(" .photo-indicator ol").append("<li class=\"showing\">" + i + "</li>");
		} else {
			$(" .photo-indicator ol").append("<li>" + i + "</li>");
		}
	}
	
	$(" .photo-indicator p").text(vsTotal + " ");
	
	if(vsTotal > vsVisible) {
		$(".photo-scroller .next a").removeClass("inactive");
	}
	
	$(".photo-scroller .next a").unbind("click");
	$(".photo-scroller .previous a").unbind("click");
	
	$(".photo-scroller .next a").click(
		function() {
			
			//var img_labels = $(".mask ul li img").attr("alt");
			
			if(vsShowing <= (vsTotal - vsVisible)) {
				
				
				$(".photo-scroller .mask ul").animate({
					"left": "-=" + vsWidth + "px"
				}, 400);
				
				$(".photo-scroller .previous a").removeClass("inactive");
				if(vsShowing == (vsTotal - vsVisible)) {
					$(".photo-scroller .next a").addClass("inactive");
				} else {
					$(".photo-scroller .next a").removeClass("inactive");
				}
				
				vsShowing++;
				
				$("#now-playing li").text(img_labels[(vsShowing - 1)]);
				
				//update video indicator dots
				$(".photo-indicator ol li").remove();
				
				for(i = 1; i <= vsTotal; i++) {
					//video indicator dots
					if(vsShowing <= i && i <= (vsVisible + (vsShowing - 1))) {
						$(".photo-indicator ol").append("<li class=\"showing\">" + i + "</li>");
					} else {
						$(".photo-indicator ol").append("<li>" + i + "</li>");
					}
				}
				
			}
			
			return false;
			
		}
	);
	
	$(".photo-scroller .previous a").click(
		function() {
			
			if(vsShowing > 1) {
				
				$(".photo-scroller .mask ul").animate({
					"left": "+=" + vsWidth + "px"
				}, 400);
				
				$(".photo-scroller .next a").removeClass("inactive");
				
				vsShowing--;
				
				$("#now-playing li").text(img_labels[(vsShowing - 1)]);
				
				if(vsShowing == 1) {
					$(".photo-scroller .previous a").addClass("inactive");
				} else {
					$(".photo-scroller .previous a").removeClass("inactive");
				}
				
				//update video indicator dots
				$(".photo-indicator ol li").remove();
				
				for(i = 1; i <= vsTotal; i++) {
					//video indicator dots
					if(vsShowing <= i && i <= (vsVisible + (vsShowing - 1))) {
						$(" .photo-indicator ol").append("<li class=\"showing\">" + i + "</li>");
					} else {
						$(" .photo-indicator ol").append("<li>" + i + "</li>");
					}
				}
				
			}
			
			return false;
			
		}
	);
	
	
}





//COMPARE FLASH FUNCTIONS
function alterHeightOfDiv(height_px) {
	height_px = Math.ceil(height_px) + 40;
	$("#compare-tool").css("height",height_px);
}

//HELP ME DECIDE FLASH FUNCTIONS
function alterHeightOfDecideDiv(height_px) {
	height_px = Math.ceil(height_px);
	$("#help-me-decide").css("height",height_px+200);
	//$("#help-me-decide").css("height","757");
}

//OVERLAYS
function overlay_enlarged_images(this_image) {
	$("#overlays").load(site_root + "overlays/overlays.aspx #overlay-enlarged-images", null, overlay_enlarged_images_init);
	
	this.this_image = this_image;
	//this.media_title = media_title;
	
	return false;
}

function overlay_enlarged_images_init() {	
	$("#overlay-enlarged-images p.img img").attr("src", this_image);
	
	if($("#hero-product .slideshow .images li").length > 1) {
		$("#overlay-enlarged-images p.img").after("<ul></ul>");
		
		$("#hero-product .slideshow .images li").each(
			function() {
				var enlarged_image_src = $(this).children(".enlarge").children("a").attr("href");
				enlarged_image_src = enlarged_image_src.replace("/large/","/thumbnails/");

				var enlarged_image_alt = $(this).children("img").attr("alt");
			
				$("#overlay-enlarged-images ul").append("<li><a href='#'><img src='" + enlarged_image_src + "' width='50' height='31' alt='" + enlarged_image_alt + "' /></a></li>");
			}
	    );
		
		$("#overlay-enlarged-images ul a").click(
			function() {
				var enlarged_image_src = $("img", this).attr("src");
				enlarged_image_src = enlarged_image_src.replace("/thumbnails/","/large/");
				
				$("#overlay-enlarged-images p.img img").attr("src", enlarged_image_src);
				return false;
			}
		);
	}
}

function overlay_send_friend() {
	$("#overlays").load(site_root + "overlays/overlays.aspx #overlay-send-friend", null, over_send_friend_init);
	return false;
}

function over_send_friend_init() {   
    $("div.buttons a.button").click(function() {
        var friendsEmail=$("#emailfriend-friends-email").val()+""; // add an empty quote to turn it into a string
        var email=$("#emailfriend-your-email").val()+"";
        var message=$("#emailfriend-message").val()+"";
        var url=document.URL;
        var title=document.title;
        var errorMessage="";
        if(!isEmailValid(email)) errorMessage="Your email address is invalid";
        if(!isEmailValid(friendsEmail)) errorMessage="Your friend's email address is invalid";
        if(email.length==0) errorMessage="Please enter your email address";
        if(friendsEmail.length==0) errorMessage="Please enter your friend's email address";
        if(errorMessage.length==0) {
            $.post(site_root+"../ajax/videosend.ashx",{ email: email, friendsEmail : friendsEmail, message:message, url:url, title:title},function(data) {
                if(data.match("OK")) {
                    close_overlay();
                } else {
                    toggleError("Sorry error occured, please try again.");
                }
            });
        }
        toggleError(errorMessage);
        return false;
    });
}


function toggleError(errorMessage) {
    if(errorMessage.length>0) {
        $("p.error").html(errorMessage);
        $("p.error").show();
    } else {
        $("p.error").hide();  
    }
}

function isEmailValid(emailAddress) {
	var emailFilter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
	return emailFilter.test(emailAddress);
}
	

function overlay_download(mediaTitle) {
	$("#overlays").load(site_root + "overlays/overlays.aspx #overlay-download", null, overlay_download_init);
	
	this.mediaTitle = mediaTitle;
	this.mediaFile = mediaTitle.split("/")[mediaTitle.split("/").length-1];
	//alert(mediaFile);
	this.mediaPath = site_root + "videos/download/" + mediaTitle + "/" + mediaFile;
	
	return false;
}

function overlay_download_init() {
	$("#overlay-download strong.media").text(mediaTitle);
	$("#overlay-download .quicktime a").attr("href", mediaPath + ".mov");
	$("#overlay-download .windows a").attr("href", mediaPath + ".wmv");
	$("#overlay-download .ipod a").attr("href", mediaPath + ".m4v");
}

function overlay_share() {
	$("#overlays").load(site_root + "overlays/overlays.aspx #overlay-share", null, overlay_share_init);
	
	return false;
}

function overlay_share_init() {
	$("a.delicious").attr("href", "http://del.icio.us/post?url=" + document.URL + "&title=" + document.title);
	$("a.digg").attr("href", "http://digg.com/submit?url=" + document.URL + "&title=" + document.title);
	$("a.facebook").attr("href", "http://www.facebook.com/sharer.php?u=" + document.URL);
	$("a.stumbleupon").attr("href", "http://www.stumbleupon.com/submit?url=" + document.URL + "&title=" + document.title);
}

function close_overlay() {
	
	$('#overlays').empty();	
	return false;
	
}


//STAINS FEATURE
function stainsOpen() {
	
	var stains_height = $(".stains .col-666").height();
	
	$(".stains #content").css("height", stains_height);
	$(".stains .envelope").css("float", "right");
	
	$(".stains .col-666").css({
		"position" : "absolute",
		"top" : "0",
		"right" : "0",
		"z-index" : "2"
	});
	
	fuseTween(".stains .col-666", 500, {width: "895px"});
	fuseTween("#stains-feature", 500, {width: "895px"});
	fuseTween(".stains .envelope", 500, {width: "875px"});
	fuseTween(".stains #sidebar h2", 300, {opacity: 0});
	
}

function stainsClose() {
	
	$(".stains .col-666").animate({
		width: "666px"
	}, 500);
	
	$("#stains-feature").animate({
		width: "666px"
	}, 500);
	
	$(".stains .envelope").animate({
		width: "646px"
	}, 500);
	
	$(".stains #sidebar h2").animate({
		opacity: 1
	}, 500);
	
}

//CHANGE VIDEO
function changeVideo(videoName, videoLength)
{
	$("#mmp-player").html("");
	mmp.embedPlayer("mmp-player", "Video", videoName, {mediaLength:videoLength, posterFrameYShift:0});	
}

//ACTION TRACKING
function trackAction(action, page, title, media, type) {
	
	page = page.substr(page.indexOf("miele.co.uk/"));
	
	var track_path = "/" + action + "/" + page + "/" + title;
	
	
	if(media) track_path += "/" + media;
	if(type) track_path += "/" + type;
	
	track_path = unescape(track_path);
	pageTracker._trackPageview(track_path);
	
	//e.g. onclick="return trackAction('exit', document.URL, 'S7 Microsite');"
}


function bookmark_us(pageName) {
    var url=window.location;
     if( document.all ) { //MSIE
         window.external.AddFavorite(url , pageName);
     }
     return false;
}

function highlightRange(thisRange) {
	
	switch(thisRange) {
		
		case "W 5000 Range":
			var targetItems = "W 5";
			break;
		
		case "W 3000 Range":
			var targetItems = "W 3";
			break;
		
		case "W 1000 Range":
			var targetItems = "W 1";
			break;
		
		case "W 500 Range":
			var targetItems = "W 562";
			break;
			
		case "T 8000 Range":
			var targetItems = "T 8";
			break;
		
		case "T 7000 Range":
			var targetItems = "T 7";
			break;
		
		case "T 200 Range":
			var targetItems = "T 2";
			break;
		
		case "Built-in Range":
			var currentSection = document.URL;
			currentSection = currentSection.substr(0, currentSection.length - 1);
			currentSection = currentSection.substr(currentSection.lastIndexOf("/")+1);
			
			if(currentSection == "washing-machines") {
				var targetItems = "W 2";
			} else if(currentSection == "tumble-dryers") {
				var targetItems = "T 4";
			}
			
			break;
		
		case "S5 Range":
			var targetItems = "S 5";
			break;
		
		case "S4 Range":
			var targetItems = "S 4";
			break;
		
		case "S2 Range":
			var targetItems = "S 2";
			break;
			
		case "Semi-Integrated Range":
			var targetItems = "V";
			break;
			
		case "Fully-Integrated Range":
			var targetItems = "V";
			break;
			
		default:
			break;
		
	}

	$(".range li").each(
		function() {

		    var thisProduct = $("span:first", this).text();
		    var thisProductFull = $("span:first", this).text();

	
		    if (thisRange == "W 500 Range") {
		        var checkProduct = thisProduct.substr(0, 5);

		        if (checkProduct == targetItems) {
		            $("a", this).css("color", "#f00");
		        }
		    } else if (thisRange == "Semi-Integrated Range") {

		        var fullyIntMatcher = new RegExp(/([^V]+)/g);
		        var checkProduct = thisProduct.substr(thisProduct.indexOf("V"), 1);
		        if (checkProduct != "V") {
		            $("a", this).css("color", "#f00");
		        }

		    } else if (thisRange == "Fully-Integrated Range") {

		        var checkProduct = thisProduct.substr(thisProduct.indexOf("V"), 1);

		        if (checkProduct == targetItems) {
		            $("a", this).css("color", "#f00");
		        }
		    } else {
		        var checkProduct = thisProduct.substr(0, 3);

		        if (checkProduct == targetItems && thisProductFull != "W 562 Prestige Plus 6") {
		            $("a", this).css("color", "#f00");
		        }

		        if (targetItems == "S 5" && thisProductFull == "Cat & Dog Turbo 5000") {
		            $("a", this).css("color", "#f00");
		        } else if (targetItems == "S 5" && thisProductFull == "Allervac Sensor 5000") {
		            $("a", this).css("color", "#f00");
		        } else if (targetItems == "S 5" && thisProductFull == "Solution HEPA 5281") {
		            $("a", this).css("color", "#f00");
		        } else if (targetItems == "S 5" && thisProductFull == "Automatic TT 5000") {
		            $("a", this).css("color", "#f00");
		        }
		    }
		}
	);
}


