$j(document).ready(function() {
	// Scroll Pane
	
	$j('div.box-type-1-content').jScrollPane({showArrows:true, scrollbarWidth: 19});

	// All Categories Behaviours
	
	$j('div.all-categories a.all-categories-link').toggle(
		function() {
			$j('div.all-categories').css("height","auto");
			$j('div.all-categories div.all-categories-inner').slideDown("normal");
			$j('div.all-categories a.all-categories-link').css('background-position','top');
		},
		function() {
			$j('div.all-categories div.all-categories-inner').slideUp("normal", function(){								
			$j('div.all-categories').css("height",8);																			
			$j('div.all-categories a.all-categories-link').css('background-position','bottom');
			});
			
		}
	)
	
	
	// Device Selection 
	
		$j('a.select-device').click(function() {
		$j('#device-selector').fadeIn('fast');
		$j('#device-container').fadeOut('fast');
	})
		
	// Detail Button Behaviours
	
    var smallDetail = $j('div.application-category-normal-view div.application-small-detail');
	var btn;
	var oldparentsId = null;
	
	$j('div.application a.btn.detail').bind('click',function(){
		// Parent height set
		if (oldparentsId == null) {
			oldparentsId = $j(this).parents('div.applications').attr('id');
		}
		
		if(oldparentsId != $j(this).parents('div.applications').attr('id')) {
		
			oldparentsId = $j(this).parents('div.applications').attr('id');
			$j('div.applications').css('height','auto')
			
		}
		$j('div.application-small-detail').css("display","none");
		btn = $j(this);
		var applicationHeight = btn.parents('.application').outerHeight()+btn.parents('.application').find('div.application-small-detail').outerHeight();
		
		if(btn.hasClass('detail')) {
			btn.parents('div.applications').css("height",applicationHeight);
			$j('div.application a.btn.close').removeClass('close').addClass('detail');
			smallDetail.hide();
			btn.removeClass('detail').addClass('close');
			btn.parents('.application').find('div.application-small-detail').fadeIn();
		}
		else {
			btn.removeClass('close').addClass('detail');
			btn.parents('.application').find('div.application-small-detail').fadeOut('normal',function(){
				btn.parents('div.applications').css("height","auto");
			});
		}
	})

	// List Behaviours

	var flagListView = false;

	$j('div.application-category-header a.list-view').click(function() {
		//$j('div.application-small-detail').fadeOut();
		$j('div.application-small-detail').css("display","none");
		$j('div.applications').css('height','auto')
		if(!flagListView) {
			smallDetail.hide();
			$j(this).html('Galeri G\u00f6r\u00fcn\u00fcm\u00fc').parents('div.application-category').css("height","auto").removeClass('application-category-normal-view').addClass('application-category-list-view');
			if(btn) {
				btn.removeClass('close').addClass('detail');
			}
			flagListView = true;
		}
		else {
		    $j(this).html('Liste G\u00f6r\u00fcn\u00fcm\u00fc').parents('div.application-category').removeClass('application-category-list-view').addClass('application-category-normal-view');
			$j('div.application-small-detail').css("display","none");
			$j('div.applications').css('height','auto')
			flagListView = false;
		}
	})
});

openedPopup={};

function popupOpen(id){
		openedPopup=$j(id);
		$j('.transparent-container').show();
		$j('.transparent-container-2').show();
		$j('.transparent-container').css('height',document.body.scrollHeight+20)
		$j(id).css({'display':'block','margin-top':((jQuery(window).height() - 381 ) / 2 ) + jQuery(window).scrollTop()});
		$j('body').css('overflow','hidden')
	
	};

function popupClose(id){
		$j(id).css('display','none');
		$j('.transparent-container').hide();
		$j('.transparent-container-2').hide();
		$j('body').css('overflow','auto')
	};

function commentOpen(){
		$j('.comment-input').css('display','block');
	};

// Device List Ajax Functions	

function getSupportedDeviceList(contentId,languageId) 
	{
	$j('.slider2').css('background','transparent url(/Assets/img/ajax-loader.gif) no-repeat scroll center center');
	document.getElementById('supported-devices-list').innerHTML='';
	popupOpen('#phoneSel');
	   new Ajax.Request
		( 
			'/AjaxHandlers/GetSupportedDeviceList.aspx?contentId='+contentId+'&languageId='+languageId, 
			{
				method: 'post',
				onSuccess:
				function(response) 
				{ 
				    $j('.slider2').css('background','none');
				    document.getElementById('supported-devices-list').innerHTML=response.responseText;
    				
				    // Popup accordion
			        $j('dd').hide();
                    $j('dt a').click(function(){
                        $j('dd:visible').slideUp('slow');
                        $j(this).parent().next().slideDown('slow');
                        return false;
                    });
				}
			}
		);
	}

function openPopupAlert(type,message)
{
    $j('.dialog-content-bg').removeClass('success');
    $j('.dialog-content-bg').removeClass('error');
    $j('.dialog-content-bg').removeClass('warning');
    $j('.dialog-content-bg').addClass(type);
    //$j('.dialog-content').html(message + '<a class="dialog-close" href="javascript:popupClose();"><span>TAMAM</span></a>')
    $j('.dialog-content').html(message)
    popupOpen('#alertbox');
}


function getRandomContent() 
	{
	document.getElementById('supported-devices-list').innerHTML='';
	new Ajax.Request
		( 
			'/AjaxHandlers/RandomContent.aspx', 
			{
				onSuccess:
				function(response) {
					document.getElementById('home-random-content-container').innerHTML=response.responseText;
					$j('div.box-type-1-content').jScrollPane({showArrows:true, scrollbarWidth: 19});
				}
			}
		);
	}
