<!--//--><![CDATA[//><!--

sfHover = function() {	var sfEls = document.getElementById("navigation").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);


//--><!]]>

<!--//--><![CDATA[//><!--


		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'layout/loading.gif',
				play: 5000,
				pause: 2500,
				hoverPause: true
			});
		});



//--><!]]>

<!--//--><![CDATA[//><!--


jQuery(document).ready(function(){ 
								
								//	vertical menu
    $("ul.product-nav a").each(function() { // ----- product menu --------//
        if (jQuery("ul.product-nav a").next()) {
            jQuery(this).addClass("expand");
        }
    });

    jQuery(".expand").click().toggle(
				function(event) {
				    jQuery(this).addClass("active");
				    jQuery(this).next().addClass("expanded");
				    if (jQuery(this).attr("href") != "#") {
				        document.location = jQuery(this).attr("href");
				    }
				},
				function(event) {
				    jQuery(this).removeClass("active");
				    jQuery(this).next().removeClass("expanded");
				}
		)
});

//--><!]]>

<!--//--><![CDATA[//><!--

		/*
			Get the curent slide
		*/
		function currentSlide( current ) {
			$(".current_slide").text(current + " of " + $("#slides").slides("status","total") );
		}
		
		$(function(){
			/*
				Initialize SlidesJS
			*/
			$("#slides").slides({
				navigateEnd: function( current ) {
					currentSlide( current );
				},
				loaded: function(){
					currentSlide( 1 );
				}
			});
			
			/*
				Play/stop button
			*/
			$(".controls").click(function(e) {
				e.preventDefault();
				
				// Example status method usage
				var slidesStatus = $("#slides").slides("status","state");
				
				if (!slidesStatus || slidesStatus === "stopped") {

					// Example play method usage
					$("#slides").slides("play");

					// Change text
					$(this).text("Stop");
				} else {
					
					// Example stop method usage
					$("#slides").slides("stop");
					
					// Change text
					$(this).text("Play");
				}
			});
		});
//--><!]]>