$("document").ready(function(){

   consider_href('null');
   
   $('#mainMenuLeft a, #logo').click(function(){
	   var href = $(this).attr('href'),
	   hrefLenght = href.length,
      hrefPos = href.indexOf("#"),
      hrefPage = href.slice(hrefPos+1);
      consider_href(hrefPage);
   });

   $('#facebookWrap').html('<iframe src="//www.facebook.com/plugins/like.php?app_id=217317584988223&amp;href=http%3A%2F%2Fwww.facebook.com%2Fmatejtomanphoto&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px; float: left; margin: 30px 0px 0px 0px;" allowTransparency="true"></iframe>');

});

function consider_href(request){
   var file = 'design.php';
   if (request == 'null'){
      request = 'design';
	   var href = $(location).attr('href'),
		   hrefLenght = href.length,
         hrefPos = href.indexOf("#"),
         hrefPage = href.slice(hrefPos+1);
      if (hrefPos == '-1'){
         file = 'design.php';
      }
      else{
      	if(hrefPage == 'design'){
           	request = 'design';
           	file = 'design.php';
         }
         if(hrefPage == 'photography'){
           	request = 'photography';
           	file = 'photography.php';
         }
         if(hrefPage == 'about-me'){
           	request = 'about-me';
           	file = 'about-me.php';
         }
         var test = hrefPage.split('-');
         if (test[0] == 'designInfo'){
            var id = test[1];
            request = 'opendesign';
            file = 'opendesign.php?id='+id
         }
      }
   }
   else{
      if (request == 'design'){ file = 'design.php'; }
      if (request == 'photography'){ file = 'photography.php'; }
      if (request == 'about-me'){ file = 'about-me.php'; }
   }

   $('#content').load('/pages/'+file, function(){
      
      if (request == 'photography'){
         $("#activeSipka").css('margin-top','20px');
         $("#middleTopHr").css('width','580px');
	      $("#photoList a").hover(
            function(){
               $('.over', this).stop(true,true).fadeIn(150);
            },
            function(){
               $('.over', this).stop(true,true).fadeOut(300);
         });
         $('#photoList a').fancybox({
            'transitionIn':'fade',
            'transitionOut':'fade',
            'speedIn':300, 
            'speedOut':300, 
            'overlayOpacity':0.9,
            'overlayColor':'#000000',
            'padding':0,
            'margin':20,
            'titleShow':true,
            'titlePosition':'over',
            'centerOnScroll':true
         });
      }
      
      if (request == 'design'){
         $("#activeSipka").css('margin-top','0px');
         $("#middleTopHr").css('width','550px');
	      $(".designKocka, .designKockaLast").hover(
            function(){
               $('.over', this).stop(true,true).fadeIn(150);
            },
            function(){
               $('.over', this).stop(true,true).fadeOut(300);
         });
         bind_sub_href();
      }
      
      if (request == 'opendesign'){
         $("#activeSipka").css('margin-top','0px');
         $("#middleTopHr").css('width','550px');
         bind_sub_href();
      }
      
      if (request == 'about-me'){
         $("#activeSipka").css('margin-top','53px');
         $("#middleTopHr").css('width','550px');
         bind_sub_href();
      }
      
   });
   
}

function bind_sub_href(){
   $('.openRightHrefNormal, .openRightHrefActive, .designKocka, .designKockaLast, .rightMenuHref, .nextTopClickable, .previousTopClickable').click(function(){
      $("#activeSipka").css('margin-top','0px');
      var id = $(this).attr('id').split('-');
      id = id[1];
      window.location.replace('#designInfo-'+id);
      $('#content').load('/pages/opendesign.php?id='+id, function(){
         bind_sub_href();
      });
   });
}