﻿jQuery(document).ready(function(){ 

//login form
	
	jQuery(".login_link").click(function(){
		jQuery("#popup_pos").toggle("fast");
	});
	jQuery("#popup_pos_close").click(function(){
		jQuery("#popup_pos").toggle("fast");
	});
//end login form






//carousel
	var w = jQuery('#carousel:parent').width(); //width of content
	var n = jQuery('#carousel li').length; 	//count of pages
	var c = 1;								//current page = 1
	var ulw = w * n;						//calculate new width of ul#carousel
	var conth = jQuery('#carousel li:first').height(); 	//get new height of carousel container
	var m = 0; 								//define initial margin-left of the ul#carousel
	jQuery('#carousel li:first').addClass('current');
	jQuery('#carousel').wrap("<div class='crsl_cont'></div>");
	jQuery('#carousel').css({'width':ulw});
	jQuery('#carousel li').css({'width':w});
	jQuery('.crsl_cont').css({'width':w,'height':conth});
	jQuery('.crsl_cont').before("<div class='crsl_paging'><div class='crsl_buttons'><span class='crsl_prev disabled'>&larr;</span><span class='crsl_next'>&rarr;</span></div><div class='crsl_text'>Shown <span class='crsl_c'>"+c+"</span> of <span class='crsl_n'>"+n+"</span></div></div>");
	jQuery('.crsl_paging').css({'width':w});
	
	jQuery(".crsl_next").click(function(){
		if (jQuery(this).hasClass("disabled")) {
			//do nothing
		} else {
			var el = jQuery('.current');
			var newh = jQuery(el).next().height();
			if (c == 1) {
				jQuery(".crsl_prev").removeClass('disabled');
			}
			m = m - w; //new margin-left
			c = c + 1; //renew current page number
			jQuery('#carousel').animate({ 
				marginLeft: m
			}, 500, "swing" );
			jQuery('.crsl_cont').animate({ 
				height: newh
			}, 500, "swing" );
			jQuery(el).removeClass('current');
			jQuery(el).next().addClass('current');
			jQuery('.crsl_c').html(c); //renew text in pagination
			if (c == n) {
				jQuery(".crsl_next").addClass('disabled');
			}
		}
	
	});
	
	jQuery(".crsl_prev").click(function(){
		if (jQuery(this).hasClass("disabled")) {
			//do nothing
		} else {
			var el = jQuery('.current');
			var newh = jQuery(el).prev().height();
			if (c == n) {
				jQuery(".crsl_next").removeClass('disabled');
			}
			m = m + w; //new margin-left
			c = c - 1; //renew current page number
			jQuery('#carousel').animate({ 
				marginLeft: m
			}, 500, "swing" );
			jQuery('.crsl_cont').animate({ 
				height: newh
			}, 500, "swing" );
			jQuery(el).removeClass('current');
			jQuery(el).prev().addClass('current');
			jQuery('.crsl_c').html(c); //renew text in pagination
			if (c == 1) {
				jQuery(".crsl_prev").addClass('disabled');
			}
		}
	
	});
//end of carousel	
	
	
}); 