$(document).ready(function(){
	
	//how much items per page to show
	var show_per_page = 6; 
	//getting the amount of elements inside content div
	var number_of_items = $('.products').children().size();
	//calculate the number of pages we are going to have
	var number_of_pages = Math.ceil(number_of_items/show_per_page);

	
	if (number_of_items > show_per_page) 
	{
	
		jQuery(".products").parent().append("<input type='hidden' id='current_page' /><input type='hidden' id='show_per_page' /><div id='page_navigation' class='right'></div>");
	
	//set the value of our hidden input fields
	$('#current_page').val(0);
	$('#show_per_page').val(show_per_page);
	
	//now when we got all we need for the navigation let's make it '
	
	/* 
	what are we going to have in the navigation?
		- link to previous page
		- links to specific pages
		- link to next page
	*/
	var navigation_html = '<a class="previous_link" href="javascript:previous();">Prev</a>';
	var current_link = 0;
	while(number_of_pages > current_link){
		navigation_html += '<a class="page_link" href="javascript:go_to_page(' + current_link +')" longdesc="' + current_link +'">'+ (current_link + 1) +'</a>';
		current_link++;
	}
	navigation_html += '<a class="next_link" href="javascript:next();">Next</a>';
	
		$('#page_navigation').html(navigation_html);
				
				
		if( $('.active_page').prev('.page_link').length==false ){
			jQuery("a.previous_link").hide();
			jQuery("a.next_link").show();
		}
		else if( $('.active_page').next('.page_link').length==false ) {
			jQuery("a.next_link").hide();
			jQuery("a.previous_link").show();
		}
		else {
			jQuery("a.previous_link, a.next_link").show();
		}
	}
	
	//add active_page class to the first page link
	$('#page_navigation .page_link:first').addClass('active_page');
	
	//hide all the elements inside content div
	$('.products').children().css('display', 'none');
	
	//and show the first n (show_per_page) elements
	$('.products').children().slice(0, show_per_page).css('display', 'block');

	
/* ======================== Homepage Image Rotator ======================== */
//jQuery(".banner-text, .box-b h1").show();

var banlen = jQuery(".banner .list-img img").length;

jQuery(".banner-text h1").hide();

	if(banlen > 1)
	{
		var rndnum = Math.ceil(Math.random() * banlen) - 1;
		jQuery(".banner .list-img img").hide();
		jQuery(".banner .list-img img").eq(rndnum).show();
		
	  var imgttl = jQuery(".banner .list-img img").eq(rndnum).attr("title");
		jQuery(".banner-text h1"+ imgttl).show();
	}
	else {
		jQuery(".banner .list-img img").show();
		jQuery(".banner-text h1").show();
		}
	

/* ======================== Product Details Side Menu Selected ======================== */
if( jQuery(".in-content").has(".prod-cont").html() )	// Check if Product Details
{
	var curUrl = window.location.href;
	var no = curUrl.split("/");
	var catalogDir = no[no.length -2];

	jQuery(".sidebar ul li a").each(function(i){
		if( jQuery(this).attr("href").toLowerCase().indexOf(catalogDir.toLowerCase()) != -1 ) 
		{
			jQuery(this).parent().addClass("selected");
		}
	});
}

	
	
});

function previous(){
	
	new_page = parseInt($('#current_page').val()) - 1;
	//if there is an item before the current active link run the function
	if($('.active_page').prev('.page_link').length==true){
		go_to_page(new_page);
	}
	
}

function next(){
	new_page = parseInt($('#current_page').val()) + 1;
	//if there is an item after the current active link run the function
	if($('.active_page').next('.page_link').length==true){
		go_to_page(new_page);
	}
	
}
function go_to_page(page_num){
	//get the number of items shown per page
	var show_per_page = parseInt($('#show_per_page').val());
	
	//get the element number where to start the slice from
	start_from = page_num * show_per_page;
	
	//get the element number where to end the slice
	end_on = start_from + show_per_page;
	
	//hide all children elements of content div, get specific items and show them
	$('.products').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');
	
	/*get the page link that has longdesc attribute of the current page and add active_page class to it
	and remove that class from previously active page link*/
	$('.page_link[longdesc=' + page_num +']').addClass('active_page').siblings('.active_page').removeClass('active_page');
	
	//update the current page input field
	$('#current_page').val(page_num);
	
	
		if( $('.active_page').prev('.page_link').length==false ){
			jQuery("a.previous_link").hide();
			jQuery("a.next_link").show();
		}
		else if( $('.active_page').next('.page_link').length==false ) {
			jQuery("a.next_link").hide();
			jQuery("a.previous_link").show();
		}
		else {
			jQuery("a.previous_link, a.next_link").show();
		}
}
  
	



function changeEmailUser()
{
  var pos1, pos2;
  var cont_formname = jQuery.trim( jQuery(".pagecontent form").attr("name") );

	var rplname = jQuery.trim(jQuery("input#FullName").val()).replace(/ /g, "+"); // Replace all white space to plus.

	var formAct = jQuery("form[name="+ cont_formname +"]").attr("action");
	
		pos1 = formAct.indexOf("&EmailFrom=");
		pos2 = formAct.indexOf("&PageID=");
		
		pos3 = formAct.indexOf("&Subject=");
		
	  if(pos1 != -1 && pos2 != -1)
	   {
	var emailfrom = formAct.substring(pos1+11, pos2); // Get EmailFrom
	var subject = formAct.substring(pos3+9, pos1); // Get Email Subject
	var subjctName = subject +"+|+"+ rplname;
		
   var rpl = formAct.replace(emailfrom, jQuery.trim(jQuery("input#EmailAddress").val()) );   
		jQuery("form[name="+ cont_formname +"]").attr("action", rpl);
   
   formAct = jQuery("form[name="+ cont_formname +"]").attr("action");
   var rplSubj = formAct.replace(subject, subjctName);	
		jQuery("form[name="+ cont_formname +"]").attr("action", rplSubj);
		}
	  else
		return false;

}