/******* Text Box Hints START ********/
/**
* @author Remy Sharp
* @url http://remysharp.com/2007/01/25/jquery-tutorial-text-box-hints/
*/

(function ($) {
	$.fn.hint = function (blurClass) {
	    if (!blurClass) blurClass = 'blur';
	    return this.each(function () {
	        var $input = $(this),
	            title = $input.attr('title'),
	            $form = $(this.form),
	            $win = $(window);
	        function remove() {
	            if (this.value === title && $input.hasClass(blurClass)) {
	                $input.val('').removeClass(blurClass);
	            }
	        }
	        // only apply logic if the element has the attribute
	        if (title) {
	            // on blur, set value to title attr if text is blank
	            $input.blur(function () {
	                if (this.value === '') {
	                    $input.val(title).addClass(blurClass);
	                }
	            }).focus(remove).blur(); // now change all inputs to title
	            // clear the pre-defined text when form is submitted
	            $form.submit(remove);
	            $win.unload(remove); // handles Firefox's autocomplete
	        }
	    });
	};
})(jQuery);

$(function(){
	// elements with class 'blur'
	$('.blur').hint();
});
/******* Text Box Hints END ********/

/******* Weather Right Block START ********/
		$(document).ready(function(){
			$('a.searchImg').click(function(){ //When link (Избери град или Върни се обратно) is clicked
				var currentW = $('#searchCity'); // Set variable currentW to value of href attribute of clicked link
				$(currentW).toggle();
				return false;
			});
		});
/******* Weather Right Block END ********/

/******* Tabs START ********/
		$(document).ready(function(){
			$('div#lcmTabs div#lcmTabsInner > div').hide(); // Hide all divs
			$('div#lcmTabs div#lcmTabsInner > div:first').show(); // Show the first div
			$('div#lcmTabs div#lcmTabsInner ul li a:first').addClass('select'); // Set the class of the first link to active
			$('div#lcmTabs div#lcmTabsInner ul li a').click(function(){ //When any link is clicked
			$('div#lcmTabs').css('background-position', '297px 4px');
			$('div#lcmTabs div#lcmTabsInner ul li a').removeClass('select'); // Remove active class from all links
			$(this).addClass('select'); //Set clicked link class to active
			var currentTab = $(this).attr('href'); // Set variable currentTab to value of href attribute of clicked link
			$('div#lcmTabs div#lcmTabsInner> div').hide(); // Hide all divs
			$(currentTab).show(); // Show div with id equal to variable currentTab
			return false;
			});
			$('div#lcmTabs div#lcmTabsInner ul li a:last').click(function(){
				$('div#lcmTabs').css('background-position', '297px 0');
			});
		});
                $(document).ready(function(){
			$('div#caTabs > div').hide(); // Hide all divs
			$('div#caTabs > div:first').show(); // Show the first div
			$('div#caTabs ul li a:first').addClass('select'); // Set the class of the first link to active
			$('div#caTabs ul li a').click(function(){ //When any link is clicked
			$('div#caTabs ul li a').removeClass('select'); // Remove active class from all links
			$(this).addClass('select'); //Set clicked link class to active
			var currentTab1 = $(this).attr('href'); // Set variable currentTab to value of href attribute of clicked link
			$('div#caTabs > div').hide(); // Hide all divs
			$(currentTab1).show(); // Show div with id equal to variable currentTab
			return false;
			});
		});
		$(document).ready(function(){
                        $('div#aTabs div#phones, div#clothes, div#jewelry, div#auto, div#antiques').hide(); // Hide all divs
                        $('div#aTabs div.tabContentPromRow:first').show();
                        $('div#aTabs div.auctionCat a:first').addClass('select'); // Set the class of the first link to active
                        $('div#aTabs div.auctionCat a').click(function(){ //When any link is clicked
                        $('div#aTabs div.auctionCat a').removeClass('select'); // Remove active class from all links
                        $(this).addClass('select'); //Set clicked link class to active
                        var currentTab2 = $(this).attr('href'); // Set variable currentTab to value of href attribute of clicked link
                        $('div#aTabs div.tabContentPromRow').hide(); // Hide all divs
                        $(currentTab2).show(); // Show div with id equal to variable currentTab
                        return false;
                        });
		});
/******* Tabs END ********/

/******* Change Font size START ********/
		$(document).ready(function(){
			// Reset Font Size
			var originalFontSize = $('#mainArticle p').css('font-size');
			$("#resetFont").click(function(){
				$('#mainArticleBlock p').css('font-size', originalFontSize);
				return false;
			});
			// Increase Font Size
			$("#plusFont").click(function(){
				var currentFontSize = $('#mainArticle p').css('font-size');
				var currentFontSizeNum = parseFloat(currentFontSize);
				var newFontSize = currentFontSizeNum + 1;
				$('#mainArticleBlock p').css('font-size', newFontSize);
				return false;
			});
			// Decrease Font Size
			$("#minusFont").click(function(){
				var currentFontSize = $('#mainArticle p').css('font-size');
				var currentFontSizeNum = parseFloat(currentFontSize);
				var newFontSize = currentFontSizeNum - 1;
				$('#mainArticleBlock p').css('font-size', newFontSize);
			return false;
			});
		});
