var $j = jQuery.noConflict();
$j(document).ready(function() {
  
  /**
   * We have to resize middle container because of stripes on background
   */     

  // Get current height 
  var height = $j('#search_middle').height();
  
  // Check if we have good height
  if(height % 11 != 0)
  {
    // Calculate new height
    var counter = parseInt(height / 11) + 1;
    var new_height = counter * 11;
    var between = new_height - height; 
     
    $j('#search_middle').css({'padding-bottom': between+'px'});
  }
  
  /**
   * Custom js slider
   */
   
  $j('.commentlist').jScrollPane();
  
  /**
   * Carousel in gallery 
   */     
  
  $j('#gallery_carousel').jcarousel({
        vertical: true,
        scroll: 1,
        initCallback: mycarousel_initCallback
  });
  
  /**
   * Jquery gallery magic
   */
   $j('#gallery_carousel a').click(function(){

    // Remove selected class from previous selected li
    $j('#gallery_carousel li').each(function(){
      $j(this).removeClass('gallery_carousel_selected');
    });
    
    // Add selected class   
    $j(this).parent().addClass('gallery_carousel_selected');

    var our_thumb_obj = $j(this).find('img');
      
    var src = $j(our_thumb_obj).attr('src');
    var alt = $j(our_thumb_obj).attr('alt');
    var title = $j(our_thumb_obj).attr('title');
    
    $j('#pic_src').attr('src', src);
    $j('#pic_src').attr('alt', alt);
    $j('#pic_src').attr('title', title);
    $j('#pic_src').parent().find('h4').html(alt);
    $j('.pic_inner').hide();
    $j('.pic_inner_wrapper').html(title);
    
    return false;
    
   });
   
  var pic_width = $j('.pic img').width();
  var pic_height = $j('.pic img').height();
  
  $j('.pic_inner').css({width: pic_width+'px', height: pic_height+'px'});      

  /**
   * Show - hide description
   */     
  $j('.gallery_info').click(function(){
  
    $j('.pic_inner').toggle('slow');
    
    return false;
  });
  
  $j('#gallery_carousel li:first').addClass('gallery_carousel_selected');
  
  /**
   * Next photo
   */
   $j('#photo_right').click(function(){
   
    var next_obj_pic = $j('.gallery_carousel_selected').find('img');
    var next_obj = $j('.gallery_carousel_selected');
    
    if($j(next_obj).next('li').next('li').length == 0)
    {
      $j('#photo_right').hide();
    }
    else
    {
      $j(next_obj).next('li').addClass('gallery_carousel_selected');
      $j(next_obj).removeClass('gallery_carousel_selected');
    }
    
    $j('#photo_left').show();
    
    var src = $j(next_obj_pic).parent().parent().next().find('img').attr('src');
    var alt = $j(next_obj_pic).parent().parent().next().find('img').attr('alt');
    var title = $j(next_obj_pic).attr('title');
    
    // New atributes
    $j('#pic_src').attr('src', src);
    $j('#pic_src').attr('alt', alt);
    $j('#pic_src').attr('title', title);
    $j('#pic_src').parent().find('h4').html(alt);
    $j('.pic_inner').hide();
    $j('.pic_inner_wrapper').html(title);
    
    return false;
   });
   
   // Next image after clicking on the picture
   $j('#pic_src').click(function(){
   
    var next_obj_pic = $j('.gallery_carousel_selected').find('img');
    var next_obj = $j('.gallery_carousel_selected');
    
    if($j(next_obj).next('li').next('li').length == 0)
    {
      $j('#photo_right').hide();
    }
    else if($j(next_obj).next('li').length == 0)
    {
      return false;
    }
    else
    {
      $j(next_obj).next('li').addClass('gallery_carousel_selected');
      $j(next_obj).removeClass('gallery_carousel_selected');
    }
    
    $j('#photo_left').show();
    
    var src = $j(next_obj_pic).parent().parent().next().find('img').attr('src');
    var alt = $j(next_obj_pic).parent().parent().next().find('img').attr('alt');
    var title = $j(next_obj_pic).attr('title');
    
    // New atributes
    $j('#pic_src').attr('src', src);
    $j('#pic_src').attr('alt', alt);
    $j('#pic_src').attr('title', title);
    $j('#pic_src').parent().find('h4').html(alt);
    $j('.pic_inner').hide();
    $j('.pic_inner_wrapper').html(title);
    
    return false;
   
   })     
   
   /**
    * Prev photo
    */
   $j('#photo_left').click(function(){
   
    var prev_obj_pic = $j('.gallery_carousel_selected').find('img');
    var prev_obj = $j('.gallery_carousel_selected');
    
    if($j(prev_obj).prev('li').prev('li').length == 0)
    {
      $j('#photo_left').hide();
    }
    else
    {
      $j(prev_obj).prev('li').addClass('gallery_carousel_selected');
      $j(prev_obj).removeClass('gallery_carousel_selected');
    }
    
    $j('#photo_right').show();
    
    var src = $j(prev_obj_pic).parent().parent().prev().find('img').attr('src');
    var alt = $j(prev_obj_pic).parent().parent().prev().find('img').attr('alt');
    var title = $j(prev_obj_pic).attr('title');
    
    // New atributes
    $j('#pic_src').attr('src', src);
    $j('#pic_src').attr('alt', alt);
    $j('#pic_src').attr('title', title);
    $j('#pic_src').parent().find('h4').html(alt);
    $j('.pic_inner').hide();
    $j('.pic_inner_wrapper').html(title);
    
    return false;
   });
   
   // Header subscribe stuff
   $j('#hang_email').click(function(){
    
    if($j('#email_newsletter').is(':hidden'))
    {
      $j('#email_newsletter').fadeIn('slow');
    }
    else
    {
      $j('#email_newsletter').fadeOut('slow');
    }
    
    //$j('#email').val('subscribe by email');  
    
    return false;
   });
   
   $j("#email_newsletter").bind( "clickoutside", function(event){
   
    $j(this).fadeOut('slow');
    
   });
   
   // text field magic
   $j("#email").attr("value", "subscribe by email");
		
		var text = "subscribe by email";
		
		$j("#email").focus(function() {
			$j(this).addClass("active");
			if($j(this).attr("value") == text) $j(this).attr("value", "");
		});
		
		$j("#email").blur(function() {
			$j(this).removeClass("active");
			if($j(this).attr("value") == "") $j(this).attr("value", text);
		});  
        
});

/**
 * Custom init callback
 */ 
function mycarousel_initCallback(carousel) {
    
    jQuery('#photo_right').bind('click', function() {
        carousel.next();
        return false;
    });
    
    jQuery('#photo_left').bind('click', function() {
        carousel.prev();
        return false;
    });
    
    jQuery('#pic_src').bind('click', function() {
        carousel.next();
        return false;
    });
    
   }