selected_image = 0;
winWidth = 0;
winHeight = 0;
viewportwidth = 0;
viewportheight = 0;

$(document).ready(function() {
    getWinWidth();
    getWinHeight();

    $('#imagesHolder div:gt('+selected_image+')').hide();
    
    $('#imageParser').hide();
    $('#slideContainer').hide();
    $('#slideBG').animate({opacity: .8},'fast');
    
     
    $('#next_image').click(function() {
        $('#imagesHolder div:not('+selected_image+')').hide();
        // $('#imagesHolder div:not('+selected_image+')').fadeOut('slow');
        $('#imagesHolder div:eq('+selected_image+')').fadeOut('slow',
                                    function() {
                                        selected_image++;
                                        if(selected_image >= $('#imagesHolder div').length) {
                                            selected_image = 0;
                                        }
                                        
                                        //$('#slideNavigator').fadeIn('slow');
                                        $('#imagesHolder div:eq('+selected_image+')').fadeIn('slow');
                                        
                                    
                                         centerImageToScreen();
                                    
 
                                    });
                                    
    }).show();
    
    
     $('#previous_image').click(function() {
        $('#imagesHolder div:not('+selected_image+')').hide();
        // $('#imagesHolder div:not('+selected_image+')').fadeOut('slow');
        
        $('#imagesHolder div:eq('+selected_image+')').fadeOut('slow',
                                    function() {
                                        selected_image--;
                                        //if(selected_image <= 0) {
                                        if(selected_image < 0) {
                                            selected_image = ($('#imagesHolder div').length)-1;
                                        }

                                        $('#slideNavigator').fadeIn('slow');
                                        $('#imagesHolder div:eq('+selected_image+')').fadeIn('slow');
                                        

                                         centerImageToScreen();

                                    });
      }).show();     
      
      
       $('#close_image').click(function() {
       
           $('#imagesHolder').fadeOut('slow', function(){
                    $('#slideNavigator').fadeOut('slow');
                    $('#slideContainer').fadeOut('slow');
                    $('#slideBG').fadeOut('slow');
                      });
      }).show();                           

});



function getWinWidth() {

    if (document.documentElement) 
    {
         winWidth = document.documentElement.offsetWidth;
     } else if (window.innerWidth && window.innerHeight) 
     {
        winWidth = window.innerWidth;
     }
     

}

function getWinHeight() {
   
    if (document.documentElement) 
    {
         winHeight = document.documentElement.offsetHeight;
     } else if (window.innerWidth && window.innerHeight) 
     {
        winHeight = window.innerHeight;
     }

}

function getviewPortSize(){

   // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
   
   if (typeof window.innerWidth != 'undefined')
   {
        viewportwidth = window.innerWidth,
        viewportheight = window.innerHeight
   }
   
  // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
  
   else if (typeof document.documentElement != 'undefined'
       && typeof document.documentElement.clientWidth !=
       'undefined' && document.documentElement.clientWidth != 0)
   {
         viewportwidth = document.documentElement.clientWidth,
         viewportheight = document.documentElement.clientHeight
   }
   
   // older versions of IE
   
   else
   {
         viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
         viewportheight = document.getElementsByTagName('body')[0].clientHeight
   }
 
}


function getImgLeft(img) {
     
    //alert(img.attr('src') + " " +  img.attr('width') + " " + img.attr('height')); 
    return ((winWidth/2)-(img.attr('width')/2));
     
}

function centerImageToScreen(){

      var currentImg = $('#imagesHolder div:eq('+selected_image+') img');
      
      //alert(currentImg.attr('src') + " " +  currentImg.attr('width') + " " + currentImg.attr('height')); 
      //var ratio = currentImg.attr('height')/600;
      //var newWidth = currentImg.attr('width')/ratio;
      
      //currentImg.attr({width:newWidth,height: 600});
      
      getWinWidth();
      getWinHeight();
      //getviewPortSize()
      var imgLeft = getImgLeft(currentImg); 
     
     /*alert("window width = " + winWidth + "; window height =" + winHeight + ";\n imgWidth=" + currentImg.attr('width') + "; imgHeight= " + currentImg.attr('height') + "; imgLeft = " + imgLeft + "; viewportwidth = " + viewportwidth + "; viewportheight = " + viewportheight + "; imgHeight = " + currentImg.attr('height') );
     
     var acceptedHeight = 600;
     
     if (currentImg.attr('height') > viewportheight) {
     
      var ratio = currentImg.attr('height')/(acceptedHeight - 100);
      var result = 1;
      result = currentImg.attr('width')/$ratio;
      currentImg.attr('width') = result;
     }*/
     
     
     //$('#slideBG').css("height",winHeight);
     $('#imagesHolder').css("left",imgLeft);
     
     if ( getBrowserType() == "Netscape")
     {
        $('#slideNavigator').css("left",imgLeft);
     }

}



function showImageParser(img){


      //prev_image = selected_image;
      selected_image = img-1;
      $('#imagesHolder div:not('+selected_image+')').hide();

      
      //var currentImg = $('#imagesHolder div:eq('+selected_image+') img');
      //alert(currentImg.attr('src') + " " +  currentImg.attr('width') + " " + currentImg.attr('height')); 
      

     
     //$('#imageParser').css({height:winHeight, width:winWidth});
      
      
      
      $('#slideBG').fadeIn('slow');
      $('#slideContainer').fadeIn('slow');
      
      $('#slideNavigator').fadeIn('slow');
      $('#imagesHolder').fadeIn('slow');
      
      
      $('#slideNavigator').css("text-align", "center");
      
      $('#imagesHolder div:eq('+selected_image+')').fadeIn('slow');
      centerImageToScreen();
}


function getBrowserType()
{
    //var browser=navigator.appName;
    //var b_version=navigator.appVersion;
    //var version=parseFloat(b_version);
    
    //alert(browser);
    return navigator.appName;
  
}