$(document).ready(function(){
  
  //Innderfade of main images
  $('ul.photo-gallery').innerfade({
    speed: 1200,
		timeout: 8000,
		containerheight: 465
  });
  
  //Innderfade of event dates
  $('ul.dates').innerfade({
    speed: 1200,
		timeout: 3000,
		containerheight: 82
  });
  
  //Fancybox
  $('a[rel=gallery]').fancybox({
    cyclic: true,
    titlePosition: 'inside',
    padding:0,
    margin:0
  });

  //Set up time until FNO start
  var _minute = 60,
  _hour = 60*_minute,
  _day = 24*_hour
  sec18Hours = 18*_hour,
  now = $.datepick.formatDate( '@', new Date() ),
  fnoATH = parseInt($.datepick.formatDate( '@', $.datepick.newDate(2011, 9, 15) )) + sec18Hours, //plus 18 hours for 18:00 shops opening time
  fnoTHE = parseInt($.datepick.formatDate( '@', $.datepick.newDate(2011, 9, 20) )) + sec18Hours; //plus 18 hours for 18:00 shops opening time
  var diff_seconds,diff_days, diff_hours, diff_minutes, strTimeATH, strTimeTHE;
  
  //ATHENS
  diff_seconds = fnoATH-now;
  if (diff_seconds>0){
    //How many days left?
    diff_days = parseInt(diff_seconds/_day);
    diff_seconds -= diff_days*_day;
    diff_days = (diff_days<10)?('0'+diff_days):(''+diff_days);
    //Hours
    diff_hours = parseInt(diff_seconds/_hour);
    diff_seconds -= diff_hours*_hour;
    diff_hours = (diff_hours<10)?('0'+diff_hours):(''+diff_hours);
    //Minutes
    diff_minutes = parseInt(diff_seconds/_minute);
    diff_seconds -= diff_minutes*_minute;
    diff_minutes = (diff_minutes<10)?('0'+diff_minutes):(''+diff_minutes);
    //Seconds
    diff_seconds = (diff_seconds<10)?('0'+diff_seconds):(''+diff_seconds);
    //String
    strTimeATH = diff_days + ':' + diff_hours + ':' + diff_minutes + ':' + diff_seconds;  
    //COUNTER SCRIPT
    $('div.counter-holder.athens div.counter').countdown({
      image: 'http://gr.liberis.cn.gorunway.s3.amazonaws.com/FNO/images/digits.png',
      startTime: strTimeATH,
      format: 'dd:hh:mm:ss',
      digitWidth: 40,
      digitHeight: 60
    }); 
  }else{
    $('.counter-holder.athens').remove();
  }

  //THESSALONIKI
  diff_seconds = fnoTHE-now;
  if (diff_seconds>0){
    //How many days left?
    diff_days = parseInt(diff_seconds/_day);
    diff_seconds -= diff_days*_day;
    diff_days = (diff_days<10)?('0'+diff_days):(''+diff_days);
    //Hours
    diff_hours = parseInt(diff_seconds/_hour);
    diff_seconds -= diff_hours*_hour;
    diff_hours = (diff_hours<10)?('0'+diff_hours):(''+diff_hours);
    //Minutes
    diff_minutes = parseInt(diff_seconds/_minute);
    diff_seconds -= diff_minutes*_minute;
    diff_minutes = (diff_minutes<10)?('0'+diff_minutes):(''+diff_minutes);
    //Seconds
    diff_seconds = (diff_seconds<10)?('0'+diff_seconds):(''+diff_seconds);
    //String
    strTimeTHE = diff_days + ':' + diff_hours + ':' + diff_minutes + ':' + diff_seconds;  
    //COUNTER SCRIPT
    $('div.counter-holder.thessaloniki div.counter').countdown({
      image: 'http://gr.liberis.cn.gorunway.s3.amazonaws.com/FNO/images/digits.png',
      startTime: strTimeTHE,
      format: 'dd:hh:mm:ss',
      digitWidth: 40,
      digitHeight: 60
    });
  } else{
    $('.counter-holder.thessaloniki').remove();
  }  
	
	
});


//Function to load list of shops for charity/events/offers/list
function loadShops(dataURL, update, boxes){
  $.getJSON(dataURL, function(data) {
      var liHTML = '',
          photo_url, title, location, description, longitude, latitude, telephone;
      $.each(data, function(i, obj){
        title = (obj.title===null)?'':obj.title;
        photo_url = (obj.photo_url===null)?'http://gr.liberis.cn.gorunway.s3.amazonaws.com/FNO/images/defaultImageShops.jpg':obj.photo_url;
        description = (obj.description===null)?'Το κατάστημα συμμετέχει στο Vogue Fashion\'s Night Out.':obj.description;
        location = (obj.location===null)?'':', <span class="location">' + obj.location + '</span>';
        longitude = (obj.longitude===null)?'':obj.longitude;
        latitude = (obj.latitude===null)?'':obj.latitude;
        telephone = (obj.phone===null)?'-':obj.phone;
        
        if (boxes){
          liHTML += '<li class="position' + ((i%4)+1) + '">\
                      <div class="image"> \
                        <img src="' + photo_url + '" alt="' + title + '"> \
                      </div> \
                      <div class="info"> \
                        <h4>' + title + location + '</h4> \
                        <p class="description">' + description + '</p> \
                      </div> \
                    </li>';
        }else{
          liHTML += '<li>\
                      <div class="image"> \
                        <img src="' + photo_url + '" alt="' + title + '"> \
                      </div> \
                      <div class="info"> \
                        <h4>' + title + location + '</h4> \
                        <p class="telephone">Τηλέφωνο: ' + telephone + '</p> \
                        <p class="description">' + description + '</p> \
                      </div> \
                      <div class="map"> \
                        <a href="http://maps.google.com/maps?q=' + obj.location + '&hl=en&sll=' + longitude + ',' + latitude + '&sspn=0.022919,0.045447&vpsrc=0&z=16&iwloc=A" target="_blank"> \
                          <img src="http://maps.google.com/maps/api/staticmap?size=100x60&zoom=15&maptype=roadmap&markers=color:red|label:S|' + longitude + ',' + latitude + '&sensor=false&" alt="Location"/> \
                        </a> \
                      </div> \
                    </li>';
        }
      });            
      $(update).html(liHTML);
  });
}