// JavaScript Document

/*
* Author : Irving Dela Cruz
* Version : .1
* Definition : Mosaic Effect Transition
* Type : Image Slideshow
*
*/

(function( $ ){

  $.fn.KalRover = function( options ) {  

    var settings = {
		 itemid : 0,
		 itemwidth : 0,
		 itemheight: 0,
		 itembgposx: 0,
		 itembgposy: 0,
		 bgimage:""
    };
	
	

    return this.each(function() {
	
      if ( options ) { 
        $.extend( settings, options );
		
		
		var $root = $(this);
		
		var $rootWidth = 0;
    
	
	$root.find("ul > li:eq("+ settings.itemid +") ul").css({
		"display":"none"
	});
	
	$root.find("ul > li:eq("+ settings.itemid +")").css({
		"display":"inline"
	});
	
	 $root.find("ul > li:eq("+ settings.itemid +") a").css({
		"width":settings.itemwidth + "px",
		"height":settings.itemheight + "px",
		"float" :"left",
		"background-image":"url("+ settings.bgimage +")",
		"background-position" : settings.itembgposx+"px " + "0px",
		"text-indent":"-999999px"
	 });
		 
	  $root.find(" ul > li:eq("+ settings.itemid +") a").mouseover(function(){			
		 $(this).css({
			 "background-image":"url("+ settings.bgimage +")",
			 "background-position" : settings.itembgposx+"px " + -settings.itemheight +"px"
		 });
		
	  });
	  
	   $root.find(" ul > li:eq("+ settings.itemid +") a").mouseout(function(){			
		 $(this).css({
			 "background-image":"url("+ settings.bgimage +")",
			 "background-position" : settings.itembgposx+"px " + -settings.itemheight +"0px"
		 });		 
	  });
	  
	  
	  //------------------ DROP DOWN
	  	  
	 $root.find("ul > li:eq("+ settings.itemid +")").mouseover(function(){
		 
		 $(this).find("ul li a").css({
		  "text-indent":"0",
		   "background-image":"none"
	      })		 
		  $(this).css({
		  	"width":settings.itemwidth + "px",
		    "float" :"left"
		  });		  		  
		  $(this).find("ul").css({
			  "display":"block"
		  });		  
		  $(this).find("ul").mouseout(function(){
			  $(this).css({
			    "display":"none"
		       });
		  });
		  $(this).mouseout(function(){
			  $(this).find("ul").css({
			    "display":"none"
		       });
		  });
		  
	 });
	 
	  
	  
	  
	  
	  
	  
	  
	  
		 
		 
		 
		
		
      }
	  
	  
    });
  };
})( jQuery );