$(document).ready
(
    function() {
    	// pngfix za ikone
    	$('ul.headerMenu').pngFix();
    	$('ul.userMenu').pngFix();
    	$('div.fileItemLeft').pngFix();
    	$('.rightAligned').pngFix();
    	// opacity za onaj velki username :)
    	//$('p.headerUsername').css('opacity', '0.5');


    	// Lijeve ikone, animacija i pojavljivanje opisa
    	$('li.headerIcon').hover
        (
            function() {

            	var descriptionText = $(this).children(':first').text();
            	var descriptionParagraph = '<p class="iconDescription">' + descriptionText + '</p>';
            	$('h1').after(descriptionParagraph);
            	$('p.iconDescription').fadeIn('fast');
            	$(this).animate(
                {
                	marginTop: '-7px'
                }), 1000, 'swing';

            },
            function() {
            	$('p.iconDescription').fadeOut('fast', function() { $(this).remove() });
            	$(this).animate(
                {
                	marginTop: '0px'
                }), 1000, 'swing'
            }
        )

    	// Desne ikone, animacija i pojavljivanje opisa
    	$('li.userMenuIcon').hover
        (
            function() {

            	var descriptionText = $(this).children(':first').text();
            	var descriptionParagraph = '<p class="userDescription">' + descriptionText + '</p>';
            	$('h1').after(descriptionParagraph);
            	$('p.userDescription').fadeIn('fast');
            	$(this).animate(
                {
                	marginTop: '-7px'
                }), 1000, 'swing';

            },
            function() {
            	$('p.userDescription').fadeOut('fast', function() { $(this).remove() });
            	$(this).animate(
                {
                	marginTop: '0px'
                }), 1000, 'swing'
            }
        )

    	// Umetanje | znakova na linkove u futeru
    	var a = $('.footer ul li');
    	for (i = 0; i < (a.length - 1); i++) {
    		var query = '.footer ul li:eq(' + i + ')';
    		$(query).append('|');
    	};



    	// Skrivanje i pokazivanje predmeta kod pretplata.
    	// Kategorije koje već imaju pretplate su automatski otvorene.
    	$('ul.folderTree li ul li ul').hide();
    	$('ul.folderTree li ul').hide();
    	$('ul.folderTree input').parent().parent().parent().toggleClass('inactive').parent().parent().toggleClass('inactive');
    	$('ul.folderTree input:checked').parent().parent().show().parent().toggleClass('inactive').toggleClass('active').parent().show().parent().toggleClass('inactive').toggleClass('active');
    	$('ul.folderTree h4').click(
	        function() {
	        	$(this).parent().toggleClass('active').toggleClass('inactive');
	        	$(this).next().slideToggle();
	        }
        );

    	// Pokazivanje i skrivanje contentsa tabova.
    	$('div[id^="tab"]').hide(); // Skrivanje cijelog sadržaja.

    	//ovako je bilo prije nove opcije
    	//$('div[id="tab1"]').show(); // Pokazivanje prvog taba.

    	$('div.folderSubfolders ul li a').each(
            function() {
            	var containsClass = $(this).parent().attr('class');
            	if (containsClass == 'active') {
            		var elementClass = $(this).attr('class');
            		var selectElement = '#' + elementClass;
            		$(selectElement).show();
            	}
            }
        );

    	//$('div.folderSubfolders ul li a[class="tab1"]').parent().attr('class','active');
    	$('div.folderSubfolders ul li a').click(
            function() {
            	var containsClass = $(this).parent().attr('class');
            	// Provjera nalazi li se korisnik već na aktivnom tabu
            	if (!(containsClass == 'active')) {
            		$('div.folderSubfolders ul li').attr('class', '');
            		$(this).parent().toggleClass('active');
            		// IE6/7 ne dobiju animacije jer su zločesti. -.-
            		//goran dodao za IE6
            		if ($.browser.msie && ($.browser.version == '6.0' || $.browser.version == '7.0')) {
            			$('div[id^="tab"]').hide();
            		} else {
            			$('div[id^="tab"]').slideUp('slow');
            		}
            		var elementClass = $(this).attr('class');
            		var selectElement = '#' + elementClass;
            		if ($.browser.msie && ($.browser.version == '6.0' || $.browser.version == '7.0')) {
            			$(selectElement).show();
            		} else {
            			$(selectElement).slideDown('slow');
            		}

            	}

            }
        );

    	//Zadnji element u svakom tabu ne treba imati donji border
    	var tabNum = $('div[id^="tab"]').length;
    	for (i = 1; i <= tabNum; i++) {
    		query = 'div[id="tab' + i + '"] div.fileItem:last';
    		$(query).css('border', 'none');
    	}

    	// Dohvaćanje rezolucije korisnika
    	var dataString = '<input id="dataUserResolution" name="dataUserResolution" type="hidden" value="';
    	var userData = [];
    	userData[0] = screen.width;
    	userData[1] = screen.height;
    	for (i = 0; i < userData.length; i++) {
    		dataString += userData[i] + ' ';
    	};
    	dataString += '" />';
    	$('div.hiddenData').append(dataString);

    	// Povećavanje desnog dijela ako je manji od lijevog
    	var menuHeight = $('div.mainMenu').height();
    	var contentHeight = ($('div.mainContent dl').height() + 57);
    	if (menuHeight > contentHeight) {
    		newHeight = (menuHeight - 83);
    		newHeightPx = newHeight + 'px';
    		$('div.mainContent dl dd').css('height', newHeightPx);
    		$('div.mainContent dl dd').css('min-height', newHeightPx);
    	}
    }

)