var month=new Array(12);
month[1]="January";
month[2]="February";
month[3]="March";
month[4]="April";
month[5]="May";
month[6]="June";
month[7]="July";
month[8]="August";
month[9]="September";
month[10]="October";
month[11]="November";
month[12]="December";
var no = 0;
var resimSayisi = 0;
var resimUzunluk = 0;
var toplamUzunluk = 0;
var left = 0;
var maxSol = 0;


$(document).ready(
		
		function(){
			
			// sayfa ilk yuklendiginde acilan haber
			sayfaYukle("0");
						
			});
			
			function sayfaYukle(gunDegeri){
			$('#calismaListesi').html("");
			$('#icerikAlaniSag').html("");
			no = 0;
			
            jQuery.ajax({
                url: 'data/web.xml', //xml dosyamiz
                type: 'GET',
                dataType: 'xml',
                timeout: 15000,
                success: function(xml){
						var deger = $(xml).find('news');
						
                        $(xml).find('news').each(function(index){ //menu node ve altında ki verileri alıyoruz
						var newsTitle = jQuery(this).find('title').text();
						var worksTitle = jQuery(this).find('wtitle').text();
						var newsDate = jQuery(this).find('date').text();
						var newsImage = jQuery(this).find('image').text();
						var launch = jQuery(this).find('launch').text();
						var client = jQuery(this).find('client').text();						
						var agency = jQuery(this).find('agency').text();
						var screenshotResimleri = new Array();
						
						// yeni icerik icin new gif 
						var newView = "images/0.gif";
						newsDate = String(newsDate)
						if (timeDifference(newsDate) < 30)
						{
							newView = "images/new.gif";
						}
						
						// launch link var sa ve yoksa 
						if (launch == "#")
						{
							launch = " "
						}
						else{
							launch = "<p class=launch><a href="+ launch +" class=launchLink target=_blank>launch</a></p>"
						}
							  jQuery('<li />')
                             .html('<a href=javascript:sayfaYukle('+ index +')>'+ worksTitle +'<img src='+ newView +' border="0" style="margin-left:8px" /></a>')
                             .appendTo('#calismaListesi');
							 newsDate = newsDate.split(',',3);
							 var yil = newsDate[0];
							 var ay = newsDate[1];
							 var gun = newsDate[2];
							var today = new Date(yil, ay, gun);

						      jQuery('<div />')
                             .html('<ul class="newsBilgi"><li class="newsCategory"><a href="javascript:sagaKaydir('+ index +');" id="resimSagOk"><img src="images/sag_ok.gif" width="7" height="8" alt="sonraki" border="0" /></a> <ul id="resimSayfalama'+ index +'"></ul> <a href="javascript:solaKaydir('+ index +');" id="resimSolOk"><img src="images/sol_ok.gif" width="11" height="8" alt="önceki" border="0" /></a></li><li class="newsDate">'+ month[today.getMonth()]+ ' '+today.getFullYear() +'</li><li class="sirketBaslik"><h2>'+ worksTitle + '</h2></li></ul><ul id="resimAlani" style="display:block"><li><a href="javascript:sagaKaydir('+ index +');"><ul id="resimListesi'+ index +'"></ul></a></li></ul><p class="resimBilgisi" style="display:block"><strong>client:</strong> '+ client +' <strong>agency:</strong> '+ agency +'</p><p id="screenshot'+ index +'"></p>'+ launch +'')
                             .appendTo('#icerikAlaniSag');
							 if(gunDegeri == index)
							 {
								//lightbox icin acilan resimleri diziyoruz
								$(this).find('screenshot').each(function(j){
								screenshotResimleri[j] = jQuery(this).find('screenshotResim').text();
								});
								
								for (x in screenshotResimleri)
								{
									$('#resimListesi'+ index).append(
									$('<li />')
										.append('<img src=b_'+ screenshotResimleri[x] +' width="548" height="259" />')
									);
									
									$('#screenshot'+ index ).append(
									$('<p />')
										.append('<a href="'+ screenshotResimleri[x] +'" class="screenshotLink" rel="can" title="<strong>client:</strong> '+ client +' <strong>agency:</strong> '+ agency +'"><img src="images/screenshot.gif" width="74" height="9" alt="screenshot" border="0" /></a>')
									);
								 }
								 noktalar(x, index);
								 $('#screenshot'+ index + ' p:first').addClass("acik");
								 
								 // soldaki linki secili hale getirmek icin 
								 $("#calismaListesi li:eq("+ index +") a").attr('class', 'seciliCalisma');
								 $("#icerikAlaniSag div:eq("+ gunDegeri +")").attr('class', 'seciliHaberKatmani');
							}
							
							$("p#screenshot"+ index +" a").fancybox();
// SIFR							
    var can = {
      src: 'images/can.swf'
      ,ratios: [7, 1.32, 11, 1.31, 13, 1.24, 14, 1.25, 19, 1.23, 27, 1.2, 34, 1.19, 42, 1.18, 47, 1.17, 48, 1.18, 69, 1.17, 74, 1.16, 75, 1.17, 1.16]
    };
    sIFR.activate(can);

    sIFR.replace(can, {
      selector: 'h2'
      ,css: {
        '.sIFR-root': { 'color': '#FFFFFF', 'background-color': '#0a0a0a', 'width': '150px' }
      }
    });							
							 
                    });
                },
                error: function(){
                    alert('Error loading XML document');
                }
				
            });
	jQuery("#calismaListesi li")
		}

