/*
 * 
 * WEBEUPHONY (c) 2011
 * 
 * Custom javascripts
 */

function iSlider(el) {
    var url = $(el).attr('href');
    $.ajax({
        url: url,
        dataType: 'json',
        success: iSliderInit
    });
}

function iSliderInit(data) {

    $('body').addClass('oh').append('<div id="iSlider" class="iSlider" />');
    $('#iSlider').append('<div class="trunk" />');
    $('#iSlider .trunk').append('<div class="view" />');
    $('#iSlider .view').append('<div class="slide b-dib" />');
    $('#iSlider .view').append('<a class="prev" href="javascript:void(0)" />');
    $('#iSlider .view').append('<a class="next" href="javascript:void(0)" />');
    $('#iSlider .view').append('<a class="close" href="javascript:void(0)" />');

    var index = data.first;
    var last = data.count - 1;
    var images = data.images;
    var slidePlace = $('#iSlider .slide');
    var prevBtn = $('#iSlider .prev');
    var nextBtn = $('#iSlider .next');
    var closeBtn = $('#iSlider .close');

    slidePlace.append('<img src="' + images[index].image + '" class="iSliderImage" />');
    var imgObj = $('#iSlider .iSliderImage');

    prevBtn.click(function() {
      if(index==0){
        index = last;
      }else{
        index = index-1;
      }
      iSliderSwitcher(index, images);
    });

    nextBtn.click(function() {
      if(index == last){
        index = 0;
      }else{
        index = index+1;
      }
      iSliderSwitcher(index, images);
    });

    closeBtn.click(function() {
      iSliderClose();
    });

}

function iSliderSwitcher(index, images) {
  //el.attr('src', images[index].image);
  $(".iSliderImage").attr("src", images[index].image);
}

function iSliderClose() {
  $('body').removeClass('oh').find('#iSlider').remove();
}