var karsilastirilanBesinlerUrl = '/item/comparison_list/';
var yorumlarUrl = "/comment/item_comments/";
var xmlData;

$(function(){
	var userId = $('input[name="itemId"]').val();
	ajaxPageContent('karslastirilanBesinler',karsilastirilanBesinlerUrl+userId, 1, 'eklenenBesinler')
	ajaxPageContent('comments',yorumlarUrl+userId, 1, 'yorumlar')
})

function ajaxPageContent (divId, xmlUrl, paging, outputFormat){
	if(paging == 1){
		// sayfalamayi eklemek icin bi kapsule ihtiyac var
		$('#'+divId).prepend('<div class="'+divId+'Pager clearfix sayfalama"></div>')
		// icerik icin de bi div lazim
		$('#'+divId).prepend('<div class="'+divId+'Inner"></div>')

		//sayfa sayisini alalim
		$.ajax({
			url:xmlUrl,
			type:'GET',
			dataType:'xml',
			success:function(xml){ xmlData = xml; buildPageList(xmlUrl, parseInt($(xml).find('data pagecount').text()), outputFormat, divId) }
		})	// sayfa sayisini aldik, sayfalamayi olusturalim
	}
}

function buildPageList (xmlUrl, pageCount, outputFormat, divId){

	// let the show begin baby [sayfalar yani]
	if(pageCount == 0) 
		switch (outputFormat) {
			case 'yorumlar':
				$('div.'+divId+'Inner').text('');
				return false;
			break;
			default:
				$('div.'+divId+'Inner').text('Kayıt bulunamadı..');
				return false;
			break;
		}
	
	if(pageCount>5){
	$('div.'+divId+'Pager')
		.append('<div class="tabContentPagerRight">'+
				'<div class="pageFirstNav">'+
				'	<ul class="clearfix">'+
				'		<li class="ilk"><a href="javascript:;" title="geri">geri</a></li>'+
				'		<li class="onceki"><a href="javascript:;" title="önceki">önceki</a></li>'+
				'	</ul>'+
				'</div>'+
				'<div class="pageNav">'+
				'	<div class="pageNavInner">'+
				'		<ul class="clearfix"></ul>'+
				'	</div>'+
				'</div>'+
				'<div class="pageTotal">... </div>'+
				'<div class="pageLastNav">'+
				'	<ul class="clearfix">'+
				'		<li class="sonraki"><a href="javascript:;" title="sonraki">sonraki</a></li>'+
				'		<li class="son"><a href="javascript:;" title="ileri">ileri</a></li>'+
				'	</ul>'+
				'</div>'+
				'</div>'+
				'<div class="tabContentPagerLeft"><img src="/_img/ajax-load2.gif" width="16" height="16" /></div>')
		
		for(var i=1; i<=pageCount; i++)
			$('div.'+divId+'Pager div.pageNavInner ul').append(
				$('<li />')
					.append(
						$('<a />').text(i)
						.attr({ href:'javascript:;', title:i, rel:xmlUrl+'/'+i, rev:(i*26)+'' })
						.click(function(){
							if($('div.'+divId+'Pager div.tabContentPagerLeft').css('visibility')=='hidden'){ $('div.'+divId+'Pager div.tabContentPagerLeft').css('visibility', 'visible');
							$(this).parent().addClass('on').siblings('li').removeClass('on');
							fillTheContent($(this).attr('rel'), outputFormat, divId);
							pagingPosControl(divId);
						} })
					)
				)
			
			// cekilesi sart ayarlar
			$('div.'+divId+'Pager div.pageTotal').append($('<a />').attr({ href:'javascript:;', title:pageCount }).text(pageCount).click(function(){
			$('div.'+divId+'Pager div.pageNavInner a:last').click() }))
			$('div.'+divId+'Pager div.pageNavInner').css({ top:'0px', left:'0px', width:(pageCount*26)+'px' }).children('ul').find('li:first').addClass('on')
			pagingPosControl(divId);
			$('div.'+divId+'Pager li.onceki').click(function(){ $('div.'+divId+'Pager div.pageNav ul li.on').prev().children('a').click() })
			$('div.'+divId+'Pager li.sonraki').click(function(){ $('div.'+divId+'Pager div.pageNav ul li.on').next().children('a').click() })

			$('div.'+divId+'Pager li.ilk').click(function(){
				var sonNokta = 0;
				var konum = (parseFloat($('div.'+divId+'Pager div.pageNavInner').css('left'))+130);

				$('div.'+divId+'Pager div.pageNavInner').animate({ left:(sonNokta >= konum ? konum : sonNokta)+'px' }, { easing:'easeInOutBounce', duration:300 })
			})

			$('div.'+divId+'Pager li.son').click(function(){
				var sonNokta = (parseFloat($('div.'+divId+'Pager div.pageNavInner').css('width'))-130) * -1;
				var konum = (parseFloat($('div.'+divId+'Pager div.pageNavInner').css('left'))-130);

				$('div.'+divId+'Pager div.pageNavInner').animate({ left:(sonNokta <= konum ? konum : sonNokta)+'px' }, { easing:'easeInOutBounce', duration:300 })
			})

	} else if(pageCount>1) {
		for(var i=1; i<=pageCount; i++)
		$('div.'+divId+'Pager').addClass('textRight').append(
				$('<a />')
					.text(i)
					.attr({ href:'javascript:;', title:i, rel:xmlUrl+'/'+i })
					.click(function(){ $(this).addClass('on').siblings('a').removeClass('on'); $('div.'+divId+'Pager').prepend('<span class="loading"><img src="/_img/ajax-load2.gif" style="margin-right:5px; vertical-align:middle;"  width="16" height="16" /></span>');  fillTheContent($(this).attr('rel'), outputFormat, divId); })
			).append(' <span>|</span> ')
		
		// sayfa sayisi az ise zorlamaya luzum yok
		$('div.'+divId+'Pager span:last').remove()
		$('div.'+divId+'Pager a:first').addClass('on')
	}
	outData(xmlData, outputFormat, divId)
}

