//$(function () {
//    $('#li')
//				.css({ backgroundPosition: "-10px 0px" })
//				.mouseover(function () {
//				    $(this).stop().animate({ backgroundPosition: "(0px 0px)" }, { duration: 200 })
//				})
//				.mouseleave(function () {
//				    $('#li').stop().animate({ backgroundPosition: "(-10px 0px)" }, { duration: 200 })
//				    $('#li').css({ backgroundPosition: "(0px 0px)" })
//				})
//    $('#li2')
//				.css({ backgroundPosition: "-10px 0px" })
//				.mouseover(function () {
//				    $(this).stop().animate({ backgroundPosition: "(0px 0px)" }, { duration: 200 })
//				})
//				.mouseleave(function () {
//				    $('#li2').stop().animate({ backgroundPosition: "(-10px 0px)" }, { duration: 200 })
//				    $('#li2').css({ backgroundPosition: "(0px 0px)" })
//				})
//	$('#li3')
//	    .css({ backgroundPosition: "-10px 0px" })
//	    .mouseover(function () {
//		    $(this).stop().animate({ backgroundPosition: "(0px 0px)" }, { duration: 200 })
//	    })
//	    .mouseleave(function () {
//		    $('#li3').stop().animate({ backgroundPosition: "(-10px 0px)" }, { duration: 200 })
//		    $('#li3').css({ backgroundPosition: "0px 0px" })
//	    })
//});

$(function () {
    $("#li")
			.mouseover(function () {
			    $('#liul').fadeIn(200)
			});
    $("#liul li").hover(function () {
        $(this).find("ul").fadeIn(300);
        //Fade the image to 0 

    }, function () { //on hover out...
        //Fade the image to 1 
        $(this).find("ul").fadeOut(100).show();
    });
    $("#li")
			.mouseleave(function () {
			    $("#liul").fadeOut(100)
			});
    $("#li2")
			.mouseover(function () {
			    $('#liul2').fadeIn(200)
			});
    $("#liul2 li").hover(function () {
        $(this).find("ul").fadeIn(200);
        //Fade the image to 0 

    }, function () { //on hover out...
        //Fade the image to 1 
        $(this).find("ul").fadeOut(100).show();
    });
    $("#li2")
			.mouseleave(function () {
			    $("#liul2").fadeOut(100)
			});





    $("#li3")
			.mouseover(function () {
			    $('#liul3').fadeIn(200)
			});
    $("#liul3 li").hover(function () {
        $(this).find("ul").fadeIn(200);
        //Fade the image to 0 

    }, function () { //on hover out...
        //Fade the image to 1 
        $(this).find("ul").fadeOut(100).show();
    });
    $("#li3")
			.mouseleave(function () {
			    $("#liul3").fadeOut(100)
			});


});

$(function () {
    $("#li08")
			.mouseover(function () {
			    $('#liul08').fadeIn(200);
			});
    $("#liul08 li").hover(function () {
        $(this).find("ul").fadeIn(200);
        //Fade the image to 0 

    }, function () { //on hover out...
        //Fade the image to 1 
        $(this).find("ul").fadeOut(100).show();
    });
    $("#li08")
			.mouseleave(function () {
			    $("#liul08").fadeOut(100);
			});
    $("#li09")
			.mouseover(function () {
			    $('#liul09').fadeIn(200);
			});
    $("#liul09 li").hover(function () {
        $(this).find("ul").fadeIn(200);
        //Fade the image to 0 

    }, function () { //on hover out...
        //Fade the image to 1 
        $(this).find("ul").fadeOut(100).show();
    });
    $("#li09")
			.mouseleave(function () {
			    $("#liul09").fadeOut(100);
			});
});

$(function () {
    $(".shar")
			.css({ opacity: "0.7" })
			.mouseover(function () {
			    $('.shar').fadeTo('slow', 1)
			})
			.mouseleave(function () {
			    $(".shar").fadeTo('slow', 0.7)
			})

});
$(function () {

    var url = location.pathname;

    if (url.indexOf('product') >= 0) {
        var url = $(".logic a:last").attr('href');
    }
    var urlNew = url.substring(url.lastIndexOf("/") + 1);
    //alert(urlNew);
    $(".sample-menu a[href$=" + urlNew + "]").addClass('currentPage').removeClass('collapsible');
    $('.sample-menu .currentPage:first').parents().show();
    //$('.sample-menu .currentPage:first').next().show().children().show();

});
$(document).ready(function () {

    $(".rens").click(function () {

        $('.vem').fadeOut('slow', function () {

            $('.pec').fadeIn('slow');

            $('.pec').addClass('visible');

        });

        return false;

    });

});

$(document).ready(function () {
    $("#f_date, #date, #f_hour, #f_minute").click(function () {
        $('#cont').addClass('visible');

    });
    $("#cont").mouseleave(function () {
        $('#cont').removeClass('visible');
    });

    return false;
});

//$(document).ready(function () {
//    $("ul.kofe li, ul.catg li").hover(function () {
//        $(this).find("span").fadeTo('slow', 0.6);
//        //Fade the image to 0 

//    }, function () { //on hover out...
//        //Fade the image to 1 
//        $(this).find("span").stop().fadeTo('slow', 1.0).show();
//    });

//});

$(document).ready(function () {
    $(".img a").hover(function () {
        var src=$(this).find("img").attr("src");
        var newSrc = src.substring(0, src.length - 4) + "_color.png";
       // alert(newSrc);
        $(this).find("img").attr("src", newSrc).fadeTo('slow', 1);
        //Fade the image to 0 

    }, function () { //on hover out...
        //Fade the image to 1 
        var src = $(this).find("img").attr("src");
        var newSrc = src.substring(0, src.length - 10) + ".png";
        //alert(newSrc);
        $(this).find("img").stop().attr("src", newSrc).fadeTo('slow', 0.6).show();
    });

});

$(function () {
    $("#li20")
			.mouseover(function () {
			    $('#li020').show(200);
			});
    $("#li020 li").hover(function () {
        $(this).find("ul").fadeIn(200);
    }, function () {
        $(this).find("ul").fadeOut(100);
    });
    $("#li20")
			.mouseleave(function () {
			    $("#li020").hide(100);
			});

    $("#li21")
			.mouseover(function () {
			    $('#li021').show(200);
			});
    $("#li021 li").hover(function () {
        $(this).find("ul").fadeIn(200);
    }, function () {
        $(this).find("ul").fadeOut(100);
    });
    $("#li21")
			.mouseleave(function () {
			    $("#li021").hide(100);
			});

    $("#li22")
			.mouseover(function () {
			    $('#li022').show(200);
			});
    $("#li022 li").hover(function () {
        $(this).find("ul").fadeIn(200);
    }, function () {
        $(this).find("ul").fadeOut(100);
    });
    $("#li22")
			.mouseleave(function () {
			    $("#li022").hide(100);
			});

    $("#li23")
			.mouseover(function () {
			    $('#li023').show(200);
			});
    $("#li023 li").hover(function () {
        $(this).find("ul").fadeIn(200);
    }, function () {
        $(this).find("ul").fadeOut(100);
    });
    $("#li23")
			.mouseleave(function () {
			    $("#li023").hide(100);
			});
});