$.fn.getLeft = function(){
    var wW = parseInt($(window).width()) - 960;
    var contentW = parseInt($(this).width());
    var left = wW / 2;
    left += contentW +10;
    return left;
};
var global_left = $('#main').getLeft();
window.onload = function(){
  var content_left = $('#main').getLeft();
   $('#main').css({left: -content_left});
  $('#main').show();
  $(function(){$('#content').jScrollPane({showArrows:false, scrollbarWidth:20});});
    $('#main').delay(2500).animate({left:0}, {duration:1600, ease:'linear', complete:function(){
        $('#cbtn').css('background-image','url(images/larrow.png)');
        
    }}); 
};

$(document).ready(function() {
  
  // main navigation dropdown menus
  $('#main-nav ul li').hover(function(){
    if($(this).children("ul.sub_menu")){
      var sub_menu = $(this).children('#main-nav ul li ul.sub_menu');
      var sub_a = $(this).children('#main-nav ul li ul.sub_menu li a');
      sub_menu.stop(true, true).delay(150).slideDown(450);
    }
  },function(){
    if($(this).children("ul.sub_menu")){
      var sub_menu = $(this).children('ul.sub_menu');
      var sub_a = $(this).children('#main-nav ul li ul.submenu li a');
      
      sub_menu.stop(true, true).delay(150).slideUp(340);
    }
  });
  
  // slide footer
  $('#info-icon').toggle(function(){
    var _parent = $(this).parents('footer');
    
    var contentleft = $('#main').css('left');
    
    contentleft = parseInt(contentleft);
    
    if(contentleft == 0){
      $('#main').animate({left:-global_left}, {duration:700, ease:'linear', complete:function(){
        $('#cbtn').css('background-image','url(images/rarrow.png)');
      }});
    }
    _parent.delay(300).animate({bottom:0}, {duration:750, ease:'linear'});
    
  },function(){
    var _parent = $(this).parents('footer');
    _parent.delay(300).animate({bottom:-240}, {duration:750, ease:'linear'});
  });
  
  
  // Slide content
  $('#cbtn').toggle(function(){
   var content = $(this).parents('#main');
    var left =  content.getLeft();
   
   var nLeft = content.css('left');
   nLeft = parseInt(nLeft);
   
   if(nLeft == 0){
     content.delay(300).animate({left:-left}, {duration:900, ease:'linear', complete:function(){
        $('#cbtn').css('background-image','url(images/rarrow.png)');
         
      }});
   }
     
  },function(){
     var content = $(this).parents('#main');
    var footerb = $('footer').css('bottom');
    footerb = parseInt(footerb);
    if(footerb != 0){
      content.delay(300).animate({left:0}, {duration:900, ease:'linear', complete:function(){
        $('#cbtn').css('background-image','url(images/larrow.png)');
      }});
    }
    if(parseInt(content.css('left')) == 0){
         content.delay(300).animate({left:-left}, {duration:900, ease:'linear', complete:function(){
        $('#cbtn').css('background-image','url(images/rarrow.png)');
      }});
    }
    
  });
  
  $(window).resize(function(){
    var left =  $('#main').getLeft();
    var newleft = parseInt($('#main').css('left'));
    if(newleft != 0){
      $('#main').css('left', -left);
    }

  });
  
  // script to create lightbox images
    $('#main img.light-box-image').each(function(){
        var parenta = $(this).parent('a');
        if(parenta.size() > 0){
                $(this).parent('a').addClass('highslide').attr('onclick','return hs.expand(this)');
                $(this).wrap('<div class="light-box"></div>');
                
        }else{
                var imgurl = $(this).attr('src');
                var width = $(this).width();
                var height = $(this).height();
                
                $(this).wrap('<div class="light-box"><a class="highslide" href="'+imgurl+'" onclick="return hs.expand(this)"></a></div>');
        }
    });
}); // end of document