/*
 * JS for books-details (show)
 */

jQuery(document).ready(function() {
	
  /* all divs with class zoom_image get the hover-callback */
	jQuery(".zoom_image").hover( over_zoom_image, out_zoom_image );
  
  /* the OK-button for the slider gets an hover-effect */
  jQuery(".slider_ok_button").hover( over_slider_ok_button, out_slider_ok_button );
	
	
	/* toggle the zoom-image on top of the book-image at hover-events */
	function over_zoom_image() {		
	  jQuery(this).addClass("hover");
	}	
	function out_zoom_image() {
		jQuery(this).removeClass("hover");
	}
  
  /* toggle the OK-button in slider-box at hover-events */
	function over_slider_ok_button() {		
	  jQuery(this).attr('src', '/images/buttons/bt_ok_over.gif');
	}	
	function out_slider_ok_button() {
		jQuery(this).attr('src', '/images/buttons/bt_ok_normal.gif');
	}
	      
  // show the slider box, init the slider with the given values if present and close the other box
  jQuery(".show_slider").click( function(){
    var score = Math.round(jQuery('#rated_image').text());
    jQuery(".rated").hide(),
    jQuery(".rate_now").hide(),    
    jQuery("#rate_slider").show(),
    jQuery('#main_slider_bar').slider("moveTo", score*10, '#slider2_handle');
		jQuery('#slider_callout').text(score);						    
  });
  
  // close the slider box and show the other present one
  jQuery(".close_slider").click( function(){    
    jQuery(".rated").show(),
    jQuery(".rate_now").show(),
    jQuery("#rate_slider").hide()
  } );

  // init the slider
  jQuery('#main_slider_bar').slider({
    range: true,
    min: 0,
    max: 101,
    steps: 101,
    startValue: jQuery('#rated_image').text(),
    
    slide: function(e, ui) {
       var val = Math.round(((ui.value)-1)/10);
       jQuery('#slider_callout').text(Math.round(val));
       jQuery('#rating_value').val(val); //hidden-field
    }
  });
	
  // init the other sliders
  jQuery('#slider_bar_humor').slider({
    range: false,
    min: 0,
    max: 100,
    steps: 101,
    startValue: jQuery('#review_humor').val(),
    
    slide: function(e, ui) {
       var val = Math.round(ui.value)/10;
       jQuery('#rating_humor').val(val); //hidden-field
    }
  });	
	
  jQuery('#slider_bar_suspense').slider({
    range: false,
    min: 0,
    max: 100,
    steps: 101,
    startValue: jQuery('#review_suspense').val(),
    
    slide: function(e, ui) {
       var val = Math.round(ui.value)/10;
       jQuery('#rating_suspense').val(val); //hidden-field
    }
  });	
	
  jQuery('#slider_bar_entertainment').slider({
    range: false,
    min: 0,
    max: 100,
    steps: 101,
    startValue: jQuery('#review_entertainment').val(),
    
    slide: function(e, ui) {
       var val = Math.round(ui.value)/10;
       jQuery('#rating_entertainment').val(val); //hidden-field
    }
  }); 	
  
  
  if (jQuery('#slider_box').length > 0) {
		
		  var val = "";
			var score = 0.0;
		
		  val = jQuery('#rating_value').val();
			if (val != "") {
	  	  score = Math.round(val*10);
	  	  jQuery('#main_slider_bar').slider("moveTo", score, '#slider2_handle');
				score = Math.round(val);
	  	  jQuery('#slider_callout').text(score);
	    }				
		
		  val = jQuery('#rating_entertainment').val();
			if (val != "") {
	  	  score = Math.round(val*10);
	  	  jQuery('#slider_bar_entertainment').slider("moveTo", score, '#slider4_handle');
	    }
			val = jQuery('#rating_humor').val();
			if (val != "") {
	  	  score = Math.round(val*10);
	  	  jQuery('#slider_bar_humor').slider("moveTo", score, '#slider6_handle');
	    }
			val = jQuery('#rating_suspense').val();
			if (val != "") {
	  	  score = Math.round(val*10);
	  	  jQuery('#slider_bar_suspense').slider("moveTo", score, '#slider8_handle');
	    }
  }	  
		
});