$(function() {

	$('.award').hover(function(e) {
		var html = '<div id="next">';
		html +=    '<p>BBC MiPlayer</p>';
		html +=	   '<img src="Jpeg/D&AD.jpg" alt="BBC MiPlayer" />';
		html +=	   '<h2>The BBC MiPlayer enables users to share BBC content with their friends by integrating social networking tools into the existing BBC iPlayer.<br/><br/>Follow link to see more</h2>';
		html +=		'</div>';
						
		$('body').append(html).children('#next').hide().fadeIn(300);
		$('#next').css('top', e.pageY + -20).css('left', e.pageX + 20);
			
	}, function() {
		$('#next').remove();
	});
	
	$('.award').mousemove(function(e) {
		$('#next').css('top', e.pageY + -20).css('left', e.pageX + 20);
	});
});

$(function() {

	$('.ctrlaltshift').hover(function(e) {
		var html = '<div id="next">';
		html +=    '<p>Ctrl. Alt. Shift.</p>';
		html +=	   '<img src="Jpeg/Ctrl_Alt_Shift.jpg" alt="Ctrl Alt Sfift" />';
		html +=	   '<h2>To raise awareness of the issues Ctrl. Alt. Shift. deal with, I have posed provoking question on everyday items, forcing people into having an opinion.<br/><br/>Follow link to see more</h2>';
		html +=		'</div>';
						
		$('body').append(html).children('#next').hide().fadeIn(300);
		$('#next').css('top', e.pageY + -20).css('left', e.pageX + 20);
			
	}, function() {
		$('#next').remove();
	});
	
	$('.ctrlaltshift').mousemove(function(e) {
		$('#next').css('top', e.pageY + -20).css('left', e.pageX + 20);
	});
});

$(function() {

	$('.Bacardi').hover(function(e) {
		var html = '<div id="next">';
		html +=    '<p>Bacardi Flavoured Rum</p>';
		html +=	   '<img src="Jpeg/Bacardi.jpg" alt="Bacardi" />';
		html +=	   '<h2>The new bottle design for Bacardi Flavoured Rum reflects the attractive personality of the people that drink it. I have done this by printing the label onto magnetic film that covers the entire bottle, making it the most attractive thing in the room.<br/><br/>There is no external link for this project</h2>';
		html +=		'</div>';
						
		$('body').append(html).children('#next').hide().fadeIn(300);
		$('#next').css('top', e.pageY + -20).css('left', e.pageX + 20);
			
	}, function() {
		$('#next').remove();
	});
	
	$('.Bacardi').mousemove(function(e) {
		$('#next').css('top', e.pageY + -20).css('left', e.pageX + 20);
	});
});

$(function() {

	$('.Roses').hover(function(e) {
		var html = '<div id="next">';
		html +=    '<p>Stay-cation</p>';
		html +=	   '<img src="Jpeg/Stay_Cation.jpg" alt="Staycation" />';
		html +=	   '<h2>A weeklong direct-mail campaign that convinces people to stay in the U.K for their holidays.<br/><br/>There is no external link for this project</h2>';
		html +=		'</div>';
						
		$('body').append(html).children('#next').hide().fadeIn(300);
		$('#next').css('top', e.pageY + -20).css('left', e.pageX + 20);
			
	}, function() {
		$('#next').remove();
	});
	
	$('.Roses').mousemove(function(e) {
		$('#next').css('top', e.pageY + -20).css('left', e.pageX + 20);
	});
});

$(function() {

	$('.idPure').hover(function(e) {
		var html = '<div id="next">';
		html +=    '<p>idPure</p>';
		html +=	   '<img src="Jpeg/idPure.jpg" alt="idpure 22" />';
		html +=	   '<h2>Salmon magazine is featured in issue 22 of idPure. The Swiss magazine of graphic design and visual creation.<br/><br/>Follow link to see more</h2>';
		html +=		'</div>';
						
		$('body').append(html).children('#next').hide().fadeIn(300);
		$('#next').css('top', e.pageY + -20).css('left', e.pageX + 20);
			
	}, function() {
		$('#next').remove();
	});
	
	$('.idPure').mousemove(function(e) {
		$('#next').css('top', e.pageY + -20).css('left', e.pageX + 20);
	});
});

