/* 
 * Stuff needed to change preview image title and manage page numbers.
 */

//global; should be initialised by PHP
if(typeof(currDay) === 'undefined') {
    window.currDay=1;
}

//currently shown picture
var currPreview=0;

//setting up actions
function previewActions(){
	$($('#next_btn').children()[0]).click(showNextPreview);
	$($('#prev_btn').children()[0]).click(showPrevPreview);
	$('#preview_content').hide();
	$('#send_content').hide();

}

$(window).load( function(){previewActions();});

function showPreview(day){
    if(day<=0){
        day=24;
    }else if(day>24){
    	day=1;
    }else if(typeof(day)=='undefined'){
    	//if nothing we dont do anything
    	return;
    }

	//block send button if image is locked
    $('#send_btn a').unbind();
    $('#send_btn a').removeClass();
    if(day<=currDay){
    	$('#send_btn a').click(showSend);
	$('#send_btn a').addClass('active');
    }else{
	$('#send_btn a').addClass('disabled');
    }

	//launch AJAX and get the info
	//update image and title

    ajReq=$.get('http://suite.dropmobile.com/test/ht/xmasscal/mmsinfo.php5',
            {day: day},  function(data,status){ updatePreview(data, status);}  );

    currPreview=day;
    
    //update page numbers
    updatePaging(day);

    //fade in preview div
	$('#main_content').fadeOut();
	$('#send_content').fadeOut();
	$('#preview_content').fadeIn();

}

function updatePreview(data, status){

    if (status != 'success' || data.length==3){

        alert('Sorry, cannot load picture. Server reported an error '+data);
        return;
    }

    info=data.split(",");
	
    $('#headline_container').children()[0].innerHTML=info[0];

    $('#img_prev').children()[0].src=info[1];

    //turn on arrows and buttons
    $('#cal_btn a').removeClass('disabled');
    $('#cal_btn a').addClass('active');

    $('#prev_btn a').addClass('active');
    $('#next_btn a').addClass('active');
    $('#prev_btn a').removeClass('disabled');
    $('#next_btn a').removeClass('disabled');

}

function showNextPreview(){
	if (currPreview<25){
		currPreview+=1;
	}else{
		currPreview=1;
	}
	showPreview(currPreview);
}

function showPrevPreview(){
	if (currPreview>1){
		currPreview-=1;
	}else{
		currPreview=24;
	}

	showPreview(currPreview);
}

//page numbers update
function updatePaging(day){

	//clear click events
	links=$('#list_nav').children();
	for ( i=0; i<links.length; i++ ){
		link=links[i];
		$(link).unbind('click');
		$(link).removeClass("active");
		$(link).css('display','');
	}
		$(links[7]).css('display', 'none');
		$(links[8]).css('display', 'none');

//case: 1 2 3 4 5 6 7 .. 24
	if(day<7){
		$(links[1]).css('display', 'none');
		$(links[9]).css('display', '');
		$(links[7]).css('display', '');
		for(i=0; i<8; i++){
			if( i==1 || i==10) i++;

			links[i].innerHTML=(i>1)?i:i+1;
			if( ((i>1)?i:i+1)==day) $(links[i]).addClass("active");
			$(links[i]).click(clickHandler);
		}
		
		links[10].innerHTML=24;
		$(links[10]).click(clickHandler);
		
	}else if(day<10){
		//case: 1 .. 6 7 8 9 10 .. 24
		$(links[1]).css('display', '');
		$(links[9]).css('display', '');
		for(i=0; i<7; i++){
			if( i==1 || i==10) i++;

			links[i].innerHTML=(i>1)?i+4:i+1;
			if( ((i>1)?i+4:i+5)==day) $(links[i]).addClass("active");
			$(links[i]).click(clickHandler);
		}
		 links[10].innerHTML=24;
                 $(links[10]).click(clickHandler);

	}else if(day<13){
	//one less
	//1 .. 9 10 11 12 13 .. 24
		$(links[1]).css('display', '');
		$(links[9]).css('display', '');

		for(i=0; i<7; i++){
			if( i==1 || i==10) i++;

			links[i].innerHTML=(i>1)?i+7:i+1;
			if( ((i>1)?i+7:i+8)==day) $(links[i]).addClass("active");
			$(links[i]).click(clickHandler);
		}
		links[10].innerHTML=24;
		$(links[10]).click(clickHandler);
	}else if (day<17){
	//1 ..13 14 15 16 17 .. 24
		$(links[1]).css('display', '');
		$(links[9]).css('display', '');

		for(i=0; i<7; i++){
			if( i==1 || i==10) i++;

			links[i].innerHTML=(i>1)?i+11:i+1;
			if( ((i>1)?i+11:i+12)==day) $(links[i]).addClass("active");
			$(links[i]).click(clickHandler);
		}

		links[10].innerHTML=24;
		$(links[10]).click(clickHandler);

	}else if (day<20){
	//1 .. 16 17 18 19 20 .. 24
		$(links[1]).css('display', '');
		$(links[9]).css('display', '');

		for(i=0; i<7; i++){
			if( i==1 || i==10) i++;

			links[i].innerHTML=(i>1)?i+14:i+1;
			if( ((i>1)?i+14:i+16)==day) $(links[i]).addClass("active");
			$(links[i]).click(clickHandler);
		}

		links[10].innerHTML=24;
		$(links[10]).click(clickHandler);
		
	}else {
	//1 .. 19 20 21 22 23 24	
		$(links[1]).css('display', '');
		$(links[9]).css('display', 'none');

		for(i=0; i<7; i++){
			if( i==1 || i==10) i++;

			links[i].innerHTML=(i>1)?i+17:i+1;
			if( ((i>1)?i+17:i+18)==day) $(links[i]).addClass("active");
			$(links[i]).click(clickHandler);
		}

		if(day==24){
			 $(links[10]).addClass("active");
		}
		links[10].innerHTML=24;
		$(links[10]).click(clickHandler);
	}



}

//click handler for page links
function clickHandler(){
	//console.log("showPreview: "+this.innerHTML);
	showPreview(this.innerHTML);
}