var cycles = new Array();
$(document).ready(function() {
  if($('#bridal')) {
    cycles[0] = $('.frame .the-experience').cycle({
      fx: 'fade',
      timeout: 5000,
      onToggleEvent: function(status) {
        $('a[rel=the-experience]').text(status);
      }
    });
    $('a[rel=the-experience]').click(function() {
      $('.frame .the-experience').cycle('toggle');
    });

    cycles[1] = $('.frame .the-bio-and-team').cycle({
      fx: 'fade',
      timeout: 5000,
      onToggleEvent: function(status) {
        $('a[rel=the-bio-and-team]').text(status);
      }
    });
    $('a[rel=the-bio-and-team]').click(function() {
      $('.frame .the-bio-and-team').cycle('toggle');
    });

    cycles[2] = $('.frame .design-process').cycle({
      fx: 'fade',
      timeout: 5000,
      onToggleEvent: function(status) {
        $('a[rel=design-process]').text(status);
      }
    });
    $('a[rel=design-process]').click(function() {
      $('.frame .design-process').cycle('toggle');
    });

    cycles[3] = $('.frame .design').cycle({
      fx: 'fade',
      timeout: 5000,
      onToggleEvent: function(status) {
        $('a[rel=design]').text(status);
      }
    });
    $('a[rel=design]').click(function() {
      $('.frame .design').cycle('toggle');
    });

    cycles[4] = $('.frame .fabric').cycle({
      fx: 'fade',
      timeout: 5000,
      onToggleEvent: function(status) {
        $('a[rel=fabric]').text(status);
      }
    });
    $('a[rel=fabric]').click(function() {
      $('.frame .fabric').cycle('toggle');
    });

    cycles[5] = $('.frame .construction').cycle({
      fx: 'fade',
      timeout: 5000,
      onToggleEvent: function(status) {
        $('a[rel=construction]').text(status);
      }
    });
    $('a[rel=construction]').click(function() {
      $('.frame .construction').cycle('toggle');
    });

    cycles[6] = $('.frame .embellishment').cycle({
      fx: 'fade',
      timeout: 5000,
      onToggleEvent: function(status) {
        $('a[rel=embellishment]').text(status);
      }
    });
    $('a[rel=embellishment]').click(function() {
      $('.frame .embellishment').cycle('toggle');
    });

	cycles[7] = $('.frame .rowena').cycle({
      fx: 'fade',
      timeout: 5000,
      onToggleEvent: function(status) {
        $('a[rel=rowena]').text(status);
      }
    });
    $('a[rel=rowena]').click(function() {
      $('.frame .rowena').cycle('toggle');
    });

	cycles[8] = $('.frame .sonia').cycle({
      fx: 'fade',
      timeout: 5000,
      onToggleEvent: function(status) {
        $('a[rel=sonia]').text(status);
      }
    });
    $('a[rel=rowena]').click(function() {
      $('.frame .sonia').cycle('toggle');
    });

	cycles[9] = $('.frame .rose').cycle({
      fx: 'fade',
      timeout: 5000,
      onToggleEvent: function(status) {
        $('a[rel=rose]').text(status);
      }
    });
    $('a[rel=rose]').click(function() {
      $('.frame .rose').cycle('toggle');
    });

	cycles[10] = $('.frame .elaine').cycle({
      fx: 'fade',
      timeout: 5000,
      onToggleEvent: function(status) {
        $('a[rel=elaine]').text(status);
      }
    });
    $('a[rel=elaine]').click(function() {
      $('.frame .elaine').cycle('toggle');
    });

	cycles[11] = $('.frame .kim').cycle({
      fx: 'fade',
      timeout: 5000,
      onToggleEvent: function(status) {
        $('a[rel=kim]').text(status);
      }
    });
    $('a[rel=kim]').click(function() {
      $('.frame .kim').cycle('toggle');
    });
    
    $('#bridal .sublinks a').click(function() {
      var klass = $(this).attr('href').split('#')[1];
      if($('#bridal .active').length>0) {
        $('#bridal .active').each(function() {
          $(this).removeClass('active').fadeOut(function() {
            $('#bridal .'+klass).fadeIn().addClass('active');
            $('#bridal a[rel='+klass+']').fadeIn().addClass('active');
          });
        });
      } else {
        $('#bridal .'+klass).fadeIn().addClass('active');
        $('#bridal a[rel='+klass+']').fadeIn().addClass('active');
      }
      $(cycles).each(function(i){
        cycles[i].cycle('pause');
      })
      $('.frame .'+klass).cycle('resume');
    });
    $('#bridal .descriptions div, #bridal .frame .image div').hide();
    var item;
    if(window.location.toString().indexOf('#')>-1) {
      item = $('#bridal .sublinks a[href=#' + window.location.toString().split('#')[1] + ']');
    } else {
      var temp = $('#bridal .sublinks a');
      item = $(temp[0]);
    }
    item.click();
  }

  if($('#collections')) {
    var loader = $('#collections .loader');
    loader.css('opacity','0.7');
    $('#collections .thumbs a').click(function(e) {
      loader.fadeIn();
      var img = new Image();
      $(img).load(function () {
        $('#bigimage').fadeOut('normal',function() {
          $('#bigimage').empty();
          $('#bigimage').append(img);
          loader.fadeOut();
          $('#bigimage').fadeIn();
        });
      }).attr('src', $(this).attr('href'));
      e.preventDefault();
    });
    if($('#collections .thumbs').find('a').length>0) {
      $('#collections .thumbs a:first').click();
    } else {
      loader.css('background','#FFF');
      loader.css('text-align','center');
      loader.css('line-height','630px');
      loader.css('font-size','20px');
      loader.text('Coming Soon...');
    }
  }

  if($('#brides')) {
    var loader2 = $('#brides .loader');
    var found = -1;
    loader2.css('opacity','0.7');
    $('#brides .descriptions div').hide();
    $('#brides .thumbs a').click(function(e) {
      var elm = $(this);
      var i=0;
      $('#brides .thumbs a').each(function() {
        if($(this).attr('href')==elm.attr('href')) {
          found = i;
        }
        i++;
      });
      $('#brides .swPage .active').removeClass('active');
      $(this).parent().addClass('active');
      var bridename = $(this).attr('href').split('#')[1]
      bridename = bridename.replace("%20", ' ').replace("%20", ' ');
      $('#bridename').html(bridename.toUpperCase());
      if($('#brides .descriptions .active').length>0) {
        $('#brides .descriptions .active').removeClass('active').hide();
      }
      $('#brides .' + bridename.replace(' ','-').replace(' ','-')).addClass('active').show();
      loader2.fadeIn();
      var img = new Image();
      $(img).load(function () {
        $('#bigimage').fadeOut('normal',function() {
          $('#bigimage').empty();
          $('#bigimage').append(img);
          loader2.fadeOut();
          $('#bigimage').fadeIn();
        });
      }).attr('src', $(this).attr('rel'));
    });
    var item2;
    if(window.location.toString().indexOf('#')>-1) {
      item2 = $('#brides a[href=#' + window.location.toString().split('#')[1] + ']');
    } else {
      var temp2 = $('#brides .thumbs a:first');
      item2 = $(temp2[0]);
    }
    item2.click();

    var ul = $('#brides .thumbs');
    var thumbs = $('#brides .thumb');
    var resultsPerPage = 8;
    var pagesNumber = Math.ceil(thumbs.length/resultsPerPage);
    thumbs.each(function(){
      var el = $(this);
      el.data('height',el.outerHeight(true));
    });
    var swControls = $('<ul class="swControls">');
    swControls.append('<li><a href="javascript:void(0);" class="swShowPage prev" rel="1">PREVIOUS</a></li>');
    swControls.append('<li><a href="javascript:void(0);" class="swShowPage next" rel="2">NEXT</a></li>');
    for(var i=0;i<pagesNumber;i++) {
      thumbs.slice(i*resultsPerPage,(i+1)*resultsPerPage).wrapAll('<div class="swPage" />');
    }
    ul.append(swControls);
    var maxHeight = 0;
    var totalWidth = 0;
    var swPage = ul.find('.swPage');
    swPage.each(function(){
      var elem = $(this);
      var tmpHeight = 0;
      elem.find('div.thumb').each(function(){
        tmpHeight+=$(this).data('height');
      });
      if(tmpHeight>maxHeight) {
        maxHeight = tmpHeight;
      }
      totalWidth+=elem.outerWidth();
      elem.css('float','left').width(ul.width());
    });

    swPage.wrapAll('<div class="swSlider" />');
    var swSlider = ul.find('.swSlider');
    swSlider.append('<div class="clear" />').width(totalWidth);

    var curPage = Math.ceil((found+1)/resultsPerPage);
    $('ul.swControls a').click(function() {
      if($(this).hasClass('prev')) {
        curPage--;
      } else {
        curPage++;
      }
      $('ul.swControls a.prev').show();
      $('ul.swControls a.next').show();
      if(curPage==1) {
        $('ul.swControls a.prev').hide();
        $('ul.swControls a.next').show();
      }
      if(curPage==pagesNumber) {
        $('ul.swControls a.next').hide();
        $('ul.swControls a.prev').show();
      }
      var margin = -456 * (curPage - 1);
      swSlider.animate({
        'margin-left':margin+'px'
      });
    });
    if(curPage>1) {
      
      if(curPage==pagesNumber) {
        $('ul.swControls a.next').hide();
        $('ul.swControls a.prev').show();
      }
      var margin = -456 * (curPage - 1);
      swSlider.animate({
        'margin-left':margin+'px'
      });
    }else if (curPage==1) {
        $('ul.swControls a.prev').hide();
        $('ul.swControls a.next').show();
    }
  }

  if($('#contact')) {
    $("#map").gMap({
      markers: [
      {
        address: '1104 Eglinton Avenue West, Toronto, ON M6C2E2, Canada',
        html: '<h3>Valencienne Bridal</h3><div style="width: 250px;"><img border="0" style="width: 90px; height: 68px;margin: 0px 0px 0px 10px; float: right;" src="http://cbk0.google.com/cbk?output=thumbnail&amp;w=90&amp;h=68&amp;ll=43.699807,-79.431800&amp;panoid=LOwkJHw1OYXboO_nP2-geg&amp;yaw=337.410400&amp;pitch=1.534354&amp;thumb=0" /><p>1104 Eglinton Avenue<br />West Toronto<br />ON M6C2E2, Canada</p></div><br /><a style="color:#5171AC;" href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=1104+Eglington+Ave+W.+Toronto,+ON+M6C+2E2&sll=37.0625,-95.677068&sspn=66.447705,107.138672&ie=UTF8&hq=1104+Eglington+Ave+W.+Toronto,&hnear=Toronto,+Ontario+M6C+2E2,+Canada&z=17&iwloc=A">View Larger map</a></div>',
        popup: true
      }
      ],
      zoom: 17
    });
  }
  $('#bridal .sublinks .exp, #bridal .sublinks .bio').click(function() {
    if(!$('#bridal .sublinks .design-sublinks').is(":hidden")) {
      $('#bridal .sublinks .design-sublinks').slideUp();
    } else {
  }
  });
  $('#bridal .sublinks .des').click(function() {
    if($('#bridal .sublinks .design-sublinks').is(":hidden")) {
      $('#bridal .sublinks .design-sublinks').slideDown();
    } else {
  }
  });
  $('#bridal .sublinks .exp, #bridal .sublinks .des').click(function() {
    if(!$('#bridal .sublinks .bioteam-sublinks').is(":hidden")) {
      $('#bridal .sublinks .bioteam-sublinks').slideUp();
    } else {
  }
  });
  $('#bridal .sublinks .bio').click(function() {
    if($('#bridal .sublinks .bioteam-sublinks').is(":hidden")) {
      $('#bridal .sublinks .bioteam-sublinks').slideDown();
    } else {
  }
  });

  $('#media .left ul a').click(function() {
    var rel= $(this).attr('rel');
    $('.slideshow.active').removeClass('active');
    var slides = $('#media').find('.slideshow');
    $(slides[rel]).addClass('active');
    $.fn.silayder.resetState($(slides[rel]),$(slides[rel]).find('.slide').length);
  });
  $('#brides .thumb a').click(function() {
    $.scrollTo('#brides .frame',800,{
      queue:true
    });
  });
});

var getSizeOfDocument = function() {
  var wheight = $(window).height();
  if(wheight<600) {
    var wratio = 880 / 600;
    var wwidth = Math.round(wheight * wratio);
  } else {
    wheight = 600;
    wwidth = 880;
  }
  var size = new Array(wwidth,wheight);
  return size;
}

$(document).ready(function() {
  var wsize = getSizeOfDocument();
  var nyroSettings = {
    width: wsize[0],
    height: wsize[1],
    minWidth: wsize[0],
    minHeight: wsize[1],
    resizable: false,
    autoSizable: false,
    cssOpt: { // Default CSS option for the nyroModal Div. Some will be overwritten or updated when using IE6
      bg: {
        position: 'absolute',
        overflow: 'hidden',
        top: 0,
        left: 0,
        height: '100%',
        width: '100%',
        background: 'url("images/bgtile.jpg")'
      }
    },
    modal: true,
    windowResize: false
  };
  $.nyroModalSettings(nyroSettings);
});