var $j = jQuery.noConflict();

$j(document).ready(function() {

	var invertUserListShowImages = "";
	var invertOpenDiv = "";
	var invertCloseDiv = "";

	$j('.ProductBox').corner('top');
	$j('.Headline').corner('top');
	//$j('.BreadTextBorder').corner('bottom');
	
	var count = $j('#count').val();
	for(i = 0; i<count; i++){
		var UserListShowImages = '#UserListShowImages'+i;
		$j(UserListShowImages).hide();
		
		var hideLessImagesButton = '#CloseShowMoreSmallImages_'+i;
		$j(hideLessImagesButton).hide();
	};
	

	$j('.btnShowImages').click(function(){

		var id = $j(this).attr('id');
		var openDiv = '#'+ id;
	
		if(invertOpenDiv != "" && invertOpenDiv != openDiv)
		{
			$j(invertUserListShowImages).hide('slow');
			$j(invertOpenDiv).show();
			$j(invertCloseDiv).hide();
		}
		
		invertOpenDiv = openDiv;
		//#ShowMoreSmallImages0_div
		$j(openDiv).hide();
		//CloseShowMoreSmallImages
		var closeDiv = '#Close'+id;
		invertCloseDiv = closeDiv;
		$j(closeDiv).show();
		var count = id.substring(id.length-1);
		var images = '#UserListShowImages'+count;
		$j(images).show('slow');
		invertUserListShowImages = images;
	});
	
	
	$j('.btnCloseImages').click(function(){
		var id = $j(this).attr('id');
		var closeDiv = '#'+ id;
		//#ShowMoreSmallImages0_div
		$j(closeDiv).hide();
		//CloseShowMoreSmallImages
		var openDiv = closeDiv.replace('Close','');
		$j(openDiv).show();
		var count = id.substring(id.length-1);
		var images = '#UserListShowImages'+count;
		$j(images).hide('slow');

	});
	
	$j('.imgCart').click(function(){
		var productRecordId = $j(this).attr('id');
		var noOfProduct = $j('#no'+productRecordId).val();
		
		var uri = $j('#uri').val();
		ajaxUrl = uri + 'ajax/ShoppingCart.aspx';
		var resHtml = $j.ajax({
			url: ajaxUrl,
			type: 'POST',
			data: 'productRecordId=' + productRecordId + '&no='+noOfProduct,
			async: false
		}).responseText;
		
		var res = resHtml.split(';');
		$j('#noProducts').html(res[0]+' stk.');
		$j('#total').html(res[1]+' kr.');
	});

});