$(function() {

	$('.Annual2009').hover(function(e) {
		var html = '<div id="next">';
		html +=    '<p>YCN Annual 2009</p>';
		html +=	   '<img src="Jpeg/YCN_Annual.jpg" alt="YCN annual 2009" />';
		html +=	   '<h2>A showcase of emerging creative talent, specially commissioned work and new opportunities.<br/><br/>Follow link to see more</h2>';
		html +=		'</div>';
						
		$('body').append(html).children('#next').hide().fadeIn(300);
		$('#next').css('top', e.pageY + -20).css('left', e.pageX + 20);
			
	}, function() {
		$('#next').remove();
	});
	
	$('.Annual2009').mousemove(function(e) {
		$('#next').css('top', e.pageY + -20).css('left', e.pageX + 20);
	});
});

$(function() {

	$('.Things_1').hover(function(e) {
		var html = '<div id="next">';
		html +=    '<p>Things</p>';
		html +=	   '<img src="Jpeg/Things.jpg" alt="Things" />';
		html +=	   '<h2>Follow link to see more</h2>';
		html +=		'</div>';
						
		$('body').append(html).children('#next').hide().fadeIn(300);
		$('#next').css('top', e.pageY + -20).css('left', e.pageX + 20);
			
	}, function() {
		$('#next').remove();
	});
	
	$('.Things_1').mousemove(function(e) {
		$('#next').css('top', e.pageY + -20).css('left', e.pageX + 20);
	});
});



















$(document).ready(function() {
    $('.slideshow').cycle({
		speed:    0, 
    timeout:  2000
 });
});

$(document).ready(function() {
    $('.mani').cycle({
		speed:    0, 
    timeout:  250
 });
});



$(function(){
		   
		   $('p#portfolio').css('display', 'block');
		   
		   });
	
		$(function(){
		   
		   $('#b1').css('display', 'block');
		   
		   });
	
	$(function() {
    $("#navigation > p a").click(function() {
        var qu = $(this).attr("id");
        var an = "#" + qu.replace("q","a");
        $.scrollTo(an, {duration: 600, axis:"y"});
    });
	
});
	
		$(function() {
    $("#image_container a").click(function() {
        var qu = $(this).attr("id");
        var an = "#" + qu.replace("q","a");
        $.scrollTo(an, {duration: 600, axis:"y"});
    });
	
});


$(function() {
		   
		   $('.editorial').hover(function() {
				
				$('#arrow').fadeIn(300);
				
				});
		   
		   });

$(function() {
		   
		   $('#navigation').hover(function() {
				
				$('#arrow').fadeOut(300);
				
				});
		   
		   });


$(function() {
		   
		   $('#navigation').hover(function() {
				$('#image_container').fadeIn(300);
				$('#container').slideUp(300);
				
				});
				});




$(function() {
		   
		   $('#button').hover(function() {
				$('#container').slideDown(300);
				$('#image_container').fadeOut(300);
				
				});
				});


$(function() {
		   
		   $('.editorial').hover(function() {
				$('#image_container').fadeIn(300);
				$('#container').slideUp(300);
				
				});
				});


$(function() {
		   
		   $('.nav').click(function() {
				$('.hidden_1').slideUp(150);
				$('.hidden_2').slideUp(150);
				$('#button').css('display', 'block');
				
				});
				});

$(function() {
		   
		   $('.flat').click(function() {
				$('.hidden_2').slideUp(150).delay(1500);
				$('.hidden_1').slideDown(150).delay(1500);
				$('#button').css('display', 'block');
				
				
				});
				});

