// JavaScript Document
  $(function(){ 
  
  settings = {
          tl: { radius: 6 },
          tr: { radius: 6 },
          bl: { radius: 6 },
          br: { radius: 6 },
          antiAlias: true,
          autoPad: true,
          validTags: ["div"]
      }
  //$('.inner,.inner2,.inner3,.myBox').corner(settings);
  $('.inner1,.inner2').corner(settings);
  
   
  });
  
  
  $(document).ready(function() {

	// initialize tooltip
	$("#demo img[title]").tooltip({
	
		// use single tooltip element for all tips
		tip: '#demotip', 
		
		// tweak the position
		offset: [10, 2],
		
		// use "slide" effect
		effect: 'slide'
		
	// add dynamic plugin 
	}).dynamic( {
	
		// customized configuration on bottom edge
		bottom: {
		
			// slide downwards
			direction: 'down',
			
			// bounce back when closed
			bounce: true
		}
	});
	
	$("#callback :input").tooltip({ 
 
    // place tooltip on the right edge 
    position: "center right", 
 
    // a little tweaking of the position 
    offset: [-2, 10], 
 
    // use the built-in fadeIn/fadeOut effect 
    effect: "fade", 
 
    // custom opacity setting 
    opacity: 0.7, 
 
    // use this single tooltip element 
    tip: '.demotip' 
 
});
});
 
 
 $(function() { 
 
    // assign a click event to the exposed element, using normal jQuery coding 
    $(".inner2,.inner1").click(function() { 
 
        // perform exposing for the clicked element 
        $(this).expose({api: true,opacity: 0.5,color:"#CCCCCC"}).load(); 
		//$(this).expose("#FF0000").load(); 
		
 
    }); 
});
