var pickedUpGallery = '';
var isIE7 = false;
if (navigator.appVersion.match('MSIE 8.0'))
    isIE7 = true;

$(document).ready(function() {

    var itemclicked = "false";
    $("#assomenu").hide();
    $("#assomenubtn").click(function() {
        $("#assomenu").slideToggle("fast");
    });
    $("#footerFake").hide(1200, function() {
        $(".loading").hide();
    });





    for (t = 0; t < 100; t++) {
        $('#gallery' + t + ' a').lightBox();

        $("a").jFade({
            trigger: "mouseover",
            property: 'color',
            start: 'ffc000',
            end: 'd576d8',
            steps: 12,
            duration: 12
        }).jFade({
            trigger: "mouseout",
            property: 'color',
            start: '9ad226',
            end: 'FFFFFF',
            steps: 12,
            duration: 12
        });

    }


   
    for (u = 1; u < 100; u++) {
        if (isIE7) {
            $("#SectionClose" + u).mousedown(function() {

                var clicked = $(this).attr('id');
                //add here destruction of opened gallery
                clearAllGalleries();
                if (itemclicked == "true") {
                    itemclicked = "false";
                    for (l = 0; l < 100; l++) {
                        $("#project" + l + "content").slideUp(200);
                        $("#fakediv").hide(200, function() {
                            $("#project" + l + "open").animate({ width: '1' }, 200);
                            $("#project" + l).removeClass("picked");

                        });
                    }

                    $("#fakediv").show(600, function() {
                        for (t = 0; t < 100; t++) {
                            $("#project" + t + " a").animate({ opacity: 1.0 }, 400)
                            $("#project" + t + " a").removeClass("picked");

                        }
                        $("#fakediv").hide(0);
                    });
                }

            });
        }
        else {
            $("#SectionClose" + u).click(function() {

                var clicked = $(this).attr('id');
                //add here destruction of opened gallery
                clearAllGalleries();
                if (itemclicked == "true") {
                    itemclicked = "false";
                    for (l = 0; l < 100; l++) {
                        $("#project" + l + "content").slideUp(200);
                        $("#fakediv").hide(200, function() {
                            $("#project" + l + "open").animate({ width: '1' }, 200);
                            $("#project" + l).removeClass("picked");

                        });
                    }

                    $("#fakediv").show(600, function() {
                        for (t = 0; t < 100; t++) {
                            $("#project" + t + " a").animate({ opacity: 1.0 }, 400)
                            $("#project" + t + " a").removeClass("picked");

                        }
                        $("#fakediv").hide(0);
                    });
                }

            });
        }
    }


    $("#info").hide(0);
    $("#infoBtn").click(function() {
        $("#info").slideToggle(200);
    });


    $("#services").hide(0);
    $("#servicesBtn").click(function() {
        $("#services").slideToggle(200);
    });


    $("#allNews").hide(0);
    $("#allNewsBtn").click(function() {
        $("#allNews").slideToggle(200);
    });


    theDiv = "none";

    for (u = 1; u < 100; u++) {

        $("#project" + u + "open").animate({ height: '40' });
        $("#project" + u + "open").animate({ width: '1', opacity: '0' });
        $("#project" + u + "content").hide(0);

        $("#project" + u).click(function() {

            itemclicked = "true";



            var pressed = "#" + this.id;

            if ($(pressed + " a").attr('class') != "picked") {

                //open $.blockUI
                $.blockUI({
                    centerY: 0,
                    overlayCSS: { backgroundColor: 'pink' },
                    message: $('#loader'),
                    css: {
                        border: 'none',
                        backgroundColor: 'green',
                        '-webkit-border-radius': '3px',
                        '-moz-border-radius': '3px',
                        top: '25px', left: 'auto', right: '25px', width: '40px', height: '40px'
                    }
                });
                //close $.blockUI

                setTimeout($.unblockUI, 2000);

                for (e = 0; e < 100; e++) {
                    $("#project" + e + " a").removeClass("picked");
                }

                $("#fakediv").hide(0);

                //open if (theDiv != "none")
                if (theDiv != "none") {

                    $(theDiv + "container").hide(0); //hide old FLV div.
                    $(theDiv + "content").slideUp(200);

                    $("#fakediv").hide(600, function() {
                        $(theDiv + "open").animate({ opacity: '0' }, 200);
                        $(theDiv + "open").animate({ width: '1' }, 300);
                        $(theDiv).removeClass("picked");
                        $("#fakediv").hide(0);

                    });

                }
                //close if (theDiv != "none")

                theDiv = "#" + this.id;
                theDivId = this.id;
                theId = this;

                $(theDiv + "container").hide(); //hide FLV div.
                $(theDiv + " a").addClass("picked");

                //open $("#fakediv")
                $("#fakediv").slideUp(0, function() {
                    $(theDiv + "open").animate({ opacity: '100' }, 1);

                    $("#fakediv").show(600, function() {

                        var pos = $(theId).offset();
                        //	theWidth = $(document).width() - pos.left - $(theId).width() - 45;
                        theWidth = 1000 - pos.left - $(theId).width();

                        $(theDiv + "open").animate({ width: "" + theWidth + "" }, 300);

                        $("#fakediv").hide(600, function() {

                            $(theDiv + "content").slideDown(300);

                            $("#fakediv").show(600, function() {
                                $(theDiv + "container").show(0);
                                $("#fakediv").hide();

                                // alert($(theDiv+"open").attr('class'));
                                if ($(theDiv + "open").attr('class') != "unfloat") {


                                    var movie = $(theDiv + "open").attr('class');

                                    /* var s1 = new SWFObject("lib/player/player.swf","ply","512","288","9","#000000");
                                    s1.addParam("allowfullscreen","true");
                                    s1.addParam("allowscriptaccess","always");
                                    s1.addParam("flashvars","file=content/video/"+movie.substr(8)+".flv&controlbar=none&image=content/video-images/"+movie.substr(8)+".png");
                                    s1.write(theDivId+"container"); */

                                }
                            });
                        });
                    });
                });

                createGallery(this.id);
            }

        });

    }



});         /* #document.ready */


	/* SCROLLABLE SETUP */


    function prepareScrollables() {

        $(".main").scrollable({ vertical: true, size: 1, clickable: false, keyboard: 'static',
            onSeek: function(event, i) {
                horizontal.scrollable(i).focus();
            }
        }).navigator(".main_navi");

        var horizontal = $(".scrollable").scrollable({ size: 1 }).navigator(".navi");
        horizontal.eq(0).scrollable().focus();

    }
 

	/* GETTING IMAGES FROM TUMBLR */


    function PhotoGallery(containerId, TagName, isLast) {
        $.getJSON("http://petermaslov.tumblr.com/api/read/json?tagged=" +TagName+ "&callback=?",
      function(data) {
     
          $.each(data.posts, function(i, posts) {
              var url = this.url;
              var caption = this["photo-caption"];
              var photo = this["photo-url-500"];
              var hires = this["photo-url-1280"];
                   $('#' + containerId).append('<div class="item"><img src="' + photo + '"><div class="photo-caption">' + caption + '</div><div class="highres-link"><a href="' + hires + '">High-res</a> &#8594;</div></div>');
          });
                if (isLast)
                    { prepareScrollables(); }
            });
    }


	/* NEWS SECTION */

    function News(containerId, TagName) {
        $.getJSON("http://petermaslov.tumblr.com/api/read/json?tagged=News&callback=?",
      function(data) {
     
          $.each(data.posts, function(i, posts) {
              var url = this.url;
              var date = this["date"];
              var caption = this["photo-caption"];
              var photo = this["photo-url-500"];
     
              $('#' + containerId).append('<div class="newsbox"><img src="' + photo +'" width="500" border="0"></div><div class="newsboxEven"><span class="newsTitle">' + caption + '</span><br><span class="timestamp">' + date + '</span></div>');
          });
                
            });
    }

    var galleryCollection = new Array('gallery9', 'gallery7', 'gallery6', 'gallery5', 'gallery31', 'gallery32', 'gallery33', 'gallery34', 'gallery35');
    var activeGallery = '';
    function clearAllGalleries() {
        if (activeGallery.length>0)
        $('#' + activeGallery).empty();
        
        //for (var gallery = 0; gallery <= galleryCollection.length - 1; gallery++) {
        //    $('#'+galleryCollection[gallery]).empty();
        //}
        //for (var gallery = 0; gallery <= galleryCollection.length - 1; gallery++) {
        //    document.getElementById(galleryCollection[gallery]).innerHTML = '';
            //$(galleryCollection[gallery]).empty();
        //}
        //for (var i = 1; i <= 50; i++) {
        //    $('#gallery' + i).empty();
        //}
    }

	/* D-DOJO */
    function createGallery(galleryName) {
       
        if (galleryName == 'project9')
            createGallery9();
        else if (galleryName == 'project7') {
        createGallery7();
    }
    else if (galleryName == 'project6') {
        createGallery6();
    }
    else if (galleryName == 'project5') {
        createGallery5();
    }
    else if (galleryName == 'project31') {
        createGallery31();
    }
    else if (galleryName == 'project32') {
        createGallery32();
    }
    else if (galleryName == 'project33') {
        createGallery33();
    }
    else if (galleryName == 'project34') {
        createGallery34();
    }
    else if (galleryName == 'project35') {
        createGallery35();
    }
    }

    
    function createGallery9() {
        clearAllGalleries();
        $('#gallery9').append('<ul id="ul9" class="main_navi"><!-- #1 --><li><div class="subNavItemActive" id="d91"></div><div class="subNavItem" id="91"><b>Website</b></div></li><!-- #2 --><li><div class="subNavItemOff" id="d92"></div><div class="subNavItem" id="92"><b>Photography</b></div></li><!-- #3 --><li><div class="subNavItemOff"  id="d93"></div><div class="subNavItem" id="93"><b>Promo</b></div></li></ul>');
        $('#gallery9').append('<div id="main9" class="main"><div id="pages"><!-- #1 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="ddojo1"><!-- item  --></div></div></div></div><!-- #2 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="ddojo2"><!-- item  --></div></div></div></div><!-- #3 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="ddojo3"><!-- item  --></div></div></div></div></div></div>');
        PhotoGallery("ddojo1", "ddojoproject", false);
        PhotoGallery("ddojo2", "ddojophoto", false);
        PhotoGallery("ddojo3", "ddojopromo", true);

        $("div.subNavItem").mouseover(function() {
            if ($('#d' + this.id).attr('class')!='subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'On');
        }).mouseout(function() {
            if ($('#d' + this.id).attr('class') != 'subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'Off');
        });
 
        $("div.subNavItem").mousedown(function() {
            $('div.subNavItemActive').removeClass().addClass('subNavItemOff');
            $('#d' + this.id).removeClass().addClass(this.className + 'Active');
        });

        activeGallery = 'gallery9';
    }


	/* Gallery 08 for Adsminder temporary disabled */


    function createGallery7() {
        clearAllGalleries();
        $('#gallery7').append('<ul id="ul7" class="main_navi"><!-- #4 --><li><div class="subNavItemActive" id="d74"></div><div class="subNavItem" id="74"><b>Website & Logo</b></div></li><!-- #3 --><li><div class="subNavItemOff" id="d73"></div><div class="subNavItem" id="73"><b>Presentation</b></div></li><!-- #2 --><li><div class="subNavItemOff" id="d72"></div><div class="subNavItem" id="72"><b>Product photography</b></div></li><!-- #1 --><li><div class="subNavItemOff" id="d71"></div><div class="subNavItem" id="71"><b>Promo shots</b></div></li></ul>');
        $('#gallery7').append('<div id="main6" class="main"><div id="pages"><!-- #4 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="nyrooster4"><!-- item  --></div></div></div></div><!-- #3 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="nyrooster3"><!-- item  --></div></div></div></div><!-- #2 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="nyrooster2"><!-- item  --></div></div></div></div><!-- #1 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="nyrooster1"><!-- item  --></div></div></div></div></div></div>');
        PhotoGallery("nyrooster4", "nyroosterproject", false);
        PhotoGallery("nyrooster3", "nyroosterpresentation", false);
        PhotoGallery("nyrooster2", "nyroosterproduct", false);
        PhotoGallery("nyrooster1", "nyroosterpromo", true);

        $("div.subNavItem").mouseover(function() {
            if ($('#d' + this.id).attr('class')!='subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'On');
        }).mouseout(function() {
            if ($('#d' + this.id).attr('class') != 'subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'Off');
        });
 
        $("div.subNavItem").mousedown(function() {
            $('div.subNavItemActive').removeClass().addClass('subNavItemOff');
            $('#d' + this.id).removeClass().addClass(this.className + 'Active');
        });
        activeGallery = 'gallery7';
    }

	/* UNVOGUE */

    function createGallery6() {
        clearAllGalleries();
        $('#gallery6').append('<ul id="ul6" class="main_navi"><!-- #3 --><li><div class="subNavItemActive" id="d63"></div><div class="subNavItem" id="63"><b>Cover designs</b></div></li><!-- #2 --><li><div class="subNavItemOff"  id="d62"></div><div class="subNavItem"  id="62"><b>Page layouts</b></div></li><!-- #1 --><li><div class="subNavItemOff" id="d61"></div><div class="subNavItem" id="61"><b>Photography</b></div></li></ul>');
        $('#gallery6').append('<div id="main6" class="main"><div id="pages"><!-- #3 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="unvogue3"><!-- item  --></div></div></div></div><!-- #2 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="unvogue2"><!-- item  --></div></div></div></div><!-- #1 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="unvogue1"><!-- item  --></div></div></div></div></div></div>');
        PhotoGallery("unvogue3", "unvoguecover", false);
        PhotoGallery("unvogue2", "unvoguelayout", false);
        PhotoGallery("unvogue1", "unvoguephoto", true);

        $("div.subNavItem").mouseover(function() {
            if ($('#d' + this.id).attr('class')!='subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'On');
        }).mouseout(function() {
            if ($('#d' + this.id).attr('class') != 'subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'Off');
        });
 
        $("div.subNavItem").mousedown(function() {
            $('div.subNavItemActive').removeClass().addClass('subNavItemOff');
            $('#d' + this.id).removeClass().addClass(this.className + 'Active');
        });

        activeGallery = 'gallery6';
    }


	/* RUSSIAN DVD */

    function createGallery5() {
        clearAllGalleries();
        $('#gallery5').append('<ul id="ul5" class="main_navi"><!-- #2 --><li><div class="subNavItemActive"  id="d52"></div><div class="subNavItem"  id="52"><b>Design</b></div></li><!-- #1 --><li><div class="subNavItemOff" id="d51"></div><div class="subNavItem" id="51"><b>Art-direction</b></div></li></ul>');
        $('#gallery5').append('<div id="main6" class="main"><div id="pages"><!-- #2 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="russiandvd2"><!-- item  --></div></div></div></div><!-- #1 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="russiandvd1"><!-- item  --></div></div></div></div></div></div>');
        PhotoGallery("russiandvd2", "russiandvdwebsite", false);
        PhotoGallery("russiandvd1", "russiandvdicons", true);

        $("div.subNavItem").mouseover(function() {
            if ($('#d' + this.id).attr('class')!='subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'On');
        }).mouseout(function() {
            if ($('#d' + this.id).attr('class') != 'subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'Off');
        });
 
        $("div.subNavItem").mousedown(function() {
            $('div.subNavItemActive').removeClass().addClass('subNavItemOff');
            $('#d' + this.id).removeClass().addClass(this.className + 'Active');
        });
        activeGallery = 'gallery5';

    }

	/* COMMERCIAL */

    function createGallery31() {
        clearAllGalleries();
        $('#gallery31').append('<ul id="ul31" class="main_navi"><!-- #3 --><li><div class="subNavItemActive" id="d33"></div><div class="subNavItem" id="33"><b>D-Dojo</b><br />Photo series for the school of Modern Japanese Karate</div></li><!-- #2 --><li><div class="subNavItemOff" id="d32"></div><div class="subNavItem" id="32"><b>NY Rooster</b><br />Product photography and promo shots for new revolutionary multifunctional bag</div></li><!-- #1 --><li><div class="subNavItemOff" id="d31"></div><div class="subNavItem" id="31"><b>Phillip Novoa</b><br />Fashion shoot for designer\'s collection</div></li></ul>');
        $('#gallery31').append('<div id="main31" class="main"><div id="pages"><!-- #3 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Commercial3"><!-- item  --></div></div></div></div><!-- #2 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Commercial2"><!-- item  --></div></div></div></div><!-- #1 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Commercial1"><!-- item  --></div></div></div></div></div></div>');
        PhotoGallery("Commercial3", "ddojophoto", false);
        PhotoGallery("Commercial2", "nyroosterphoto", false);
        PhotoGallery("Commercial1", "novoa", true);

        $("div.subNavItem").mouseover(function() {
            if ($('#d' + this.id).attr('class')!='subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'On');
        }).mouseout(function() {
            if ($('#d' + this.id).attr('class') != 'subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'Off');
        });
 
        $("div.subNavItem").mousedown(function() {
            $('div.subNavItemActive').removeClass().addClass('subNavItemOff');
            $('#d' + this.id).removeClass().addClass(this.className + 'Active');
        });
        activeGallery = 'gallery31';
    }

	/* PERSONAL */

    function createGallery32() {
        clearAllGalleries();
        $('#gallery32').append('<ul id="ul32" class="main_navi"><!-- #1 --><li><div class="subNavItemOff" id="d31"></div><div class="subNavItem" id="31"><b>Various portraits</b><br /></div></li><!-- #2 --><li><div class="subNavItemOff" id="d32"></div><div class="subNavItem" id="32"><b>Jacqueline</b><br /></div></li><!-- #3 --><li><div class="subNavItemOff" id="d33"></div><div class="subNavItem" id="33"><b>Anna Petrova</b>&nbsp;<sup style="color: #ff369e;">New!</sup><br /></div></li><!-- #4 --><li><div class="subNavItemOff" id="d34"></div><div class="subNavItem" id="34"><b>3 Dancers</b>&nbsp;<sup style="color: #ff369e;">New!</sup><br /></div></li></ul>');
        $('#gallery32').append('<div id="main32" class="main"><div id="pages"><!-- #1 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Personal1"></div></div></div></div><!-- #2 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Personal2"></div></div></div></div><!-- #3 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Personal3"></div></div></div></div><!-- #4 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Personal4"></div></div></div></div></div></div>');
        PhotoGallery("Personal1", "portrait", true);
        PhotoGallery("Personal2", "jacqueline", true);
        PhotoGallery("Personal3", "annapetrova", true);
        PhotoGallery("Personal4", "3dancers", true);

        $("div.subNavItem").mouseover(function() {
            if ($('#d' + this.id).attr('class')!='subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'On');
        }).mouseout(function() {
            if ($('#d' + this.id).attr('class') != 'subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'Off');
        });
 
        $("div.subNavItem").mousedown(function() {
            $('div.subNavItemActive').removeClass().addClass('subNavItemOff');
            $('#d' + this.id).removeClass().addClass(this.className + 'Active');
        });
        activeGallery = 'gallery32';
    }

	/* FASHION */

    function createGallery33() {
        clearAllGalleries();
        $('#gallery33').append('<ul id="ul33" class="main_navi"><!-- #4 --><li><div class="subNavItemActive" id="d34"></div><div class="subNavItem" id="34"><b>Popular Colors</b><br />Unvogue Green Issue (#3)</div></li><!-- #3 --><li><div class="subNavItemOff" id="d33"></div><div class="subNavItem" id="33"><b>Born Natural</b><br />Unvogue Green Issue (#3)</div></li><!-- #2 --><li><div class="subNavItemOff" id="d32"></div><div class="subNavItem" id="32"><b>Belt It!</b><br />Unvogue Pink Issue (#2)<br></div></li><!-- #1 --><li><div class="subNavItemOff" id="d31"></div><div class="subNavItem" id="31"><b>No Rules</b><br />Unvogue Golden Issue (#1)</div></li></ul>');
        $('#gallery33').append('<div id="main33" class="main"><div id="pages"><!-- #4 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Fashion4"></div></div></div></div><!-- #3 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Fashion3"></div></div></div></div><!-- #2 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Fashion2"></div></div></div></div><!-- #1 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Fashion1"></div></div></div></div></div></div>');
        PhotoGallery("Fashion4", "popularcolors", false);
        PhotoGallery("Fashion3", "bornnatural", false);
        PhotoGallery("Fashion2", "beltit", false);
        PhotoGallery("Fashion1", "norules", true);

        $("div.subNavItem").mouseover(function() {
            if ($('#d' + this.id).attr('class')!='subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'On');
        }).mouseout(function() {
            if ($('#d' + this.id).attr('class') != 'subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'Off');
        });
 
        $("div.subNavItem").mousedown(function() {
            $('div.subNavItemActive').removeClass().addClass('subNavItemOff');
            $('#d' + this.id).removeClass().addClass(this.className + 'Active');
        });
        activeGallery = 'gallery33';
    }

	/* MUSIC */

    function createGallery34() {
        clearAllGalleries();
        $('#gallery34').append('<ul id="ul34" class="main_navi"><!-- #4 --><li><div class="subNavItemActive" id="d34"></div><div class="subNavItem" id="34"><b>Michal Towber</b><br />EMMY-winning singer/songwriter/musician</div></li><!-- #3 --><li><div class="subNavItemOff" id="d33"></div><div class="subNavItem" id="33"><b>G-Matik</b><br />Album cover and promo shots for solo guitarist Andrey Skorokhodov</div></li><!-- #2 --><li><div class="subNavItemOff" id="d32"></div><div class="subNavItem" id="32"><b>Mo\'J</b><br />Album cover and promo shots for R\'n\'B duo<br></div></li><!-- #1 --><li><div class="subNavItemOff" id="d31"></div><div class="subNavItem" id="31"><b>The Oskar</b><br />Promo series for one of the most controversial russian musicians</div></li></ul>');
        $('#gallery34').append('<div id="main34" class="main"><div id="pages"><!-- #4 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Music4"></div></div></div></div><!-- #3 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Music3"></div></div></div></div><!-- #2 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Music2"></div></div></div></div><!-- #1 --><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Music1"></div></div></div></div></div></div>');
        PhotoGallery("Music4", "michal", false);
        PhotoGallery("Music3", "gmatik", false);
        PhotoGallery("Music2", "moj", false);
        PhotoGallery("Music1", "theoskar", true);

        $("div.subNavItem").mouseover(function() {
            if ($('#d' + this.id).attr('class')!='subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'On');
        }).mouseout(function() {
            if ($('#d' + this.id).attr('class') != 'subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'Off');
        });
 
        $("div.subNavItem").mousedown(function() {
            $('div.subNavItemActive').removeClass().addClass('subNavItemOff');
            $('#d' + this.id).removeClass().addClass(this.className + 'Active');
        });
        activeGallery = 'gallery34';
    }

	/* PLACES */

    function createGallery35() {
        clearAllGalleries();
        $('#gallery35').append('<ul id="ul35" class="main_navi"><!-- #2 --><li><div class="subNavItemActive" id="d32"></div><div class="subNavItem" id="32"><b>New York</b><br />Constantly updating collection of most memorable spots and moments in the City</div></li><!-- #1 --><li><div class="subNavItemOff" id="d31"></div><div class="subNavItem" id="31"><b>UK</b><br />Few shots from the trip to England and Wales in 2003</div></li></ul>');
        $('#gallery35').append('<div id="main35" class="main"><div id="pages"><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Places2"></div></div></div></div><div class="page"><div><div class="navi"></div><div class="scrollable"><div class="items" id="Places1"></div></div></div></div></div></div>');
        PhotoGallery("Places2", "newyork", false);
        PhotoGallery("Places1", "uk", true);

        $("div.subNavItem").mouseover(function() {
            if ($('#d' + this.id).attr('class')!='subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'On');
        }).mouseout(function() {
            if ($('#d' + this.id).attr('class') != 'subNavItemActive')
                $('#d' + this.id).removeClass().addClass(this.className + 'Off');
        });
 
        $("div.subNavItem").mousedown(function() {
            $('div.subNavItemActive').removeClass().addClass('subNavItemOff');
            $('#d' + this.id).removeClass().addClass(this.className + 'Active');
        });
        activeGallery = 'gallery35';
    }

        News("News", "News");