﻿(function( $ ){

 $.fn.JAVA_move = function( options ,child_C ) { 
//$(this).parents().eq(4).attr('id')
//  var parentTag = $(this).parent().get(0).tagName;
//alert($(this).parent().id)
//alert($(this).parent()[0].id);
//alert($(this).parent().get(0).id);
// alert($(this).children().length)
 // .innerHeight() 
//.innerWidth()
//var position = HomeCountat.position();	
    var settings = {
      Max_Width   : 100,
      Max_Height  : 100,
	  Top         : 1,
	  Left        : 1,	
	  border      : 1,
 Button_Click_Right  : '#Button_Click_Right',	
 Button_Click_Left  : '#Button_Click_Left',	
 background       :'#FFFFFF',
  Img_Tag       :'.Img_Tag',
  Text_Tag       :'.Text_Tag',
	  Speed       : 4000 ,
	  SpeedMove   : 200 ,
	  numshow     :3
	  
    };
      this.each(function() {        
	  // alert(settings.Max_Width)
      if(options) {  
    var oj  =    $.extend( settings, options );
		// alert(oj.Max_Width)
      }
      // Tooltip plugin code here
    });//return this.each(function()
	
	//  alert(settings.Button_Click_Right)
var child_C = child_C;	
var $this = $(this);
var $this_parent = $this.parent();
//var movebool = true;
var Index_length = $this.find(child_C).length;
var Index = 0;

if(settings.numshow == 0) 
settings.numshow = 1;
else if(settings.numshow > Index_length) 
settings.numshow = Index_length;

var Width = (settings.Max_Width  * settings.numshow);
var Height =  settings.Max_Height ;
//paddingTop:(tabsDivpaddingTop)+'px',
//paddingLeft:(tabsDivpaddingLeft)+'px'

$this_parent.css({
overflow : 'hidden',
position : 'relative',
width:(parseInt(Width))+'px',
height:(parseInt(Height))+'px'
});

$this.css({
width:(parseInt(100))+'%',
height:(parseInt(100))+'%'
}).append('<div class="Move_Tab_cover"></div>');

$this.find('.Move_Tab_cover').css({
position : 'absolute',
background: settings.background,
zIndex:'2',
left:(-5)+'px',
top: (-5)+'px',
width:(parseInt(Width) + 5)+'px',
height:(parseInt(Height) + 5)+'px'
})



/*
  Img_Tag       :'.Img_Tag',
  Text_Tag       :'.Text_Tag',
*/


$this.find(child_C).css({
position : 'absolute',
zIndex:'3',
width:(parseInt(settings.Max_Width-settings.Left))+'px',
height:(parseInt(settings.Max_Height - (settings.Top * 2)))+'px'
}).each(function(i){
$(this).css({
left: parseInt(settings.Max_Width * (i)) + settings.Left +'px',
top:(settings.Top)+'px'
});//$(this).css({
	
Text_Tag_Height = $(this).find(settings.Text_Tag).height();
//alert(parseInt(Text_Tag_Height))
//$(this).find(settings.Text_Tag).hide();
$(this).find(settings.Img_Tag).css({
width:(parseInt(settings.Max_Width-settings.Left))+'px',
height:(parseInt(settings.Max_Height - Text_Tag_Height))+'px'
}).find('img.Img_V').css({
//float : 'left',
width:(parseInt(settings.Max_Width-settings.Left))+'px',
height:(parseInt(settings.Max_Height - Text_Tag_Height))+'px'
});//$(this).find(settings.Img_Tag).css({

})//each(function(i){


/*
$this.find(child_C).css({
position : 'absolute',
zIndex:'3',
width:(parseInt(settings.Max_Width-settings.Left))+'px',
height:(parseInt(settings.Max_Height - (settings.Top * 2)))+'px'
})
*/

/*.find('img').css({
//float : 'left',
width:((parseInt(settings.Max_Width-settings.Left)))+'px',
height:(parseInt(settings.Max_Height - (settings.Top * 2)))+'px'
})
*/

var move_fun = function(IN) {
//$(settings.Button_Click_Right).unbind( "click" );	
n = 0;
$this.find(child_C).each(function(i){
if(i >= IN)
{
$(this).stop().animate({left:parseInt(settings.Max_Width* n) + settings.Left},settings.SpeedMove);	
n = n + 1;
}else
{
$(this).stop().animate({left:-parseInt(settings.Max_Width + settings.Left)},settings.SpeedMove);
}//else
});//$(this).children().each(function(i){ 
};// var move_fun = function() {

$(settings.Button_Click_Right).click( function() {
											  // alert('Button_Click_Right');
if(Index > 0)
{
	Index = Index - 1 ;	
return move_fun(Index);
}
//return move_fun_Right(); 
 } );

$(settings.Button_Click_Left).click( function() {
											 // alert('Button_Click_Left');
if(Index < Index_length - settings.numshow)
{	Index = Index + 1 ;
return move_fun(Index);
}
//return move_fun_Left(); 
 } );
 // alert(settings.Button_Click_Right)

  };// $.fn.JAVA_move = function( options ) { 
})( jQuery );
	
	

 	
$(document).ready(function(){
//'background': 'transparent url("' + images_array[0]['src'] + '") 0px 0px no-repeat'						   
 $('div#Move_Tab_Contains').JAVA_move({
      Max_Width   : 135,
      Max_Height  : 100,
	  Top         : 1,
	  Left        : 10,
 Button_Click_Right  : '#Button_Click_Right',
  Button_Click_Left  : '#Button_Click_Left',
    Img_Tag       :'.Img_Tag',
  Text_Tag       :'.Text_Tag',
  //background       :'transparent url(images/TD_middle_bottom1.gif) 20px 0px no-repeat',
  background       :'',//#fde8c6
	  //Speed       : 4000 ,
	  SpeedMove   : 500 ,
	   numshow    :5
} , '.Move_Tab');
 

 
});//$(document).ready(function(){
	
	
 // .innerHeight() 
//.innerWidth()
//var position = HomeCountat.position();	
 
