subs = new Array();
subs[0] = 'on';
subs[1] = 'off';
subs[2] = 'off';
subs[3] = 'off';
subs[4] = 'off';
subs[5] = 'off';
subs[6] = 'off';
subs[7] = 'off';
subs[8] = 'off';
subs[9] = 'off';
subs[10] = 'off';

function display(sid)
{
    for(var i=0; i<subs.length; i++)
    {
        if(subs[i]=='on')
       {
            document.getElementById('sub' + i).className='hide';
            subs[i]='off';
       }
    }
    
    if(subs[sid]=='off')
    {
        document.getElementById('sub' + sid).className='show';
        subs[sid]='on';
    }
}

$(function() {
	$("div#strona").addClass("active")
	$("div#strona").mouseover(function(){
		$("div#strona").addClass('active')
		$("div#media").removeClass('active')
		$("div#gts").removeClass('active')
		$("div#pozostale").removeClass('active')
		$("div#sstrona").show()
		$("div#smedia").hide()
		$("div#sgts").hide()
		$("div#spozostale").hide()
	})
	$("div#media").mouseover(function(){
		$("div#strona").removeClass('active')
		$("div#media").addClass('active')
		$("div#gts").removeClass('active')
		$("div#pozostale").removeClass('active')
		$("div#sstrona").hide()
		$("div#smedia").show()
		$("div#sgts").hide()
		$("div#spozostale").hide()
	})
	$("div#gts").mouseover(function(){
		$("div#strona").removeClass('active')
		$("div#media").removeClass('active')
		$("div#gts").addClass('active')
		$("div#pozostale").removeClass('active')
		$("div#sstrona").hide()
		$("div#smedia").hide()
		$("div#sgts").show()
		$("div#spozostale").hide()
	})
	$("div#pozostale").mouseover(function(){
		$("div#strona").removeClass('active')
		$("div#media").removeClass('active')
		$("div#gts").removeClass('active')
		$("div#pozostale").addClass('active')
		$("div#sstrona").hide()
		$("div#smedia").hide()
		$("div#sgts").hide()
		$("div#spozostale").show()
	})
});