/**
 * This script file contains all the common scripts / dynamic css script styling(which are the styling effects 
 * applied to different elements using jquery).
 * 
 * @author Hesham G
 */

 $(document).ready(
		function style_scripts() {
			
/* ---------------------------------- General Styling ---------------------------------------- */						

			// Styling of any normal link(With a class 'normal_link') :
				$( ".normal_link" ).css( "color", "blue" );
				$( ".normal_link" ).hover(
						function () {
			        $(this).css( {
								color: "red"
							} );
			      }, 
			      function () {
			        $(this).css( {
								color: "blue"
							} );
			      }
				)
				
			// Styling of links inside a blue div(With a class 'yellow_link') :
				$( ".yellow_link" ).css( "color", "yellow" );
				$( ".yellow_link" ).hover(
						function () {
			        $(this).css( {
								color: "orange"
							} );
			      }, 
			      function () {
			        $(this).css( {
								color: "yellow"
							} );
			      }
				)
				
			// When user hovers on a download file image replace it with another :
				$( ".download_file" ).hover(
					function () {
		        $(this).attr( "src", "images/download_file2.gif" );
		      }, 
		      function () {
		        $(this).attr( "src", "images/download_file1.gif" );;
		      }
				)
				
/* ------------------------------------ reviews.php ------------------------------------------ */						

			$( 'ul#review-id li' ).hover( 
				function mouse_over() {
					$( this ).find( "div" ).css( "border-color", "#8513CC" );
					$( this ).find( "h3" ).css( "background", "#8513CC" );
					//$( this ).find( "h3" ).css( "color", "#31287F" );
				}, 
				function mouse_out() {
					$( this ).find( "div" ).css( "border-color", "#31287F" );
					$( this ).find( "h3" ).css( "background", "#31287F" );
					//$( this ).find( "h3" ).css( "color", "#FFBD00" );
				}
			);
					
/* ---------------------------------------- End ---------------------------------------------- */	
					
		}
 )