// Fade-in for all links

$(document).ready(function(){
						   
                            $("a").fadeTo("fast", 1.0); // This sets the opacity of the thumbs to fade down to 100% when the page loads
                            $("a").hover(function(){
                            $(this).fadeTo("fast", 0.75); // This should set the opacity to 50% on hover
                            },function(){
                            $(this).fadeTo("fast", 1.0); // This should set the opacity back to 100% on mouseout
                            });
                            });


// Fade-in for navigation

$(document).ready(function(){
						   
                            $("#logo").fadeTo("fast", 1.0); // This sets the opacity of the thumbs to fade down to 100% when the page loads
                            $("#logo").hover(function(){
                            $(this).fadeTo("fast", 1.35); // This should set the opacity to 50% on hover
                            },function(){
                            $(this).fadeTo("fast", 1.0); // This should set the opacity back to 100% on mouseout
                            });
                            });


// Fade-in for navigation

$(document).ready(function(){
						   
                            $("ul#navigation li").fadeTo("fast", 1.0); // This sets the opacity of the thumbs to fade down to 100% when the page loads
                            $("ul#navigation li").hover(function(){
                            $(this).fadeTo("fast", 0.8); // This should set the opacity to 80% on hover
                            },function(){
                            $(this).fadeTo("fast", 1.0); // This should set the opacity back to 100% on mouseout
                            });
                            });


$(document).ready(function(){
				$(".bfslider").fadeTo("slow", 0.85); // This sets the opacity of the thumbs to fade down to 85% when the page loads
				$(".bfslider").hover(function(){
				$(this).fadeTo("slow", 1.2); // This should set the opacity to 120% on hover
				},function(){
				$(this).fadeTo("slow", 0.85); // This should set the opacity back to 85%% on mouseout
				});
				});

// FPage_Icons_Quick Navigation

$(document).ready(function(){
						   
                            $("#fpage_mix, #fpage_wellness, #fpage_property, #fpage_restaurants, #fpage_design, #fpage_fashion").fadeTo("fast", 1.0); // This sets the opacity of the thumbs to fade down to 100% when the page loads
                            $("#fpage_mix, #fpage_wellness, #fpage_property, #fpage_restaurants, #fpage_design, #fpage_fashion").hover(function(){
                            $(this).fadeTo("fast", 0.6); // This should set the opacity to 80% on hover
                            },function(){
                            $(this).fadeTo("fast", 1.0); // This should set the opacity back to 100% on mouseout
                            });
                            });

// Fauswahl_Icons_Quick Navigation

$(document).ready(function(){
						   
                            $("#fauswahl_mix, #fauswahl_wellness, #fauswahl_property, #fauswahl_restaurants, #fauswahl_design, #fauswahl_fashion").fadeTo("fast", 1.0); // This sets the opacity of the thumbs to fade down to 100% when the page loads
                            $("#fauswahl_mix, #fauswahl_wellness, #fauswahl_property, #fauswahl_restaurants, #fauswahl_design, #fauswahl_fashion").hover(function(){
                            $(this).fadeTo("fast", 0.6); // This should set the opacity to 80% on hover
                            },function(){
                            $(this).fadeTo("fast", 1.0); // This should set the opacity back to 100% on mouseout
                            });
                            });

// Toggle Category List

$(document).ready(function(){
				$('.box_head').click(function(){
				idelem = $(this).attr('id');
				idelemdiv = idelem.replace('boxhead_', 'box_');
				$('#'+idelemdiv).slideToggle("normal");
				change_boximage(idelem);
				});

				$('.box_head').hover(
				function() { $(this).css('cursor', 'pointer'); },
				function() { $(this).css('cursor', 'default'); }
				);
				});

function change_boximage(elem){
				src = $('#'+elem).attr('src');
				if (src.indexOf("_open") >= 0){
				src = src.replace('_open', '_close');
				} else {
				src = src.replace('_close', '_open');
				}
				src = $('#'+elem).attr('src', src);
				}

