$(document).ready(function() {

if (!$.session("colors")) {
$("#barva").attr({href : "css/red.css"});
$("#barva-fix").attr({href : "css/iefix_red.css"});
$('#css-yellow').removeClass('active');
$('#css-red').addClass('active');
$('#css-blue').removeClass('active');
$('#css-green').removeClass('active');
$.session('colors','2');
}

// yellow
$("#css-yellow").click(function() {
$("#barva").attr({href : "css/yellow.css"});
$("#barva-fix").attr({href : "css/iefix_yellow.css"});
$('#css-yellow').addClass('active');
$('#css-red').removeClass('active');
$('#css-blue').removeClass('active');
$('#css-green').removeClass('active');
$.session('colors','1');
});
// yellow
$("#css-yellow").mouseover(function() {
$("#barva").attr({href : "css/yellow.css"});
$("#barva-fix").attr({href : "css/iefix_yellow.css"});
$('#css-yellow').addClass('active');
$('#css-red').removeClass('active');
$('#css-blue').removeClass('active');
$('#css-green').removeClass('active');
$.session('colors','1');
});

// red
$("#css-red").click(function() {
$("#barva").attr({href : "css/red.css"});
$("#barva-fix").attr({href : "css/iefix_red.css"});
$('#css-yellow').removeClass('active');
$('#css-red').addClass('active');
$('#css-blue').removeClass('active');
$('#css-green').removeClass('active');
$.session('colors','2');
});

// red
$("#css-red").mouseover(function() {
$("#barva").attr({href : "css/red.css"});
$("#barva-fix").attr({href : "css/iefix_red.css"});
$('#css-yellow').removeClass('active');
$('#css-red').addClass('active');
$('#css-blue').removeClass('active');
$('#css-green').removeClass('active');
$.session('colors','2');
});

// blue
$("#css-blue").click(function() {
$("#barva").attr({href : "css/blue.css"});
$("#barva-fix").attr({href : "css/iefix_blue.css"});
$('#css-yellow').removeClass('active');
$('#css-red').removeClass('active');
$('#css-blue').addClass('active');
$('#css-green').removeClass('active');
$.session('colors','3');
});

// blue
$("#css-blue").mouseover(function() {
$("#barva").attr({href : "css/blue.css"});
$("#barva-fix").attr({href : "css/iefix_blue.css"});
$('#css-yellow').removeClass('active');
$('#css-red').removeClass('active');
$('#css-blue').addClass('active');
$('#css-green').removeClass('active');
$.session('colors','3');
});

// green
$("#css-green").click(function() {
$("#barva").attr({href : "css/green.css"});
$("#barva-fix").attr({href : "css/iefix_green.css"});
$('#css-yellow').removeClass('active');
$('#css-red').removeClass('active');
$('#css-blue').removeClass('active');
$('#css-green').addClass('active');
$.session('colors','4');
});

// green
$("#css-green").mouseover(function() {
$("#barva").attr({href : "css/green.css"});
$("#barva-fix").attr({href : "css/iefix_green.css"});
$('#css-yellow').removeClass('active');
$('#css-red').removeClass('active');
$('#css-blue').removeClass('active');
$('#css-green').addClass('active');
$.session('colors','4');
});


});


if ($.session("colors")==1) {
  $("#barva").attr({href : "css/yellow.css"});
  $("#barva-fix").attr({href : "css/iefix_yellow.css"});
}
if ($.session("colors")==2) {
  $("#barva").attr({href : "css/red.css"});
  $("#barva-fix").attr({href : "css/iefix_red.css"});
}
if ($.session("colors")==3) {
  $("#barva").attr({href : "css/blue.css"});
  $("#barva-fix").attr({href : "css/iefix_blue.css"});
}
if ($.session("colors")==4) {
  $("#barva").attr({href : "css/green.css"});
  $("#barva-fix").attr({href : "css/iefix_green.css"});
}