// Preload tab image
img1on = new Image();
img1on.src = "images/layout/sticky-right-on.png";
img2on = new Image();
img2on.src = "images/layout/paging-1.jpg.png";
img3on = new Image();
img3on.src = "images/layout/paging-2-on.jpg";
img4on = new Image();
img4on.src = "images/layout/paging-3-on.jpg";
img5on = new Image();
img5on.src = "images/layout/paging-4-on.jpg";
img6on = new Image();
img6on.src = "images/layout/paging-5-on.jpg";
img7on = new Image();
img7on.src = "images/layout/paging-6-on.jpg";

var Event = YAHOO.util.Event,
    Dom   = YAHOO.util.Dom,
    lang  = YAHOO.lang;

/* Namespace */
var GetYourselfFired = {};

GetYourselfFired.currentPage = 1;
GetYourselfFired.maxPage = 6;
GetYourselfFired.photos = new Array();

Event.onDOMReady(function() {
    
    var photoDivs = Dom.getElementsByClassName("photo");
    var savedData = photo_ids.split(',');
    for(var i = 0; i < photoDivs.length; i++)
    {
        var checked = false;
        if(savedData.contains(photoDivs[i].id.replace("photo_","")))
            checked = true;
        var p = new GetYourselfFired.Photo(photoDivs[i], checked);
        GetYourselfFired.photos.push(p);
    }
    
    for(var i = 1; i <= GetYourselfFired.maxPage; i++)
    {
        var p = new GetYourselfFired.Pager("paginate" + i, i);
    }
    
    Event.on("previous", "click", function(e) {
        GetYourselfFired.previousPage();
    });
    Event.on("next", "click", function(e) {
        GetYourselfFired.nextPage();
    });
    
    Event.on("aspnetForm","submit", function(e) {
        var ids = "";
        for(var i = 0; i < GetYourselfFired.photos.length; i++)
        {
            if(GetYourselfFired.photos[i].checked) ids += GetYourselfFired.photos[i].id.replace("photo_","") + ",";
        }
        Dom.get("ctl00_mainContent_Photos").value = ids;
    });

});


GetYourselfFired.Photo = function(el, checked) {

    this.id = el.id;
    this.el = el;
    this.bookmark = Dom.getElementsByClassName("bookmark", null, this.el);

    this.checked = checked;
    if(this.checked)
        Dom.addClass(this.bookmark, "bookmarkOn");
    var self = this;

    Event.on(this.el, "click", function(e) {
        // Inexplicably hasClass returns an array
        self.checked = !Dom.hasClass(self.bookmark, "bookmarkOn")[0];
        if(self.checked) {
            Dom.addClass(self.bookmark, "bookmarkOn");
        } else {
            Dom.removeClass(self.bookmark, "bookmarkOn");
        }
        GetYourselfFired.photoMaxCheck()
    });
}

GetYourselfFired.photoMaxCheck = function() {
    err = Dom.get("ctl00_mainContent_ErrorMsg");
    if(err!=null) err.style.display = "none";
    
    var count = 0;
    for(var i = 0; i < GetYourselfFired.photos.length; i++)
    {
        if(GetYourselfFired.photos[i].checked)
            count++;
    }
    if(count > 4)
        Dom.get("maxedOut").style.display = "block";
    else
        Dom.get("maxedOut").style.display = "none";
}

/*GetYourselfFired.Photo.prototype.load = function() {

}*/

GetYourselfFired.Pager = function(el, pageNum) {

    this.el = el;
    this.pageNum = pageNum;
    var self = this;
    
    Event.on(self.el, "click", function(e) {
        GetYourselfFired.swapPage(self.pageNum);
    });
}

GetYourselfFired.swapPage = function(page) {
    Dom.get("page1").className = "show" + page;
    Dom.get("page2").className = "show" + page;
    GetYourselfFired.currentPage = page;
}
GetYourselfFired.previousPage = function() {
    if(this.currentPage > 1)
        this.swapPage(this.currentPage-1);
}
GetYourselfFired.nextPage = function() {
    if(this.currentPage < this.maxPage)
        this.swapPage(this.currentPage+1);
}

Array.prototype.contains = function(num) {
    for(i = 0; i < this.length; i++)
    {
        if(this[i] == num)
            return true;
    }
    return false;
}