/******* Change Font size END ********/

/******* MAIN ARCTICLE IMAGE SLIDE START ********/
		$(function() {
			$('#mainArticleImgSlide').cycle({
				fx: 'fade',
				speed: 400,
				timeout: 0,
				containerResize: true,
				after: onAfter,
				next: '#maNext',
				prev: '#maPrev',
				pager: '#maPhotoNav',
				pagerAnchorBuilder: function(idx, slide) {
					// return selector string for existing anchor
					return '#maPhotoNav a:eq(' + idx + ')';
				}
			});
			function onAfter() {
			    $('.mainArticleImg span.imageAuthor').html(this.getElementsByTagName('img')[0].alt);
            }
		});
/******* MAIN ARCTICLE IMAGE SLIDE END ********/

/******* Sliding the Photo Gallery Caption and Play/Pause button change START ********/
    	$(document).ready(function() {
			$('#maPhotoSlideNav ul li a').click(function(){ // On paging click
				var aText = $(this).html();
        		changePhotoAlt('picture', aText);
				return false;
			});
			changePhotoAlt('picture', 1);
		});
		$(document).ready(function() {
			$('#maPSPlay').click(function(){ // Changing the Play/Pause button on Click event
				$(this).toggleClass('maPSPause');
				return false;
			});
		});
		$(document).ready(function() {
			$('#maPhotoSlideBlock .toggle').click(function(){ // Sliding the Photo Gallery Caption on Click event
				$('#maPhotoSlideBlock .maPhotoSlideHoverCaption').slideToggle('slow', function(){
					$('#maPhotoSlideBlock .toggle').toggleClass('toggleUp');
				});
				return false;
			});
		});
/******* Sliding the Photo Gallery Caption Play/Pause button change END ********/
/******* MORE CATEGORY SLIDE START ********/
                $(function() {
                    $('#moreCatSlide').cycle({
                        fx: 'scrollLeft',
                        speed: 'fast',
                        delay: 300,
                        timeout: 0,
                        containerResize: true,
                        next: '#mcNext',
                        prev: '#mcPrev',
                        pager: '#mcNav',
                        pagerAnchorBuilder: function(idx, slide) {
                            // return selector string for existing anchor
                            return '#mcNav a:eq(' + idx + ')';
                        }
                    });
                });
/******* MORE CATEGORY SLIDE END ********/
/******* RIGHT VIDEO AND PHOTO TABS AND SLIDE START ********/
		$(document).ready(function(){
			$('div#videoPhotoBlock > div').hide(); // Hide all divs
			$('div#videoPhotoBlock > div:first').show(); // Show the first div
			$('div#videoPhotoBlock ul li a:first').addClass('select'); // Set the class of the first link to active
			$('div#videoPhotoBlock ul li a').click(function(){ //When any link is clicked
			$('div#videoPhotoBlock ul li a').removeClass('select'); // Remove active class from all links
			$(this).addClass('select'); //Set clicked link class to active
			var currentTab = $(this).attr('href'); // Set variable currentTab to value of href attribute of clicked link
			$('div#videoPhotoBlock > div').hide(); // Hide all divs
			$(currentTab).show(); // Show div with id equal to variable currentTab
			return false;
			});
		});
		$(function() {
			$('#videoSlide').cycle({
				fx: 'scrollLeft',
				speed: 'fast',
				delay: 200,
				timeout: 0,
                                containerResize: 1,
				next: '#videosNext',
				prev: '#videosPrev',
				pager: '#videoNav',
				pagerAnchorBuilder: function(idx, slide) {
					// return selector string for existing anchor
					return '#videoNav a:eq(' + idx + ')';
				}
			});
		});
		$(function() {
			$('#photoSlide').cycle({
				fx: 'scrollLeft',
				speed: 'fast',
				delay: 300,
				timeout: 0,
                                containerResize: 1,
				next: '#photosNext',
				prev: '#photosPrev',
				pager: '#photoNav',
				pagerAnchorBuilder: function(idx, slide) {
					// return selector string for existing anchor
					return '#photoNav a:eq(' + idx + ')';
				}
			});
		});
/******* RIGHT VIDEO AND PHOTO TABS AND SLIDE START ********/

/******* SMOOTH SCROLLING START ********/
$(document).ready(function(){
	$('#rcTop a[href*=#], #cr_fc a[href*=#]').click(function() {
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
			var $target = $(this.hash);
			$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
			if ($target.length) {
				var targetOffset = $target.offset().top;
				$('html, body').animate({scrollTop: targetOffset}, 1000);
				return false;
			}
		}
	});
});
/******* SMOOTH SCROLLING END ********/