$(function() {
		   
		   $('.pro').click(function() {
				$('.hidden_1').slideUp(150).delay(1500);
				$('.hidden_2').slideDown(150).delay(1500);
				$('#button').css('display', 'block');
				
				});
				});


$(function() {
		   
		   $('.profile').click(function() {
				$('.hidden_1').slideUp(150).delay(1500);
				$('.hidden_2').slideUp(150).delay(1500);
				$('#button').css('display', 'none');
				
				});
				});


$(function() {
		   
		   $('.profile').click(function() {
				$('.hidden_1').slideUp(150).delay(1500);
				$('.hidden_2').slideUp(150).delay(1500);
				$('#button').css('display', 'none');
				
				});
				});


$(function() {
		   
		   $('.end').hover(function() {
				$('#button').css('display', 'none');
				
				});
				});

$(function() {
		   
		   $('.editorial').hover(function() {
				$('#button').css('display', 'block');
				
				});
				});




















$(function() {
		   
		   $('#a501').hover(function() {
				$('.button').css('display', 'none');
				$('#b1').css('display', 'block');
				
				$('.info').css('display', 'none');
				$('#1').css('display', 'block');
				});
		   });

$(function() {
		   
		   $('#a502').hover(function() {
				$('.button').css('display', 'none');
				$('#b2').css('display', 'block');
				
				$('.info').css('display', 'none');
				$('#2').css('display', 'block');
				});
		   });

$(function() {
		   
		   $('#a503').hover(function() {
				$('.button').css('display', 'none');
				$('#b3').css('display', 'block');
				
				$('.info').css('display', 'none');
				$('#3').css('display', 'block');
				});
		   });

$(function() {
		   
		   $('#a504').hover(function() {
				$('.button').css('display', 'none');
				$('#b4').css('display', 'block');
				
				$('.info').css('display', 'none');
				$('#4').css('display', 'block');
				});
		   });

$(function() {
		   
		   $('#a505').hover(function() {
				$('.button').css('display', 'none');
				$('#b5').css('display', 'block');
				
				$('.info').css('display', 'none');
				$('#5').css('display', 'block');
				});
		   });

$(function() {
		   
		   $('#a506').hover(function() {
				$('.button').css('display', 'none');
				$('#b6').css('display', 'block');
				
				$('.info').css('display', 'none');
				$('#6').css('display', 'block');
				});
		   });

$(function() {
		   
		   $('#a507').hover(function() {
				$('.button').css('display', 'none');
				$('#b7').css('display', 'block');
				
				$('.info').css('display', 'none');
				$('#7').css('display', 'block');
				});
		   });

$(function() {
		   
		   $('#a508').hover(function() {
				$('.button').css('display', 'none');
				$('#b8').css('display', 'block');
				
				$('.info').css('display', 'none');
				$('#8').css('display', 'block');
				});
		   });

$(function() {
		   
		   $('#a512').hover(function() {
				$('.button').css('display', 'none');
				$('#b12').css('display', 'block');
				
				$('.info').css('display', 'none');
				$('#12').css('display', 'block');
				});
		   });

$(function() {
		   
		   $('#a515').hover(function() {
				$('.button').css('display', 'none');
				$('#b15').css('display', 'block');
				
				$('.info').css('display', 'none');
				$('#15').css('display', 'block');
				});
		   });

$(function() {
		   
		   $('#a516').hover(function() {
				$('.button').css('display', 'none');
				$('#b16').css('display', 'block');
				
				$('.info').css('display', 'none');
				$('#16').css('display', 'block');
				});
		   });

$(function() {
		   
		   $('#a600').hover(function() {
				$('.button').css('display', 'none');
				
				$('.info').css('display', 'none');
				});
		   });


	$(function() {
		$(window).scroll(function() {
			$('#image_container').fadeIn(300);
				$('#container').slideUp(300);
				
				});
				});