function start(){
    if ($(".right_box").length) {
        $(".right_box").css({
            '-webkit-border-bottom-left-radius': '12px',
            '-webkit-border-bottom-right-radius': '12px',
            '-khtml-border-radius-bottomleft': '12px',
            '-khtml-border-radius-bottomright': '12px',
            '-moz-border-radius-bottomleft': '12px',
            '-moz-border-radius-bottomright': '12px',
            'border-bottom-left-radius': '12px',
            'border-bottom-right-radius': '12px'
        });
    }
    if ($(".box_top").length) {
        $(".box_top").css({
            '-webkit-border-radius': '12px',
            '-khtml-border-radius': '12px',
            '-moz-border-radius': '12px',
            'border-radius': '12px'
        });
    }
    if ($(".monitor_page").length) {
        $(".monitor_page").remove();
        for (site = 0; site <= page.length - 1; ++site) {
            $(".monitor_show").append('<img id="top_monitor_page" class="monitor_page" src="' + page[site] + '" alt="' + alt[site] + '">');
            $(".monitor_page").hide();
            $(".monitor_page:first").show().addClass("show");
        }
        setInterval("monitorshow();", 3000);
    }
    
    if ($("form").length) {
        $("input").example(function(){
            return $(this).attr('title');
        });
        $("textarea").example(function(){
            return "Wpisz treść...";
        });
    }
    
    if ($("#portfolio_view").length) {
        $(".portfolio_desc").append('<ul id="portfolio_list"></ul>');
        for (site = 0; site <= page.length - 1; ++site) {
            $("#portfolio_list").append('<li id="' + site + '"></li>')
        }
		$("#portfolio_list > #0").addClass("portfolio_active");
        $("#portfolio_list li").click(function(){
			$(".portfolio_active").removeClass("portfolio_active");
            clicked = this.id;
			$(this).addClass("portfolio_active");
            $("#portfolio_view").children().animate({
                "opacity": 0
            }, 100, function(){
                $(this).attr({
                    alt: alt[clicked],
                    src: page[clicked]
                });
            }).animate({
                "opacity": 1
            }, 400);
            $(".portfolio_desc > div").html(desc[clicked]);
            $(".box_top").css({
                    '-webkit-border-radius': '12px',
                    '-khtml-border-radius': '12px',
                    '-moz-border-radius': '12px',
                    'border-radius': '12px'
                });
        });
    }
    
    menupointer();
}

function menupointer(){
    var startposleft = $(".menu_active").position().left + $(".menu_active").parent().width() * .5 - 10;
    $("#list_menu").append('<div id="menupointer">&nbsp;</div>');
    $("#menupointer").css({
        "position": "absolute",
        "width": "20px",
        "height": "10px",
        "background": "url(presentation/menu_active.png)",
        "top": $(".menu_active").position().top + $(".menu_active").parent().height() - 10,
        "left": startposleft
    });
    // It's very rude
    if ($.browser.msie && $.browser.version == "6.0") {
        $("#menupointer").css({
            "background": "url(presentation/menu_active.gif) no-repeat"
        });
    }
    $(".menu_active").removeClass("menu_active");
    
    $("#list_menu a").mouseover(function(){
        var destination = $(this).position().left + $(this).parent().width() * .5 - 10;
        $("#menupointer").stop().animate({
            "left": destination
        }, 300);
    }).mouseout(function(){
        $("#menupointer").stop().animate({
            left: startposleft
        }, 200);
    });
    
}

function monitorshow(){
    var site = 0;
    while ($(".show").attr("src") != page[site]) {
        site++;
    }
    if (site == page.length - 1) {
        $(".monitor_page:last").fadeOut(200).removeClass("show");
        setTimeout(function(){
            $(".monitor_page:first").fadeIn(500).addClass("show");
        }, 10);
    }
    else {
        $(".monitor_page:eq(" + site + ")").fadeOut(200).removeClass("show");
        setTimeout(function(){
            $(".monitor_page:eq(" + (site + 1) + ")").fadeIn(500).addClass("show");
        }, 10);
    }
    
}

