/*
Author: www.iindev.com
---------------------------------------------
*/



// Begin code for Enabling support for new HTML5 tags for IE6, IE7 and IE8 
if(navigator.appName == 'Microsoft Internet Explorer' ){
	if( ( navigator.userAgent.indexOf('MSIE 6.0') >= 0 ) || ( navigator.userAgent.indexOf('MSIE 7.0') >= 0 ) || ( navigator.userAgent.indexOf('MSIE 8.0') >= 0 ) ){
		document.createElement('header')
		document.createElement('nav')
		document.createElement('section')
		document.createElement('aside')
		document.createElement('footer')
		document.createElement('article')
		
		document.createElement('hgroup')
		document.createElement('figure')
		document.createElement('figcaption')		
	}
}
// End code for Enabling support for new HTML5 tags for IE6, IE7 and IE8 


;(function($){
	
	$(function(){

		// Begin focus and blur for input functions
		$('input:text').focus(function(){
			if(this.value==this.defaultValue){this.value=''}
		})
		$('input:text').blur(function(){
			if(!this.value){this.value=this.defaultValue;}
		})
		$('input:password').focus(function(){
			if(this.value==this.defaultValue){this.value=''}
		})
		$('input:password').blur(function(){
			if(!this.value){this.value=this.defaultValue;}
		})
		$('textarea').focus(function(){
			if(this.value==this.defaultValue){this.value=''}
		})
		$('textarea').blur(function(){
			if(!this.value){this.value=this.defaultValue;}
		})
		// End focus and blur for input functions


		// Begin Pie and conditional code for rounded shadow and gradient
		$('head').append('<!--[if IE 6]><script type="text/javascript" src="scripts/pngfix.js"></script><![endif]-->');
		
		if (window.PIE) {
			$('.gradient, .breadcrumbs-container li a, .rounded, .shadow').each(function() {
				PIE.attach(this);
			});
			
			$('.try-it-btn a').each(function() {
				PIE.attach(this);
			});
			$('.vocabulary-table-container table tr.head td').each(function() {
				PIE.attach(this);
			});
		}
		// End Pie and conditional code for rounded shadow and gradient
		
		
		var $thumbnailSelector	= $('#artists-thumbnail-wrap > div > figure > a')
		$('#artists-thumbnail-wrap > div > figure > a > span').animate({opacity:0}, 0 )
		$thumbnailSelector.mouseenter(function(){
			$(this).find('span').animate({opacity:0.8}, 300 )
		})
		$thumbnailSelector.mouseleave(function(){
			$(this).find('span').animate({opacity:0}, 200 )
		})
		// Thumbnail rollover ends
		
		
		$('#slider > div').css({'opacity':0})
		$('#slider > div:first').addClass('active').css({'opacity':1})
		
		$('#total-slide').text( $('#slider > div').length )
		$('#present-slide').text(presentlyShowingSlide)
		
		$('#slide-info').html($('#slider > div.active p').html())
		if($('#slider').length){
			iindevSlideShowinIt()
		}// slideshow
		
		// $('#scroller-area').hide()
			
	})// Document ready ends
	
	// Drag Slider
	var $slideingImgArr					= false
	var $slidingPanel					= false
	var totalImageWidth					= 0
	var $scrollLine						= false
	var $scrollBar						= false
	
	var sliderScrolllBarRatio			= 1
	var sliderCanMove					= false
	//var sliderMoveableLength			= 0
	
	$(window).load(function(){
		
		// Initializations.. 
		$slidingPanel		= $('#sliding-panel')
		$slideingImgArr		= $slidingPanel.find('img')
		$scrollLine			= $('#scroll-line')
		$scrollBar			= $('#scroll-bar')
		
		
		$slideingImgArr.each(function(){
			totalImageWidth += $(this).width()
		})
		
		$slidingPanel.width( totalImageWidth  + ( $slideingImgArr.length * 5 ) )
		if( $slidingPanel.width() <= $('#sliding-panel-container').width() + 5 ) {
			// $scrollBar.width( $scrollLine.width() )
			sliderCanMove = false
		}
		else{
			sliderScrolllBarRatio = $slidingPanel.width() / $scrollLine.width()
			$scrollBar.width( $scrollLine.width() / sliderScrolllBarRatio  >= 32 ?  Math.round( $scrollLine.width()/sliderScrolllBarRatio ) : 32 )
			$('#scroller-area').css({'visibility' : 'visible'})
			// Initializations for the slider
			sliderCanMove = true
			sliderScrolllBarRatio = ( $slidingPanel.width() - 790 ) / ( $scrollLine.width() - $scrollBar.width() )
		}

		$('#scroll-bar').iindevDrag()
		
		
		// Gallery Slider
		var maxImageHeight = 0
		$('#slider > div').each(function(){
			maxImageHeight = $(this).height() > maxImageHeight ? $(this).height() : maxImageHeight
		})
		
		$('#slider').height( maxImageHeight )
		
		
	})// window load ends
	

	var dragStartPageX,dragElm,dragLeftPos,dragProposedLeft,dragRightLimit;
	$.fn.iindevDrag = function(){
		
		$(document).mouseup(function(){
			document.onmousemove = null
		})
		
		return this.each(function(){
			this.onmousedown = dragDown
		})
	}
	
	function dragDown(e){
		if (!e) e = window.event

		dragElm			= $(this)
		dragLeftPos		= parseInt( $(this).css('left') )
		dragStartPageX	= e.clientX

		dragRightLimit = $(this).parent().width() - $(this).width()
		document.onmousemove = dragMove
		return false;
	} // dragDown ends

	function dragMove(e){
		if (!e) e = window.event

		dragProposedLeft = dragLeftPos + e.clientX - dragStartPageX

		if(dragProposedLeft < 0) dragElm.css({'left':0})
		else if(dragProposedLeft > dragRightLimit) dragElm.css({'left':dragRightLimit})
		else dragElm.css({'left':dragProposedLeft})
		if(sliderCanMove) $slidingPanel.css({'left': parseInt(dragElm.css('left')) * - sliderScrolllBarRatio })

		return false;
	} // dragMove ends
	
	
	//iindev slideshow begins
	
	var presentlyShowingSlide		= 1
	var animationSpeed 				= 400
	function iindevSlideShowinIt() { 
		$('#left-scroller').click(function(e){
			e.preventDefault()
			var activeDiv = jQuery('#slider > div.active')
			var prevDiv = activeDiv.prev('div')
			if(prevDiv.length==0)return false
			else{
				presentlyShowingSlide-=1
				activeDiv.addClass('last-active')
				prevDiv.css({opacity: 0.0}).addClass('active')
				.animate({opacity: 1.0}, animationSpeed , function(){
					$('#present-slide').text(presentlyShowingSlide)
					$('#slide-info').html($('#slider > div > p').eq(presentlyShowingSlide-1).html())
					activeDiv.removeClass('active last-active')
				})// End animate
				
				activeDiv.animate({'opacity':0}, animationSpeed )
				
			}// End else
			
		})// Previous button click ends
		
		$('#right-scroller').click(function(e){
			e.preventDefault()
			var activeDiv = $('#slider > div.active')
			var nextDiv = activeDiv.next('div')
			if(nextDiv.length==0)return false
			else{
				presentlyShowingSlide+=1
				activeDiv.addClass('last-active')
				nextDiv.addClass('active')
				.animate({opacity: 1.0}, animationSpeed , function(){
					$('#present-slide').text(presentlyShowingSlide)
					$('#slide-info').html($('#slider > div > p').eq(presentlyShowingSlide-1).html())
					activeDiv.removeClass('active last-active')
				})// End animate
				activeDiv.animate({'opacity':0}, animationSpeed )
				
			}//End else
			
		})// Next button click ends
		
	}// Slideshow ends
	
})(jQuery)