$(document).ready(function(){
  //var currentPosition = 0;
  var slideWidth = 560;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  $(".modal").attr("href",'#');

  $('#slidesContainer').css('overflow', 'hidden');

  slides.wrapAll('<div id="slideInner"></div>').css({
    'float' : 'left',
    'width' : slideWidth
  });

  $('#slideInner').css('width', slideWidth * numberOfSlides);

  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Move left</span>')
    .append('<span class="control" id="rightControl">Move right</span>');

  manageControls1(currentPosition);

  $('.control').bind('click', function(){
      currentPosition = ($(this).attr('id')=='rightControl')
    ? currentPosition+1 : currentPosition-1;
      manageControls(currentPosition);
      $('#slideInner').animate({
        'marginLeft' : slideWidth*(-currentPosition)
      });
    });

  function manageControls(position){
    if(position==0){ $('#leftControl').hide() }
    else{ $('#leftControl').show() }
    if(position==numberOfSlides-1){ $('#rightControl').hide() }
    else{ $('#rightControl').show() }
    }
  function manageControls1(position){
    if(position==0){ $('#leftControl').hide() }
    else{ $('#leftControl').show() }
    if(position==numberOfSlides-1){ $('#rightControl').hide() }
    else{ $('#rightControl').show() }
    $('#slideInner').animate({
        'marginLeft' : slideWidth*(-currentPosition)
      });
    }

    $("a.modal").click(function(e){

      e.stopPropagation();

      var ref    = String($(this).attr("id"));

      showit(ref,900);

   });

   $("#hideit").click(function(e){

      e.stopPropagation();

      hideit();

   });
   //equalHeight($(".column"));
  });

function showit(url,width) {

    var ie = $.browser.msie ? true : true;

    var pop = false;

    if(ie) {

        var bver = $.browser.version;

        if(parseInt(bver.substr(0,1)) < 7) { pop = false; }

    }

    if(pop) {

        window.open(url,"infopopup","width=700,height=700,top=100,left=100");

    }

    else {

        var hoffest = 10;

        var wh = $(window).height();
        var ww = $(window).width();

        $("#overlay")

            .appendTo("body")

            .height(wh + 10)

            .width(ww + 10)

            .show()

            .click(function(e){

                hideit();

            })

            .css({

                top: "0px",

                left: "0px"

            });

        if(width != "") {

            $("#popUpDiv").width(ww - 50);

        }

        $("#popUpDiv")

            .appendTo("body")

            .height((wh - hoffest * 2))

            .css({

                top: Number(hoffest)+"px",

                left: Number(($(window).width()-$("#popUpDiv").outerWidth())/2)+"px"

            })

            .show();

            //console.debug($("#popUpDiv").parent());

        $("#infoframe")

            .height($("#popUpDiv")

            .height()-$("#hideit")

            .outerHeight()-10);


            $("#infoframe").attr("src",url);


    }



}

function hideit() {

    $("#popUpDiv").hide();

    $("#overlay").hide();

    $("#infoframe").attr("src","about:blank");

    if(!$.browser.msie) {

        //history.back();

    }

}

function equalHeight(group) {
   tallest = 0;
   group.each(function() {
      thisHeight = $(this).height();
      if(thisHeight > tallest) {
         tallest = thisHeight;
      }
   });
   group.height(tallest);
}