// JavaScript Document

/*
$(document).ready(function(){
						   
      
         
          /*    
           
					

						  $(".latest_img").css({display:'none',opacity:'0.3'}).fadeIn(1500);

               $(".latest_img").hover(function(){
               
                 
             
               
						   $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
						   },function(){
						   $(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
						   });
						   });
						   	 */
						   	 
						   	   $(document).ready(function(){
						   
      
         
          /*    
               $(".latest_img").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
						  
						 */

						  $(".latest_img").css({display:'none',opacity:'0.3'}).fadeIn(1500);

               $(".latest_img").hover(function(){
               
                 
             
               
						  $(this).stop().animate({
				opacity: 1
			}, "normal");
		},
               
               function(){
						   $(this).stop().animate({
				opacity: 0.3
			}, "normal"); // This should set the opacity back to 30% on mouseout
						   });
  
  

	});
						   	 
						   	 
/*					   
// tooltip
 $(function(){
		$("[title]").mbTooltip({ // also $([domElement])..mbTooltip  >>  in this case only children element are involved
			opacity : .97,       //opacity
			wait:100,           //before show
			cssClass:"default",  // default = default
			timePerWord:70,      //time to show in milliseconds per word
			hasArrow:false,			// if you whant a little arrow on the corner
			imgPath:"images/",
			ancor:"mouse", //"parent"  you can ancor the tooltip to the mouse position or at the bottom of the element
			shadowColor:"black" //the color of the shadow
		});
	})

		 $(function(){
		$("[code2]").mbTooltip({ // also $([domElement])..mbTooltip  >>  in this case only children element are involved
			opacity : .97,       //opacity
			wait:100,           //before show
			cssClass:"default",  // default = default
			timePerWord:70,      //time to show in milliseconds per word
			hasArrow:true,			// if you whant a little arrow on the corner
			imgPath:"images/",
			ancor:"mouse", //"parent"  you can ancor the tooltip to the mouse position or at the bottom of the element
			shadowColor:"black" //the color of the shadow
		});
	})
				   
					*/	   

$(document).ready(function(){
						   $("#text p").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
						   $("#text p").hover(function(){
						   $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
						   },function(){
						   $(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
							   	});
						   });

$(document).ready(function(){
						   $("#div").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
						   $("#div").hover(function(){
						   $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
						   },function(){
						   $(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
							   	});
						   });




// JavaScript Document
$(document).ready(function(){
						   $(".thumb").css({
				opacity: 0.3
			});
 // This sets the opacity of the thumbs to fade down to 30% when the page loads
						  
						   $(".thumb").click(function(){
           
           
           
            alert('This is a custom alert box', 'Alert Dialog');
            	$clicked = $(this);
            	alert($clicked);
            	$clicked.addClass('aktiv');
            	// if the button is not already "transformed" AND is not animated
            	if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
            		alert('klick', 'Alert Dialog');
            		$clicked.animate({
            			opacity: 1,
            			borderWidth: 5
            		}, 600 );
            		
            		// each button div MUST have a "xx-button" and the target div must have an id "xx" 
            		var idToLoad = $clicked.attr("id").split('-');
            		
            		//we search trough the content for the visible div and we fade it out
            		
            	}
            	
            	//we reset the other buttons to default style
            	$clicked.siblings(".thumb").animate({
            		opacity: 0.0,
            		borderWidth: 1
            	}, 600 );
            	
            });


						  
               $(".thumb").hover(function(){
						   $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
						   },function(){
						   $(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
						   });
						   });