function fillTheContent (xmlUrl, outputFormat, divId){
	$.ajax({
		url:xmlUrl,
		type:'GET',
		dataType:'xml',
		success:function(xml){ outData (xml, outputFormat, divId); $('div.'+divId+'Pager span.loading').remove(); $('div.'+divId+'Pager div.tabContentPagerLeft').css('visibility', 'hidden'); }
	})
}

function outData (xml, outputFormat, divId){
	// temizlik yapalim eskileri ucuralim
	$('div.'+divId+'Inner').empty()
	
	switch(outputFormat)
	{
		case 'eklenenBesinler':
			$('div.'+divId+'Inner').append('<ul class="hangiBesinler clearfix"></ul>')
			// profil ikinci sekme
			$(xml).find('data item').each(function(i){
				$('div.'+divId+'Inner ul.hangiBesinler')
					.append( $('<li />').append('<img src="/'+$(this).attr('image')+'" alt="'+$(this).text()+'" />').append($('<a />').attr({ href:'/item/'+$(this).attr('id'), title:$(this).text() }).text($(this).text())) )
			})
			
			if($(xml).find('data item').length < 12)
				for(var i=0; i<(12-parseInt($(xml).find('data item').length)); i++)
					$('div.'+divId+'Inner ul.hangiBesinler').append('<li>&nbsp;</li>')
			
			$('ul.hangiBesinler li a').css({ visibility:'visible', opacity:0 }).hover(function(){ $(this).stop().fadeTo(300,0.9) }, function(){ $(this).stop().fadeTo(300,0) })
		break;
		case 'yorumlar':
			// profil son sekme
			$(xml).find('data item').each(function(i){
				$('div.'+divId+'Inner')
					.append(
						'<dl class="clearfix">'+
						'  	<dt>'+
						'    	<a href="/profile/'+$(this).attr('fbid')+'" title="'+$(this).attr('name')+'"><img src="'+$(this).attr('image')+'" width="50" alt="'+$(this).attr('name')+'" /></a>'+
						'    	<a href="/profile/'+$(this).attr('fbid')+'" title="'+$(this).attr('name')+'">'+$(this).attr('name')+'</a>'+
						'        <span>'+$(this).attr('date')+'</span>'+
						'    </dt>'+
						'<dd>'+$(this).text()+'</dd>'+
						'</dl>')
			})
		break;
	}
}

function pagingPosControl (divId){
	var oncekiSayi = $('div.'+divId+'Pager div.pageNavInner ul li.on').prevAll().length;
	var sonrakiSayi = $('div.'+divId+'Pager div.pageNavInner ul li.on').nextAll().length;
	
	if(oncekiSayi == 1)
	$('div.'+divId+'Pager div.pageNavInner').animate({ left:'-'+(parseInt($('div.'+divId+'Pager div.pageNav ul li.on').children('a').attr('rev'))-52)+'px' }, { easing:'easeInOutBounce', duration:300 })

	if(sonrakiSayi == 1)
	$('div.'+divId+'Pager div.pageNavInner').animate({ left:'-'+(parseInt($('div.'+divId+'Pager div.pageNav ul li.on').children('a').attr('rev'))-104)+'px' }, { easing:'easeInOutBounce', duration:300 })
	
	if(oncekiSayi > 0)
	$('div.'+divId+'Pager div.pageFirstNav').css('display', 'block')
	else $('div.'+divId+'Pager div.pageFirstNav').css('display', 'none')
	
	if(sonrakiSayi > 0) $('div.'+divId+'Pager div.pageLastNav').css('display', 'block')
	else { $('div.'+divId+'Pager div.pageLastNav').css('display', 'none'); $('div.'+divId+'Pager div.pageNavInner').animate({ left:'-'+(parseInt($('div.'+divId+'Pager div.pageNav ul li.on').children('a').attr('rev'))-130)+'px' }, { easing:'easeInOutBounce', duration:300 }) }
	
	if((oncekiSayi > 1) && (sonrakiSayi > 1)) $('div.'+divId+'Pager div.pageNavInner').animate({ left:'-'+(parseInt($('div.'+divId+'Pager div.pageNav ul li.on').children('a').attr('rev'))-78)+'px' }, { easing:'easeInOutBounce', duration:300 })
}