$('head').append('<link rel="stylesheet" type="text/css" media="screen" href="/sys/styles/portfolio.css">');

$(".jcarousel-skin li img").css("cursor","pointer");

$(".portfolio-window").addClass("ie-panel");

$(".panel").append('<p class="hide-me">Back</p>');

// Simple fade in and out

$(".jcarousel-skin li").click(function() { var currentId = $(this).attr('id'); $("#copy").append('<div id="transparency"></div>'); $("#"+currentId+"-panel").fadeIn("slow"); });

// Crazy next / previous buttons

$("#ukerc-panel .panel").append('<p class="next next-trinity">Next</p>');
$("#trinity-panel .panel").append('<p class="previous previous-ukerc">Previous</p><p class="next next-hertfordshire">Next</p>');
$("#hertfordshire-panel .panel").append('<p class="previous previous-trinity">Previous</p><p class="next next-motorola">Next</p>');
$("#motorola-panel .panel").append('<p class="previous previous-hertfordshire">Previous</p><p class="next next-fan">Next</p>');
$("#fan-panel .panel").append('<p class="previous previous-motorola">Previous</p><p id="show-6" class="next next-mini">Next</p>');
$("#mini-panel .panel").append('<p id="back-1" class="previous previous-fan">Previous</p><p class="next next-banners">Next</p>');
$("#banners-panel .panel").append('<p class="previous previous-mini">Previous</p><p class="next next-samsung">Next</p>');
$("#samsung-panel .panel").append('<p class="previous previous-banners">Previous</p><p class="next next-oriel">Next</p>');
$("#oriel-panel .panel").append('<p class="previous previous-samsung">Previous</p><p class="next next-gbs">Next</p>');
$("#gbs-panel .panel").append('<p class="previous previous-oriel">Previous</p><p id="show-11" class="next next-intrac">Next</p>');
$("#intrac-panel .panel").append('<p id="back-6" class="previous previous-gbs">Previous</p><p class="next next-bmw">Next</p>');
$("#bmw-panel .panel").append('<p class="previous previous-intrac">Previous</p><p class="next next-hurco">Next</p>');
$("#hurco-panel .panel").append('<p class="previous previous-bmw">Previous</p><p class="next next-samsonite">Next</p>');
$("#samsonite-panel .panel").append('<p class="previous previous-hurco">Previous</p><p class="next next-symbol">Next</p>');
$("#symbol-panel .panel").append('<p class="previous previous-samsonite">Previous</p><p id="show-16" class="next next-linacre">Next</p>');
$("#linacre-panel .panel").append('<p id="back-11" class="previous previous-symbol">Previous</p><p class="next next-welcome">Next</p>');
$("#welcome-panel .panel").append('<p class="previous previous-linacre">Previous</p><p class="next next-sports">Next</p>');
$("#sports-panel .panel").append('<p class="previous previous-welcome">Previous</p><p class="next next-sgr">Next</p>');
$("#sgr-panel .panel").append('<p class="previous previous-sports">Previous</p><p class="next next-serco">Next</p>');
$("#serco-panel .panel").append('<p class="previous previous-sgr">Previous</p><p id="show-21" class="next next-website">Next</p>');
$("#website-panel .panel").append('<p id="back-16" class="previous previous-serco">Previous</p><p class="next next-personalised">Next</p>');
$("#personalised-panel .panel").append('<p class="previous previous-website">Previous</p>');

$(".previous-ukerc").click(function() { $("#trinity-panel").fadeOut("fast"); $("#ukerc-panel").fadeIn("slow"); });
$(".next-trinity,.previous-trinity").click(function() { $("#hertfordshire-panel,#ukerc-panel").fadeOut("fast"); $("#trinity-panel").fadeIn("slow"); });
$(".next-hertfordshire,.previous-hertfordshire").click(function() { $("#motorola-panel,#trinity-panel").fadeOut("fast"); $("#hertfordshire-panel").fadeIn("slow"); });
$(".next-motorola,.previous-motorola").click(function() { $("#fan-panel,#hertfordshire-panel").fadeOut("fast"); $("#motorola-panel").fadeIn("slow"); });
$(".next-fan,.previous-fan").click(function() { $("#motorola-panel,#mini-panel").fadeOut("fast"); $("#fan-panel").fadeIn("slow"); });
$(".next-mini,.previous-mini").click(function() { $("#fan-panel,#banners-panel").fadeOut("fast"); $("#mini-panel").fadeIn("slow"); });
$(".next-banners,.previous-banners").click(function() { $("#mini-panel,#samsung-panel").fadeOut("fast"); $("#banners-panel").fadeIn("slow"); });
$(".next-samsung,.previous-samsung").click(function() { $("#banners-panel,#oriel-panel").fadeOut("fast"); $("#samsung-panel").fadeIn("slow"); });
$(".next-oriel,.previous-oriel").click(function() { $("#samsung-panel,#gbs-panel").fadeOut("fast"); $("#oriel-panel").fadeIn("slow"); });
$(".next-gbs,.previous-gbs").click(function() { $("#oriel-panel,#intrac-panel").fadeOut("fast"); $("#gbs-panel").fadeIn("slow"); });
$(".next-intrac,.previous-intrac").click(function() { $("#gbs-panel,#bmw-panel").fadeOut("fast"); $("#intrac-panel").fadeIn("slow"); });
$(".next-bmw,.previous-bmw").click(function() { $("#intrac-panel,#hurco-panel").fadeOut("fast"); $("#bmw-panel").fadeIn("slow"); });
$(".next-hurco,.previous-hurco").click(function() { $("#bmw-panel,#samsonite-panel").fadeOut("fast"); $("#hurco-panel").fadeIn("slow"); });
$(".next-samsonite,.previous-samsonite").click(function() { $("#hurco-panel,#symbol-panel").fadeOut("fast"); $("#samsonite-panel").fadeIn("slow"); });
$(".next-symbol,.previous-symbol").click(function() { $("#samsonite-panel,#linacre-panel").fadeOut("fast"); $("#symbol-panel").fadeIn("slow"); });
$(".next-linacre,.previous-linacre").click(function() { $("#symbol-panel,#welcome-panel").fadeOut("fast"); $("#linacre-panel").fadeIn("slow"); });
$(".next-welcome,.previous-welcome").click(function() { $("#linacre-panel,#sports-panel").fadeOut("fast"); $("#welcome-panel").fadeIn("slow"); });
$(".next-sports,.previous-sports").click(function() { $("#welcome-panel,#sgr-panel").fadeOut("fast"); $("#sports-panel").fadeIn("slow"); });
$(".next-sgr,.previous-sgr").click(function() { $("#sports-panel,#serco-panel").fadeOut("fast"); $("#sgr-panel").fadeIn("slow"); });
$(".next-serco,.previous-serco").click(function() { $("#sgr-panel,#website-panel").fadeOut("fast"); $("#serco-panel").fadeIn("slow"); });
$(".next-website,.previous-website").click(function() { $("#serco-panel,#personalised-panel").fadeOut("fast"); $("#website-panel").fadeIn("slow"); });
$(".next-personalised").click(function() { $("#website-panel").fadeOut("fast"); $("#personalised-panel").fadeIn("slow"); });

$(".hide-me").click(function() { $("#transparency").remove(); $(".portfolio-window").fadeOut("slow"); });