var page = ["pages/apartamentnawakacje.jpg", "pages/goniecinternetowy.jpg", "pages/eurotech.jpg", "pages/modernladylogo.jpg", "pages/poczekalnia.jpg", "pages/perfectpersonnel.jpg", "pages/lumenluks.jpg", "pages/bgop.jpg", "pages/elpol.jpg", "pages/malinowscy.jpg", "pages/studiosmaku.jpg", "pages/dabrowka.jpg", "pages/perno.jpg",];
var alt = ["Apartament na Wakacje", "Goniec Internetowy", "Euro-tech", "Modern Lady", "Poczekalnia", "Perfect Personnel", "Lumen-Luks", "Bal Gdyńskich Organizacji Pozarządowych", "ELPOL", "Malinowscy", "Studio Smaku", "Dom Seniora Dąbrówka", "PERNO"];
var desc = new Array();
desc[0] = '<h1>ApartamentNaWakacje.pl</h1><div class="box_top box_portfolio"><p>Oferta wynajmu apartamentów.</p><p>Wykorzystane technologie:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li></ul>';
desc[1] = '<h1>GoniecInternetowy.pl</h1><div class="box_top box_portfolio"><p>Portal internetowy oraz indentyfikacja wizualna</p><p>Wykorzystane technologie:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li><li>PHP</li><li>Wordpress</li></ul>';
desc[2] = '<h1>EuroTech.gdynia.pl</h1><div class="box_top box_portfolio"><p>Prezentacja firmy Euro-Tech</p><p>Wykorzystane technologie:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li><li>PHP</li></ul>';
desc[3] = '<h1>ModernLady.pl</h1><div class="box_top box_portfolio"><p>Identyfikacja wizualna oraz strona internetowa lokalu.</p><p>Wykorzystane technologie:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li><li>PHP</li></ul>';
desc[4] = '<h1>Poczekalnia.pl</h1><div class="box_top box_portfolio"><p>Oferta lokalu Poczekalnia</p><p>Wykorzystane technologie:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li><li>PHP</li></ul>';
desc[5] = '<h1>Perfect-Personnel.pl</h1><div class="box_top box_portfolio"><p>Identyfikacja wizualna oraz strona internetowa</p><p>Dodatkowo system zarządzania treścią oraz system ogłoszeń.</p><p>Wykorzystane technologie:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li><li>PHP</li></ul>';
desc[6] = '<h1>Lumen-Luks.pl</h1><div class="box_top box_portfolio"><p>Oferta firmy Lumen-Luks.</p><p>Wykorzystane technologie:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li><li>PHP</li></ul><p>Uwagi: dodatkowo wykonano pozycjonowanie serwisu.</p>';
desc[7] = '<h1>Pozarzadowe.pl/bal</h1><div class="box_top box_portfolio"><p>Strona Internetowa oraz identyfikacja wizualna.</p><p>Wykorzystane technologie:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li><li>PHP</li></ul>';
desc[8] = '<h1>Pozarzadowe.pl/bal</h1><div class="box_top box_portfolio"><p>Strona Internetowa oraz identyfikacja wizualna.</p><p>Wykorzystane technologie:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li><li>PHP</li></ul>';
desc[8] = '<h1>Elpol.info</h1><div class="box_top box_portfolio"><p>Prezentacja firmy Elpol oraz jej oferty.</p><p>Wykorzystane technologie:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li><li>PHP</li></ul><p>Uwagi: dodatkowo wykonana wewnętrzba aplikacja do zarządzania czasem.</p>';
desc[9] = '<h1>Malinowscy.com.pl</h1><div class="box_top box_portfolio"><p>Strona fotografów ślubnych.</p><p>Wykorzystane technologie:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li></ul>';
desc[10] = '<h1>StudioSmaku.pl</h1><div class="box_top box_portfolio"><p>Oferta bistro Studio Smaku.</p><p>Wykorzystane technologie:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li><li>PHP</li></ul>';
desc[11] = '<h1>Dabrowka.info.pl</h1><div class="box_top box_portfolio"><p>Prezentacja Domu Seniora "Dąbrówka".</p><p>Wykorzystane technologie:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li></ul><p>Uwagi: dodatkowo wykonano pozycjonowanie serwisu.</p>';
desc[12] = '<h1>Perno.pl</h1><div class="box_top box_portfolio"><p>Oferta firmy Perno.</p><p>Wykorzystane technologie:</p><ul><li>HTML</li><li>CSS</li><li>JavaScript</li></ul>';


$(document).ready(start);