function sagaKaydir(index){
	resimSayisi = $('.seciliHaberKatmani ul#resimAlani li ul li').length;
	resimUzunluk = 550;
	toplamUzunluk = resimSayisi * resimUzunluk;
	maxSol = toplamUzunluk - resimUzunluk;
	$('.seciliHaberKatmani ul#resimAlani li ul').css('width', toplamUzunluk+'px');	

	if(no < resimSayisi-1){
		no += 1;
		resKaydir(resimUzunluk, index);
	}else{
		basaSar();
	}
	//noktalari sayfala
	$('#resimSayfalama'+index+' li img').each(function(){
						$(this).attr('src', 'images/pasif_nokta.gif');
	});
	
	$('#resimSayfalama'+index+' li:eq('+ no +') img').attr('src', 'images/aktif_nokta.gif');
}

function solaKaydir(index){
	resimSayisi = $('.seciliHaberKatmani ul#resimAlani li ul li').length;
	resimUzunluk = 550;
	toplamUzunluk = resimSayisi * resimUzunluk;
	maxSol = toplamUzunluk - resimUzunluk;
	$('.seciliHaberKatmani ul#resimAlani li ul').css('width', toplamUzunluk+'px');

	if(no > 0){
		no = no - 1;
		resKaydir(resimUzunluk, index);
	}else{
		sonaSar();	
	}
	//noktalari sayfala
	$('#resimSayfalama'+index+' li img').each(function(){
						$(this).attr('src', 'images/pasif_nokta.gif');
	});
	
	$('#resimSayfalama'+index+' li:eq('+ no +') img').attr('src', 'images/aktif_nokta.gif');
}

function resKaydir(resimUzunluk, index)
{
	if($('.seciliHaberKatmani ul#resimAlani li ul').queue("fx").length < 1){
		var left = resimUzunluk * (no);
		$('.seciliHaberKatmani ul#resimAlani li ul').animate({left:'-'+left+'px'}, {duration: 500, easing: 'easeInOutExpo'});
	}
}

function basaSar()
{
	$('.seciliHaberKatmani ul#resimAlani li ul').animate({left:'0px'}, {duration: 500, easing: 'easeInOutExpo'});
	no = 0;
} 

function sonaSar()
{
	$('.seciliHaberKatmani ul#resimAlani li ul').animate({left:'-'+(toplamUzunluk-resimUzunluk)+'px'}, {duration: 500, easing: 'easeInOutExpo'});
	no = resimSayisi -1;
}


// ustte noktalari olusturalim
function noktalar(noktaSayi, index)
{
	var noktaDeger = parseInt(noktaSayi) + 1;
	for(var i=0; i<noktaDeger; i++){
		$('#resimSayfalama'+ index).append(
									$('<li class="sayfa" />')
									.append('<img src="images/pasif_nokta.gif" width="4" height="4" alt="sayfa" />')
									);
	}
	$('#resimSayfalama'+index+' li:first img').attr('src', 'images/aktif_nokta.gif');
}

function timeDifference(earlierdate) {
	var laterdate = new Date();     // bu gun 
	var earlierdate = new Date(earlierdate);  

 	var difference = laterdate.getTime() - earlierdate.getTime();
	
    var daysDifference = Math.floor(difference/1000/60/60/24);
    difference -= daysDifference*1000*60*60*24

    return daysDifference;
}