/******* PHOTO START ********/
var oldAstro=1;
var astro = 1;
var currentImage = 1;
var prevImage = 1;
var interval = 1500;
var slide = 0;
var picNum = 1;
var timerID = 0;
var picNumComment = 1;

function nextImage()
{
  var maxImages = document.getElementById('maxImages').value;
  prevImage = currentImage;

  if(currentImage != maxImages) currentImage += 1;
  else { currentImage = 1;  picNum = 1; picNumComment = 1; }

  document.getElementById('maPhotoSlide'+prevImage).style.display = 'none';
  document.getElementById('maPhotoSlide'+currentImage).style.display = '';
  document.getElementById('as'+currentImage).className = 'activeSlide';

  if(prevImage) document.getElementById('as'+prevImage).className = 'a';

  //Scroll controls to current element and get picture alt tag
  changePhotoAlt('picture', currentImage);
	var LeftScroll = 22*currentImage-110;

	$('#maPhotoSlideNav').scrollLeft(LeftScroll);

	oldAstroScroll = oldAstro = currentImage;
}

function slideOne()
{
  var maxImages = document.getElementById('maxImages').value;

  if (picNum>=maxImages)
  {
    picNum = picNumComment = 1;
    $('#picNum').html( picNum );
    $('#picNumComment').html( picNumComment );
  }
  else
  {
    $('#picNum').html( ++picNum );
    $('#picNumComment').html( ++picNumComment );
  }

  nextImage();
  timerID = setTimeout(slideOne, interval);
}

function slideImages(stop)
{
  //If stop is set to 0, make slide=1 and stop scrolling
  if (stop == 0)
  {
    slide = 1;
    $('#maPSPlay').removeClass();
    $('#maPSPlay').addClass('maPSPlay');
  }

  if(slide == 0) {
    slide = 1;
    timerID = setTimeout(slideOne, interval);
  }
  else {
    slide = 0;
    clearTimeout(timerID);
    ShowAstro( oldAstro );
  }
}

function ShowAstro(astro)
{
	// Select button
	$('#as'+oldAstro).removeClass();
	$('#as'+astro).addClass('activeSlide');
	$('#maPhotoSlide'+oldAstro).hide();
	$('#maPhotoSlide'+astro).show();

  currentImage = astro;
	picNum = picNumComment = astro;

	$('#picNum').html( picNum );
	$('#picNumComment').html( picNumComment );

	//Scroll controls to current element
	var LeftScroll = 22*astro-110;

	changePhotoAlt('picture', picNum);
	$('#maPhotoSlideNav').scrollLeft(LeftScroll);

	oldAstroScroll = oldAstro = astro;
}

var oldAstroScroll = oldAstro;

function ScrollAstro(direction, totalNumber) {
	// move step
	if(direction == 'next') {
		oldAstroScroll += 1;
		if(oldAstroScroll > totalNumber ) oldAstroScroll = 1;
	}
	else {
		oldAstroScroll -= 1;
		if(oldAstroScroll < 1 ) oldAstroScroll = totalNumber;
	}

	ShowAstro(oldAstroScroll);
}

//Changes the photo alt
function changePhotoAlt(divId, picNumber)
{
  if (document.getElementById(divId+picNumber))
  {
    var images = document.getElementById(divId+picNumber);
  }

  if (images) $('#picText').text(images.alt);
}

window.onload = function() {ShowAstro( oldAstro );}

/******* PHOTO END **********/

/******* FACEBOOK SCRIPT START *********/
function fbs_click()
{
  u=location.href;
  t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');
  return false;
}
/******* FACEBOOK SCRIPT END *********/


/******* FORM LIMITATION SCRIPT START *********/
function limitChars(textid, limit, infodiv){

	 var text = $('#'+textid).val();
	 var textlength = text.length;

	 if(textlength > limit){

		$('#' + infodiv).html('Не можете да пишете повече от '+limit+' символа!');
		$('#'+textid).val(text.substr(0,limit));
		return false;
	}
	else{
		$('#' + infodiv).html('Имате още '+ (limit - textlength) +' позволени символа');
		return true;
	}

}

// start limitation
$(function(){
	$('#userComment').keyup(function(){
		limitChars('userComment', 2000, 'charlimitinfo');
	})
});


/******* FORM LIMITATION SCRIPT END *********/



/******* FORM CHANGE COLOR START *********/
$(function(){
	$('#userComment').click(function(){
		$(this).css('color', '#000');
	})
});

$(function(){
	$('#userComment').blur(function(){
		if($(this).val() == 'Максимум 2000 символа') $(this).css('color', '#999999');
	})
});
/******* FORM CHANGE COLOR END *********/